Fetched 5.34 KB in 0.025600 seconds
Wrap lines · 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;
}

.notice {
	background: #ed0;
	margin: 2em;
	padding: 1em 2em 1.5em 2em;
	display: inline-block;
	font-weight: bold;
}

.new {
	color: #333;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 80%;
}

</style>

<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 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 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"/>
</svg></a>

<span class="logotype">Neatnik</span></a>

<h1>Neat stuff built here.</h1>

<p style="font-size: 120%;"><a href="/work/">Check it out</a> or <a href="/contact/">get in touch</a>.</p>

<nav>
&copy; Neatnik LLC <a href="/about/">About</a></li> <!--<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>

</footer>
</body>
</html>