new logo

favicons/browserconfig.xml

@@ -1,12 +1,9 @@
 <?xml version="1.0" encoding="utf-8"?>
 <browserconfig>
-  <msapplication>
-    <tile>
-      <square70x70logo src="/mstile-70x70.png"/>
-      <square150x150logo src="/mstile-150x150.png"/>
-      <square310x310logo src="/mstile-310x310.png"/>
-      <wide310x150logo src="/mstile-310x150.png"/>
-      <TileColor>#5b6268</TileColor>
-    </tile>
-  </msapplication>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/favicons/mstile-150x150.png"/>
+            <TileColor>#ffffff</TileColor>
+        </tile>
+    </msapplication>
 </browserconfig>

favicons/manifest.json

@@ -0,0 +1,18 @@
+{
+    "name": "",
+    "icons": [
+        {
+            "src": "/favicons/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/favicons/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}

favicons/safari-pinned-tab.svg

@@ -0,0 +1,27 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="16.000000pt" height="16.000000pt" viewBox="0 0 16.000000 16.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,16.000000) scale(0.001563,-0.001563)"
+fill="#000000" stroke="none">
+<path d="M9735 8599 c-221 -24 -442 -47 -1725 -179 -586 -60 -1130 -117 -1210
+-125 -80 -9 -884 -92 -1788 -185 -904 -94 -1649 -173 -1656 -177 -7 -5 -720
+-557 -1585 -1227 l-1572 -1219 28 -27 c15 -15 393 -362 838 -771 446 -410
+1372 -1261 2058 -1893 687 -631 1252 -1144 1257 -1140 4 5 1244 1555 2756
+3444 1511 1889 2763 3454 2782 3478 41 50 60 48 -183 21z m-4325 -1054 c333
+-4 654 -11 715 -16 276 -25 455 -115 530 -266 41 -82 47 -214 16 -329 -105
+-382 -577 -935 -1049 -1227 -526 -326 -1069 -410 -1537 -238 -44 16 -225 86
+-403 155 -178 69 -329 126 -335 126 -6 0 -232 -224 -503 -497 l-491 -498 -192
+129 -192 129 58 58 c32 31 623 605 1313 1274 l1255 1216 105 -5 c58 -3 377 -8
+710 -11z"/>
+<path d="M4639 7073 c-90 -93 -351 -357 -578 -587 -291 -295 -409 -421 -400
+-426 28 -15 667 -212 749 -231 127 -30 331 -36 461 -14 205 34 416 123 599
+253 112 80 322 285 407 397 132 176 183 291 183 411 0 161 -136 266 -395 303
+-67 9 -775 61 -840 61 -14 0 -79 -59 -186 -167z"/>
+</g>
+</svg>

index.css

@@ -13,11 +13,14 @@ body {
 	min-height: 100%;
 	font-weight: 300;
 }
+.logo {
+	padding-top: 2em;
+}
 h1 {
 	font-weight: 500;
 	font-size: 2em;
 	margin: 0;
-	padding: 1em 0 0 0;
+	padding: .25em 0 0 0;
 }
 h1 + p {
 	line-height: 1;

index.html

@@ -8,22 +8,14 @@
 
 
 	<!-- Favicons -->
-	<link rel="apple-touch-icon" sizes="57x57" href="favicons/apple-touch-icon-57x57.png">
-	<link rel="apple-touch-icon" sizes="114x114" href="favicons/apple-touch-icon-114x114.png">
-	<link rel="apple-touch-icon" sizes="72x72" href="favicons/apple-touch-icon-72x72.png">
-	<link rel="apple-touch-icon" sizes="144x144" href="favicons/apple-touch-icon-144x144.png">
-	<link rel="apple-touch-icon" sizes="60x60" href="favicons/apple-touch-icon-60x60.png">
-	<link rel="apple-touch-icon" sizes="120x120" href="favicons/apple-touch-icon-120x120.png">
-	<link rel="apple-touch-icon" sizes="76x76" href="favicons/apple-touch-icon-76x76.png">
-	<link rel="apple-touch-icon" sizes="152x152" href="favicons/apple-touch-icon-152x152.png">
-	<link rel="apple-touch-icon" sizes="180x180" href="favicons/apple-touch-icon-180x180.png">
-	<link rel="icon" type="image/png" href="favicons/favicon-192x192.png" sizes="192x192">
-	<link rel="icon" type="image/png" href="favicons/favicon-160x160.png" sizes="160x160">
-	<link rel="icon" type="image/png" href="favicons/favicon-96x96.png" sizes="96x96">
-	<link rel="icon" type="image/png" href="favicons/favicon-16x16.png" sizes="16x16">
+	<link rel="apple-touch-icon" sizes="180x180" href="favicons/apple-touch-icon.png">
 	<link rel="icon" type="image/png" href="favicons/favicon-32x32.png" sizes="32x32">
-	<meta name="msapplication-TileColor" content="#5b6268">
-	<meta name="msapplication-TileImage" content="favicons/mstile-144x144.png">
+	<link rel="icon" type="image/png" href="favicons/favicon-16x16.png" sizes="16x16">
+	<link rel="manifest" href="favicons/manifest.json">
+	<link rel="mask-icon" href="favicons/safari-pinned-tab.svg" color="#ff6a00">
+	<link rel="shortcut icon" href="favicons/favicon.ico">
+	<meta name="msapplication-config" content="favicons/browserconfig.xml">
+	<meta name="theme-color" content="#ffffff">
 
 
 	<!-- YUI reset -->
@@ -98,12 +90,10 @@
 	<script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/5.22.0/mode/haskell/haskell.min.js"></script>
 	<script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/5.22.0/mode/swift/swift.min.js"></script>
 
-
-	<!-- ProgrammingFonts @font-faces -->
-	<!-- Compiled (using less on node) with "lessc fonts.less > stylesheet.css" -->
 	<link href="//cloud.webtype.com/css/7e544c5e-55dc-4b41-a8d3-c13f7e0a13d3.css" rel="stylesheet" type="text/css" />
 	<link href='http://fonts.googleapis.com/css?family=Poppins:300,500' rel='stylesheet' type='text/css'>
-	<link rel="stylesheet" href="fonts/stylesheets/stylesheet.css">
+
+	<link rel="stylesheet" href="fonts/stylesheets/stylesheet.css"><!-- Compiled (using less on node) with "lessc fonts.less > stylesheet.css" -->
 	<link rel="stylesheet" href="index.css">
 
 
@@ -111,6 +101,24 @@
 <body>
 
 	<article>
+		<svg class="logo" width="96px" height="60px" viewBox="0 2 512 366" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+			<!-- Generator: Sketch 41.2 (35397) - http://www.bohemiancoding.com/sketch -->
+			<desc>Created with Sketch.</desc>
+			<defs>
+				<polygon id="path-1" points="162.003834 35.0340272 499.665602 0.137012496 213.972335 357.127615 0.15083048 160.478453"></polygon>
+				<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="-3" y="-3" width="505.514771" height="362.990602">
+					<rect x="-2.84916952" y="-2.8629875" width="505.514771" height="362.990602" fill="white"></rect>
+					<use xlink:href="#path-1" fill="black"></use>
+				</mask>
+			</defs>
+			<g id="Group" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(5.000000, 6.000000)">
+				<g id="Rectangle-2">
+					<use fill="#FF6A00" fill-rule="evenodd" xlink:href="#path-1"></use>
+					<!-- <use stroke="#FFFFFF" mask="url(#mask-2)" stroke-width="6" xlink:href="#path-1"></use> -->
+				</g>
+				<path d="M224.512801,57.2692573 L93.5395258,184.313266 L112.668266,197.206201 L162.09647,147.09061 L198.484765,161.251529 C232.804161,174.607313 276.468673,158.768778 308.713778,121.263391 C341.074457,83.6235763 335.499938,58.6828826 294.60994,58.1620733 L224.512801,57.2692573 Z M235.379986,72.7879576 L272.133435,75.2699259 C301.93353,77.2823326 306.594107,92.1060064 284.753789,116.853712 C263.024334,141.475795 236.0921,150.491394 209.6677,142.167398 L177.077606,131.901135 L235.379986,72.7879576 Z" id="P" fill="#FFFFFF"></path>
+			</g>
+		</svg>
 
 		<h1>Programming Fonts</h1>
 
@@ -226,29 +234,29 @@
 console.log "oO0 iIlL1 g9qCGQ";
 
 function updateGutters(cm) {
-    var gutters = cm.display.gutters,
-	      specs = cm.options.gutters;
+	var gutters = cm.display.gutters,
+		  specs = cm.options.gutters;
 
-    removeChildren(gutters);
+	removeChildren(gutters);
 
-    for (var i = 0; i < specs.length; ++i) {
-        var gutterClass = specs[i];
-        var gElt = gutters.appendChild(
-            elt(
-                "div",
-                null,
-                "CodeMirror-gutter " + gutterClass
-            )
-        );
-        if (gutterClass == "CodeMirror-linenumbers") {
-            cm.display.lineGutter = gElt;
-            gElt.style.width = (cm.display.lineNumWidth || 1) + "px";
-        }
-    }
-    gutters.style.display = i ? "" : "none";
-    updateGutterSpace(cm);
+	for (var i = 0; i < specs.length; ++i) {
+		var gutterClass = specs[i];
+		var gElt = gutters.appendChild(
+			elt(
+				"div",
+				null,
+				"CodeMirror-gutter " + gutterClass
+			)
+		);
+		if (gutterClass == "CodeMirror-linenumbers") {
+			cm.display.lineGutter = gElt;
+			gElt.style.width = (cm.display.lineNumWidth || 1) + "px";
+		}
+	}
+	gutters.style.display = i ? "" : "none";
+	updateGutterSpace(cm);
 
-    return false;
+	return false;
 }
 
 </textarea>