Fetched 5.12 KB in 0.028798 seconds
Wrap lines · Don’t tidy markup

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta property="og:title" content="Neatnik">
    <meta property="og:url" content="https://neatnik.net/">
    <meta property="og:description" content="Neatnik crafts digital things.">
    <meta name="viewport" content="width=device-width">
    <link rel="apple-touch-icon" sizes="180x180" href="/meta/icons/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/meta/icons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/meta/icons/favicon-16x16.png">
    <link rel="manifest" href="/meta/icons/site.webmanifest">
    <link rel="mask-icon" href="/meta/icons/safari-pinned-tab.svg" color="#eedd00">
    <link rel="shortcut icon" href="/meta/icons/favicon.ico">
    <meta name="msapplication-TileColor" content="#eedd00">
    <meta name="msapplication-config" content="/meta/icons/browserconfig.xml">
    <meta name="theme-color" content="#ffffff">
    <title>
      Neatnik
    </title>
    <style type="text/css">
    /* @import url('//use.typekit.net/plq7wre.css'); */
    /* @import url('//pro.fontawesome.com/releases/v5.2.0/css/all.css'); */

    @import url('//neatnik.net/meta/type/type.css');
    @import url('//neatnik.net/meta/font-awesome/css/all.css');

    * {
        box-sizing: border-box;
        -webkit-text-size-adjust: 100%;
        word-break: break-word;
        border-radius: .2em;
    }

    body, input, textarea, button {
        font-family: 'Museo Sans', sans-serif;
        font-weight: 300;
        color: #333;
    }

    code, pre {
        font-family: 'fira-mono', monospace;
        word-break: break-all;
        font-size: 90%;
    }

    html {
        height: 100%;
        overflow: auto;
    }

    body {
        background: #fff;
        color: #333;
        margin: 0;
        padding: 0;
        font-size: 1.25em;
        line-height: 150%;
        min-height: 100%;
        overflow: hidden;
    }

    p {
        line-height: 150%;
    }

    h1, h2, h3, h4, h5 {
        font-family: 'Museo Sans Rounded';
        font-weight: 700;
        margin: 2rem 0;
        line-height: 120%;
    }

    h1 {
        font-size: 190%;
        color: #333;
        margin: 3rem 0 1.5rem 0 !important;
    }

    li {
        line-height: 175%;
    }

    #announcement {
        background: repeating-linear-gradient(
                -50deg,
                #FF3300,
                #FF3300 10px,
                #FF6600 10px,
                #FF6600 20px
        );
        color: #fff;
        border-radius: 0;
    }

    #announcement p {
        font-size: 1.2em;
        padding: 1em 1em;
        max-width: 1200px;
        margin: auto;
        font-weight: 600;
    }

    header, main, footer {
        max-width: 1200px;
        padding: 1em;
        display: block;
        margin: auto;
        border-radius: 0;
    }

    .logotype {
        display: block;
        font-family: 'Primot' !important;
        font-weight: 400 !important;
        font-size: 2.5em;
        padding: .5em 0 .5em 0;
        text-transform: lowercase;
        vertical-align: middle;
    }

    .logo {
        display: inline-block;
        width: 10em;
        height: 10em;
        margin-top: 3em;
    }

    main {
        padding: 2em;
        text-align: center;
    }

    a:link, a:visited, a:hover, a:active {
        border-radius: 0;
        text-decoration: none;
        border-bottom: 1px solid #333;
        color: #000;
    }

    nav {
        font-size: .7em;
        color: #aaa;
        margin-top: 5em;
    }

    nav a:link,
    nav a:visited,
    nav a:hover,
    nav a:active {
        color: #aaa;
        border-bottom: 1px solid #aaa;
        margin-left: 1em;
    }

    </style>
  </head>
  <body>
    <main>
      <svg class="logo" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 860 860">
      <path fill="#333" d="M738 617l-20 40a71 71 0 0 1-95 32l-50-26a135 135 0 0 1-78 100l-22 44a60 60 0 0 1-80 27l-84-42-11 11a111 111 0 0 1-78 32 15 15 0 0 1-15-15v-74a75 75 0 0 1-31-101 71 71 0 0 1-52-102l20-40a71 71 0 0 1 12-17 50 50 0 0 1-11-20c-8-28 12-62 50-94l-59-30a82 82 0 0 1 44-155l-14-33a18 18 0 0 1-2-5c-9-32 75-83 187-113s208-27 217 5a18 18 0 0 1 1 5v1a85 85 0 0 1 68 83v117c58 7 98 26 106 58s-17 70-66 105c0 42-15 82-40 116a71 71 0 0 1 17-9 71 71 0 0 1 86 99z"></path>
      <path fill="#fff" d="M282 234l92 46q18-6 36-11c18-5 37-9 54-13v-79a559 559 0 0 0-75 15c-41 12-78 27-107 42z"></path>
      <path fill="#ed0" d="M226 637a114 114 0 0 0-1 74 117 117 0 0 0 5 12 45 45 0 0 1-4-87zm25 117a76 76 0 0 1-11 1h-5v49a81 81 0 0 0 43-23l4-4a115 115 0 0 1-31-23zm134-54a15 15 0 0 0 15 15h70a10 10 0 0 1 9 14l-32 64a30 30 0 0 1-40 13l-111-55a85 85 0 0 1-38-114l15-31a15 15 0 0 0-7-20l-20-10a15 15 0 0 0-20 7l-5 10a41 41 0 0 1-73-37l20-40a41 41 0 0 1 55-18l28 14a15 15 0 0 0 5 1 205 205 0 0 0 21 28 15 15 0 1 0 22-20c-24-26-38-57-43-90 0-32 74-77 170-103 91-25 173-25 195-1a159 159 0 0 1 24 83c0 68-44 130-113 159a15 15 0 1 0 12 28 229 229 0 0 0 45-25l24 12a15 15 0 0 0 20-7l5-10a41 41 0 0 1 73 37l-20 40a41 41 0 0 1-55 18l-70-35a15 15 0 0 0-21 13 105 105 0 0 1-36 79 40 40 0 0 0-40-34h-69a15 15 0 0 0-15 15zm195-295a25 25 0 1 0 25-25 25 25 0 0 0-25 25zm-160 60a15 15 0 0 0-15 15 55 55 0 0 0 95 38 55 55 0 0 0 95-38 15 15 0 0 0-30 0 25 25 0 0 1-49 6l35-35a15 15 0 1 0-21-21l-30 29-29-29a15 15 0 1 0-21 21l35 35a25 25 0 0 1-50-6 15 15 0 0 0-15-15zm-35-35a25 25 0 1 0-25-25 25 25 0 0 0 25 25zM123 247a52 52 0 0 0 23 70l74 36c31-21 71-42 115-59l-142-71a52 52 0 0 0-70 24zm482-3V130a55 55 0 1 0-110 0v122c40-7 77-9 110-8z"></path></svg> <span class="logotype">Neatnik</span>
      <h1>
        Awesome stuff built here.
      </h1>
      <p>
        <a href="/work/">Check it out</a> and <a href="/contact/">get in touch</a>.
      </p>
      <nav>
        © 2018 Neatnik LLC <a href="/about/">About</a> <!--<a href="https://status.neatnik.net">Service Status</a>--> <a href="/terms-of-service/">Terms of Service</a> <a href="/privacy-policy/">Privacy Policy</a> <a href="/contact/">Contact</a>
      </nav>
    </main>
  </body>
</html>