static/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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <link rel="canonical" href="https://fle.ms/" />
        <link rel="icon" type="image/png" href="https://cdn.cflems.net/fle.ms/logo.webp" />
        <link rel="stylesheet" type="text/css" href="css/fonts.css" />
        <link rel="stylesheet" type="text/css" href="css/standard.css" />
        <link rel="stylesheet" type="text/css" href="css/mobile.css" />
        <title>fle.ms</title>
        <script type="text/javascript" src="js/slug.js" async></script>
        <script type="text/javascript" src="js/ajax.js" defer></script>
    </head>
    <body>
        <div id="header">
            <h1 id="logo">fle.ms</h1>
        </div>
        <div id="content">
            <div id="lhs">
                <div class="form-element">
                    <p><label for="url">Paste a Long URL</label></p>
                    <p><input id="url" type="text" placeholder="https://docs.google.com/spreadsheets/d/1SIXl0TxDgaTU49ZOph5s8HA5ZqtEakBCdQkqHzzfhf8/edit" class="fullsize" /></p>
                </div>
                <div class="form-element">
                    <p><label for="slug">Customize Short URL</label></p>
                    <p>
                        <label id="base-url" for="slug">fle.ms/</label>
                        <input id="slug" type="text" />
                    </p>
                </div>
                <div class="form-element">
                    <p><button id="shortenButton" class="fullsize">Shorten URL</button></p>
                </div>
            </div>
            <div id="rhs">
                <h3>What is this?</h3>
                <p>fle.ms is an REST API driven URL shortener&mdash;a service which stores
                    long and complicated URLs such as Google Drive documents, GitHub commit
                    references, Spotify playlists, and social media permalinks. Our service
                    replaces these long links that are hard to remember and share,
                    with short alphanumeric slugs and keywords that you can say or type out
                    in one go.
                </p>
                <h3>Why this service over another?</h3>
                <p>Popular URL shorteners, like most other real estate on the internet,
                    have become saturated over their long tenure. Relevant keywords, names,
                    and even short random slugs are all taken, leading to longer and less
                    meaningful links. This is a fresh start.
                </p>
                <p>fle.ms places an emphasis on readability and communicability, so our
                    service ignores capitalization entirely. An &apos;a&apos; is an
                    &apos;A&apos; and a &apos;z&apos; is a &apos;Z&apos;. No need to sweat
                    over what kind. Our technology is optimized for usability without
                    sacrificing speed.
                </p>
            </div>
        </div>
    </body>
</html>