-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
29 lines (27 loc) · 3.73 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
---
layout: home
script: case-converter
---
<main class="container">
<svg id="cloud-one" class="cloud" viewBox="0 0 689 454" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient y1="0%" x2="0" y2="100%" id="0"><stop stop-color="#fff" offset="0%"/><stop stop-color="#fcfcfc" offset="100%"/></linearGradient></defs><g fill="none" fill-rule="evenodd"><path d="m138.89 399h1.3c16.566 18.418 40.584 30 67.31 30 26.723 0 50.74-11.582 67.31-30h7.95c24.413 31.628 62.699 52 105.74 52 38.23 0 72.71-16.07 97.05-41.829 20.915 15.596 46.854 24.829 74.95 24.829 69.31 0 125.5-56.19 125.5-125.5 0-6.559-.503-13-1.473-19.287-1.816-18.693-8.778-35.879-19.452-50.12-19.01-28.583-49.42-48.926-84.75-54.53-8.357-101.66-93.51-181.56-197.33-181.56-73.6 0-137.82 40.16-171.95 99.76-54.38 8.405-99.04 46.21-117.25 96.66-50.919 4.642-90.81 47.45-90.81 99.58 0 10.498 1.618 20.617 4.617 30.12 5.259 44.976 43.495 79.876 89.88 79.876 14.916 0 28.989-3.608 41.39-10" stroke="#e7e7e7" stroke-width="6" fill="url(#0)"/></g></svg>
<svg id="cloud-two" class="cloud two" viewBox="0 0 689 454" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient y1="0%" x2="0" y2="100%" id="0"><stop stop-color="#fff" offset="0%"/><stop stop-color="#fcfcfc" offset="100%"/></linearGradient></defs><g fill="none" fill-rule="evenodd"><path d="m138.89 399h1.3c16.566 18.418 40.584 30 67.31 30 26.723 0 50.74-11.582 67.31-30h7.95c24.413 31.628 62.699 52 105.74 52 38.23 0 72.71-16.07 97.05-41.829 20.915 15.596 46.854 24.829 74.95 24.829 69.31 0 125.5-56.19 125.5-125.5 0-6.559-.503-13-1.473-19.287-1.816-18.693-8.778-35.879-19.452-50.12-19.01-28.583-49.42-48.926-84.75-54.53-8.357-101.66-93.51-181.56-197.33-181.56-73.6 0-137.82 40.16-171.95 99.76-54.38 8.405-99.04 46.21-117.25 96.66-50.919 4.642-90.81 47.45-90.81 99.58 0 10.498 1.618 20.617 4.617 30.12 5.259 44.976 43.495 79.876 89.88 79.876 14.916 0 28.989-3.608 41.39-10" stroke="#e7e7e7" stroke-width="6" fill="url(#0)"/></g></svg>
<svg id="cloud-two" class="cloud three" viewBox="0 0 689 454" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient y1="0%" x2="0" y2="100%" id="0"><stop stop-color="#fff" offset="0%"/><stop stop-color="#fcfcfc" offset="100%"/></linearGradient></defs><g fill="none" fill-rule="evenodd"><path d="m138.89 399h1.3c16.566 18.418 40.584 30 67.31 30 26.723 0 50.74-11.582 67.31-30h7.95c24.413 31.628 62.699 52 105.74 52 38.23 0 72.71-16.07 97.05-41.829 20.915 15.596 46.854 24.829 74.95 24.829 69.31 0 125.5-56.19 125.5-125.5 0-6.559-.503-13-1.473-19.287-1.816-18.693-8.778-35.879-19.452-50.12-19.01-28.583-49.42-48.926-84.75-54.53-8.357-101.66-93.51-181.56-197.33-181.56-73.6 0-137.82 40.16-171.95 99.76-54.38 8.405-99.04 46.21-117.25 96.66-50.919 4.642-90.81 47.45-90.81 99.58 0 10.498 1.618 20.617 4.617 30.12 5.259 44.976 43.495 79.876 89.88 79.876 14.916 0 28.989-3.608 41.39-10" stroke="#e7e7e7" stroke-width="6" fill="url(#0)"/></g></svg>
<div class="grid">
<div class="grid-cell contentArea">
<div class="conentArea-grid">
<p>Stuck with a bunch of uppercase text and no good way to un-CAPSLOCK the whole thing? Simply paste your text in the box below and it'll convert it into a nice, conversational volume with proper capitalization for sentences and first-person pronouns!</p>
<div class="grid">
<textarea id="converterInput" class="grid-cell formcontrol" placeholder="PASTE LOUD TEXT HERE"></textarea>
<textarea id="converterOutput" class="grid-cell formcontrol" placeholder="...and it'll be converted here!" readonly></textarea>
</div>
<h3>Great for:</h3>
<ul>
<li>Database output!</li>
<li>Stuck Caps-Lock keys!</li>
<li>Boss's emails!</li>
<li>The perpetually cantankerous!</li>
</ul>
</div>
</div>
</div>
</main>