Fetched 7.97 KB in 0.025710 seconds
Don’t wrap lines · Tidy markup

<!DOCTYPE html>
<html lang="en">
<head>
<title>Neatnik</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<style>
@import url('https://fonts.googleapis.com/css?family=Muli:400');
@import url('//use.fontawesome.com/releases/v5.0.2/css/all.css');
@font-face {
	font-family: 'Museo Sans Rounded';
	src: url('museosansrounded-300-webfont.woff');
	font-weight: 300;
}

@font-face {
	font-family: 'Museo Sans Rounded';
	src: url('museosansrounded-900-webfont.woff');
	font-weight: 900;
}

@font-face {
	font-family: 'Museo Sans Rounded';
	src: url('museosansrounded-1000-webfont.woff');
	font-weight: 1000;
}

body {
	background: linear-gradient(#F4A261 50%, #111 50%);
	background-repeat: no-repeat;
	background-attachment: fixed;
	font-family: 'Muli';
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 2em;
}

.left {
	width: calc(30% - 6em);
	padding: 0 2em;
	display: inline-block;
	vertical-align: middle;
}

.right {
	width: calc(50% - 4em);
	padding: 0 2em;
	display: inline-block;
	vertical-align: middle;
}

.inner {
	max-width: 1000px;
	padding: 1em;
	margin: auto;
}

footer svg {
	display: none;
}

@media only screen and (max-width: 1100px) {
	.left {
		display: block;
		width: 100%;
		padding: 0;
	}
	.right {
		display: block;
		width: 100%;
		padding: 0;
	}
}

p {
	line-height: 150%;
}

#three {
	background: #2A9D8F;
	color: #fff !important;
}


#three a:link, #three a:visited {
	background: #f7f764;
	padding: 6px 8px;
	border-radius: 5px;
	color: #333;
}

#three a:hover, #three a:active {
	background: #000;
	color: #fff;
}

#one a:link, #one a:visited {
	background: #f7f764;
	padding: 6px 8px;
	border-radius: 5px;
	color: #333;
}

#one a:hover, #one a:active {
	background: #000;
	color: #fff;
}

h1, h2, h3 {
	margin: 1rem 0;
}

#one {
	background: #E76F51;
	color: #fff;
}

#two {
	background: #E9C46A;
	color: #333;
}

header {
	background-color: #F4A261;
	text-align: center;
	padding: 2em 0 1em 0;
}

footer {
	background-color: #111;
	color: #999;
	font-size: 75%;
	padding: 0;
}

footer ul {
	list-style-type: none;
	padding: 0;
}

footer li {
	margin: .5em 0;
}

footer a:link, footer a:visited, footer a:hover, footer a:active {
	color: #eee;
	text-decoration: none;
}

svg {
	width: 250px;
}

h1 {
	font-family: 'Museo Sans Rounded';
	font-weight: 900;
	line-height: 100%;
	margin: .2em 0 .3em 0;
	color: #333;
}

a:link, a:visited, a:hover, a:active {
	color: #333;
	text-decoration: none;
}

.fabg {
	text-align: center;	
	color: #fff;
	margin-top: .5em;
}

.smallest {
	font-size: 70%;
}
</style>
</head>
<body>

<header>

<div class="inner">

<div class="left">

<svg 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>

</div>
<div class="right">

<h1>Neatnik</h1>
<p>Builder of things.</p>

</div>

</div>

</header>

<div id="one">
<div class="inner">
<div>
<p>Currently working on <a class="project" href="http://icywallet.com">IcyWallet</a>, which offers an audio Bitcoin cold storage solution (useful for blind people).</p>
</div>
</div>
</div>

<div id="two">
<div class="inner">
<p>Coming up next in 2018, a new game!</p>
</div>
</div>

<div id="three">
<div class="inner">
<p>Other things:</p>

<p><a class="project" href="https://url.lol">url.lol</a> is a fun URL redirection service.</p>

<p><a class="project" href="https://viewsource.app/neatnik.net">View Source</a> lets you view any web page source on your phone.</p>

<p><a class="project" href="https://braille.love">Braille Love</a> has digital braille toys and educational resources.</p>

<p><a class="project" href="https://dhammapada.site">Dhammapada</a>, the classic Buddhist sutta recrafted for the web.</p>

<p><a class="project" href="https://surveymoji.com">Surveymoji</a> offers fun, emoji-powered anti-surveys for everyone.</p>

<p><a class="project" href="/steganographr/">Steganographr</a> lets you hide secret messages in plain sight.</p>

<p><a class="project" href="/valence/">Valence Analysis</a> can quantify the happiness level of text.</p>

<p><a class="project" href="/mnencrypt/">Mnencrypt</a> encrypts text with mnemonic keys.</p>

<p>There’s also a small collection of <a class="project" href="/bitcoin/">Bitcoin stuff</a>.</p>

</div>

</div>

<footer>
<div class="inner">
<footer>
<div>
<div style="padding: 0; z-index: 1;">
<p>&copy; 2018 Neatnik LLC</p>
<ul>
	<li><a href="/about/">About</a></li>
	<li><a href="/terms-of-service/">Terms of Service</a></li>
	<li><a href="/privacy-policy/">Privacy Policy</a></li>
	<li><a href="mailto:contact@neatnik.net">Contact</a></li>
	<li><a href="/sitemap/">Sitemap</a></li>
</ul>
<p>Neatnik is <a href="/adam/">Adam Newbold</a>.</p>
</div>
<svg style="height: 55em; position: absolute; top: -10em; right: -7em;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 860 860">
<path fill="#111" d="M410 405a25 25 0 1 1-25-25 25 25 0 0 1 25 25zm195 25a25 25 0 1 0-25-25 25 25 0 0 0 25 25zm-10 50a15 15 0 0 0-30 0 25 25 0 0 1-49 6l35-35a15 15 0 0 0-21-21l-30 29-29-29a15 15 0 0 0-21 21l35 35a25 25 0 0 1-50-6 15 15 0 0 0-30 0 55 55 0 0 0 95 38 55 55 0 0 0 95-38zm112 42a70 70 0 0 0-54-4 71 71 0 0 0-17 9c25-34 40-74 40-116 49-36 75-74 66-106s-48-51-106-58V130a85 85 0 0 0-68-83v-1a18 18 0 0 0-1-5C557 9 460 8 348 38s-196 81-187 113a18 18 0 0 0 2 5l14 33a82 82 0 0 0-44 155l59 30c-38 32-58 65-50 94a50 50 0 0 0 11 20 71 71 0 0 0-12 17l-20 40a71 71 0 0 0 53 100 75 75 0 0 0 31 101v74a15 15 0 0 0 15 15 111 111 0 0 0 79-33l11-11 84 42a60 60 0 0 0 80-27l22-44a135 135 0 0 0 78-100l50 25a71 71 0 0 0 95-32l20-40a71 71 0 0 0-32-93zM495 130a55 55 0 0 1 110 0v114c-33-1-70 1-110 7zm-105 62a559 559 0 0 1 75-15v80c-18 4-36 8-54 13q-19 5-36 11l-93-47c29-15 66-30 108-42zM147 317a52 52 0 1 1 47-93l141 70c-45 17-84 37-115 59zm48 363a45 45 0 0 1 31-43 114 114 0 0 0-1 74 117 117 0 0 0 5 12 45 45 0 0 1-35-43zm83 101a81 81 0 0 1-43 23v-49h5a76 76 0 0 0 11-1 115 115 0 0 0 31 23zm434-178l-20 40a41 41 0 0 1-55 18l-70-35a15 15 0 0 0-22 14 105 105 0 0 1-36 79 40 40 0 0 0-40-34h-69a15 15 0 0 0 0 30h70a10 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 37z"/></svg>
</div>
</footer></div>
</footer>
	
</body>
</html>