Badge headings, removing unused patterns and cleaning up the document…

…ation.
codeforamerica · Dec 15, 2013 · 4d55d66 · 4d55d66
1 parent 644b58d
commit 4d55d66
Show file tree

Hide file tree

Showing 51 changed files with 6,494 additions and 1,404 deletions.
diff --git a/_includes/blocks/patterns/badge-headings.html b/_includes/blocks/patterns/badge-headings.html
@@ -2,23 +2,19 @@
     <h1>No badge</h1>
 </div>
 
-<div class="badge-heading">
-    <i class="pop icon-rocket"></i>
+<div class="badge-heading badge-rocket">
     <h1>Regular heading with a badge</h1>
 </div>
 
 <div class="badge-heading">
-    <i class="pop-neutral icon-pencil"></i>
     <h1>Heading with lot of text let's see what happens when this thing wraps.</h1>
 </div>
 
 <div class="badge-heading">
-    <i class="pop icon-rocket"></i>
     <h1>What if we want a heading</h1>
     <h2>And a sub-heading</h2>
 </div>
 
 <div class="badge-heading">
-    <i class="pop-bright icon-home"></i>
     <h1>Heading</h1>
 </div>
diff --git a/_includes/blocks/patterns/badge-icons.html b/_includes/blocks/patterns/badge-icons.html
diff --git a/_includes/head.html b/_includes/head.html
@@ -1,24 +1,37 @@
 <!DOCTYPE html>
 <html lang="en-gb">
+
 <head>
     <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
     <title>Code for America</title>
     <link rel="stylesheet" type="text/css" href="//cloud.typography.com/6304652/777902/css/fonts.css" />
     <link rel="stylesheet" href="/_style/css/main.css">
     <link rel="stylesheet" href="/_style/css/layout.css" media="all and (min-width: 40em)">
     <link href="/_style/css/prism.css" rel="stylesheet" />
     <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
     <link rel="apple-touch-icon-precomposed" href="/_style/favicons/60x60/flag-red.png"/>
-
-
+
     <!--[if lt IE 9]>
         <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
     <![endif]-->
+
     <!--[if (lt IE 9)&(gt IE 6)&(!IEMobile)]>
-    <link rel="stylesheet" href="/_style/css/layout.css" media="all">
+        <link rel="stylesheet" href="/_style/css/layout.css" media="all">
     <![endif]-->
 
-    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <script>
+
+        // Adds class of js to the html tag if JS is enabled
+        document.getElementsByTagName('html')[0].className += ' js';
+
+        // Adds class of svg to the html tag if svg is enabled
+        (function flagSVG() {
+            var ns = {'svg': 'http://www.w3.org/2000/svg'};
+            if(document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#BasicStructure", "1.1")) {document.getElementsByTagName('html')[0].className += ' svg';}
+        })();
+
+    </script>
 
     {% if page.path contains '_posts' %}
 	    <style type="text/css">
@@ -48,4 +61,4 @@
             {% include /blocks/patterns/search-global.html %}
         </li>
     </ul>
-</nav>
+</nav><!-- .nav-global-primary -->
diff --git a/_script/global.js b/_script/global.js
@@ -1,6 +1,3 @@
-/* Add a class of js to html element if js is enabled */
-document.getElementsByTagName('html')[0].className+=' js';
-
 (function (win, doc) {
     'use strict';
     if (!doc.querySelector || !win.addEventListener) {

diff --git a/_script/global.min.js b/_script/global.min.js
diff --git a/_site/2013/11/13/why-im-mentoring-for-america-by-zachary-townsend.html b/_site/2013/11/13/why-im-mentoring-for-america-by-zachary-townsend.html
@@ -1,24 +1,37 @@
 <!DOCTYPE html>
 <html lang="en-gb">
+
 <head>
     <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
     <title>Code for America</title>
     <link rel="stylesheet" type="text/css" href="//cloud.typography.com/6304652/777902/css/fonts.css" />
     <link rel="stylesheet" href="/_style/css/main.css">
     <link rel="stylesheet" href="/_style/css/layout.css" media="all and (min-width: 40em)">
     <link href="/_style/css/prism.css" rel="stylesheet" />
     <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
     <link rel="apple-touch-icon-precomposed" href="/_style/favicons/60x60/flag-red.png"/>
-
-
+
     <!--[if lt IE 9]>
         <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
     <![endif]-->
+
     <!--[if (lt IE 9)&(gt IE 6)&(!IEMobile)]>
-    <link rel="stylesheet" href="/_style/css/layout.css" media="all">
+        <link rel="stylesheet" href="/_style/css/layout.css" media="all">
     <![endif]-->
 
-    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <script>
+
+        // Adds class of js to the html tag if JS is enabled
+        document.getElementsByTagName('html')[0].className += ' js';
+
+        // Adds class of svg to the html tag if svg is enabled
+        (function flagSVG() {
+            var ns = {'svg': 'http://www.w3.org/2000/svg'};
+            if(document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#BasicStructure", "1.1")) {document.getElementsByTagName('html')[0].className += ' svg';}
+        })();
+
+    </script>
 
 
 	    <style type="text/css">
@@ -47,7 +60,7 @@
 </form>
         </li>
     </ul>
-</nav>
+</nav><!-- .nav-global-primary -->
 
     <div class="masthead masthead-s">
     <div class="masthead-hero">

diff --git a/_site/about/index.html b/_site/about/index.html
@@ -1,24 +1,37 @@
 <!DOCTYPE html>
 <html lang="en-gb">
+
 <head>
     <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
     <title>Code for America</title>
     <link rel="stylesheet" type="text/css" href="//cloud.typography.com/6304652/777902/css/fonts.css" />
     <link rel="stylesheet" href="/_style/css/main.css">
     <link rel="stylesheet" href="/_style/css/layout.css" media="all and (min-width: 40em)">
     <link href="/_style/css/prism.css" rel="stylesheet" />
     <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
     <link rel="apple-touch-icon-precomposed" href="/_style/favicons/60x60/flag-red.png"/>
-
-
+
     <!--[if lt IE 9]>
         <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
     <![endif]-->
+
     <!--[if (lt IE 9)&(gt IE 6)&(!IEMobile)]>
-    <link rel="stylesheet" href="/_style/css/layout.css" media="all">
+        <link rel="stylesheet" href="/_style/css/layout.css" media="all">
     <![endif]-->
 
-    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <script>
+
+        // Adds class of js to the html tag if JS is enabled
+        document.getElementsByTagName('html')[0].className += ' js';
+
+        // Adds class of svg to the html tag if svg is enabled
+        (function flagSVG() {
+            var ns = {'svg': 'http://www.w3.org/2000/svg'};
+            if(document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#BasicStructure", "1.1")) {document.getElementsByTagName('html')[0].className += ' svg';}
+        })();
+
+    </script>
 
 
 
@@ -41,7 +54,7 @@
 </form>
         </li>
     </ul>
-</nav>
+</nav><!-- .nav-global-primary -->
 
     <div class="masthead masthead-l">
     <div class="masthead-hero">
@@ -147,7 +160,6 @@ <h2>We the people</h2>
 	<div class="layout-breve insulate">
 
 		<div class="badge-heading">
-		    <i class="pop icon-rocket"></i>
 		    <h2>Fellowship</h2>
 		</div>
 
@@ -190,7 +202,6 @@ <h4 class="stat-heading">Apps Deployed</h4>
 	<div class="layout-breve insulate">
 
 		<div class="badge-heading">
-		    <i class="pop icon-rocket"></i>
 			<h2>Brigade</h2>
 		</div>
 
@@ -232,7 +243,6 @@ <h4 class="stat-heading">New data portals</h4>
 	<div class="layout-breve insulate">
 
 		<div class="badge-heading">
-		    <i class="pop icon-rocket"></i>
 			<h2>Civic Startups</h2>
 		</div>
 
@@ -269,7 +279,6 @@ <h4 class="stat-heading">Revenue positive</h4>
 
 	<div class="layout-breve insulate">
 		<div class="badge-heading">
-		    <i class="pop icon-rocket"></i>
 			<h2>Peer Network</h2>
 		</div>
 
@@ -309,7 +318,6 @@ <h4 class="stat-heading">New positions &amp; policy changes</h4>
 
 	<div class="layout-breve insulate">
 		<div class="badge-heading">
-		    <i class="pop icon-rocket"></i>
 			<h2>International</h2>
 		</div>
 

diff --git a/_site/apps/index.html b/_site/apps/index.html
@@ -1,24 +1,37 @@
 <!DOCTYPE html>
 <html lang="en-gb">
+
 <head>
     <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
     <title>Code for America</title>
     <link rel="stylesheet" type="text/css" href="//cloud.typography.com/6304652/777902/css/fonts.css" />
     <link rel="stylesheet" href="/_style/css/main.css">
     <link rel="stylesheet" href="/_style/css/layout.css" media="all and (min-width: 40em)">
     <link href="/_style/css/prism.css" rel="stylesheet" />
     <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
     <link rel="apple-touch-icon-precomposed" href="/_style/favicons/60x60/flag-red.png"/>
-
-
+
     <!--[if lt IE 9]>
         <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
     <![endif]-->
+
     <!--[if (lt IE 9)&(gt IE 6)&(!IEMobile)]>
-    <link rel="stylesheet" href="/_style/css/layout.css" media="all">
+        <link rel="stylesheet" href="/_style/css/layout.css" media="all">
     <![endif]-->
 
-    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <script>
+
+        // Adds class of js to the html tag if JS is enabled
+        document.getElementsByTagName('html')[0].className += ' js';
+
+        // Adds class of svg to the html tag if svg is enabled
+        (function flagSVG() {
+            var ns = {'svg': 'http://www.w3.org/2000/svg'};
+            if(document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#BasicStructure", "1.1")) {document.getElementsByTagName('html')[0].className += ' svg';}
+        })();
+
+    </script>
 
 
 
@@ -41,7 +54,7 @@
 </form>
         </li>
     </ul>
-</nav>
+</nav><!-- .nav-global-primary -->
 
     <div class="masthead masthead-l">
     <div class="masthead-hero">

diff --git a/_site/apps/promptly/index.html b/_site/apps/promptly/index.html
@@ -1,24 +1,37 @@
 <!DOCTYPE html>
 <html lang="en-gb">
+
 <head>
     <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
     <title>Code for America</title>
     <link rel="stylesheet" type="text/css" href="//cloud.typography.com/6304652/777902/css/fonts.css" />
     <link rel="stylesheet" href="/_style/css/main.css">
     <link rel="stylesheet" href="/_style/css/layout.css" media="all and (min-width: 40em)">
     <link href="/_style/css/prism.css" rel="stylesheet" />
     <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
     <link rel="apple-touch-icon-precomposed" href="/_style/favicons/60x60/flag-red.png"/>
-
-
+
     <!--[if lt IE 9]>
         <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
     <![endif]-->
+
     <!--[if (lt IE 9)&(gt IE 6)&(!IEMobile)]>
-    <link rel="stylesheet" href="/_style/css/layout.css" media="all">
+        <link rel="stylesheet" href="/_style/css/layout.css" media="all">
     <![endif]-->
 
-    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <script>
+
+        // Adds class of js to the html tag if JS is enabled
+        document.getElementsByTagName('html')[0].className += ' js';
+
+        // Adds class of svg to the html tag if svg is enabled
+        (function flagSVG() {
+            var ns = {'svg': 'http://www.w3.org/2000/svg'};
+            if(document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#BasicStructure", "1.1")) {document.getElementsByTagName('html')[0].className += ' svg';}
+        })();
+
+    </script>
 
 
 	    <style type="text/css">
@@ -47,7 +60,7 @@
 </form>
         </li>
     </ul>
-</nav>
+</nav><!-- .nav-global-primary -->
 
     <div class="masthead masthead-l">
     <div class="masthead-hero">

diff --git a/_site/blog/index.html b/_site/blog/index.html
@@ -1,24 +1,37 @@
 <!DOCTYPE html>
 <html lang="en-gb">
+
 <head>
     <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
     <title>Code for America</title>
     <link rel="stylesheet" type="text/css" href="//cloud.typography.com/6304652/777902/css/fonts.css" />
     <link rel="stylesheet" href="/_style/css/main.css">
     <link rel="stylesheet" href="/_style/css/layout.css" media="all and (min-width: 40em)">
     <link href="/_style/css/prism.css" rel="stylesheet" />
     <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
     <link rel="apple-touch-icon-precomposed" href="/_style/favicons/60x60/flag-red.png"/>
-
-
+
     <!--[if lt IE 9]>
         <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
     <![endif]-->
+
     <!--[if (lt IE 9)&(gt IE 6)&(!IEMobile)]>
-    <link rel="stylesheet" href="/_style/css/layout.css" media="all">
+        <link rel="stylesheet" href="/_style/css/layout.css" media="all">
     <![endif]-->
 
-    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <script>
+
+        // Adds class of js to the html tag if JS is enabled
+        document.getElementsByTagName('html')[0].className += ' js';
+
+        // Adds class of svg to the html tag if svg is enabled
+        (function flagSVG() {
+            var ns = {'svg': 'http://www.w3.org/2000/svg'};
+            if(document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#BasicStructure", "1.1")) {document.getElementsByTagName('html')[0].className += ' svg';}
+        })();
+
+    </script>
 
 
 
@@ -41,7 +54,7 @@
 </form>
         </li>
     </ul>
-</nav>
+</nav><!-- .nav-global-primary -->
 
     <div class="masthead masthead-l">
     <div class="masthead-hero">