Add OG meta and change font.

kern · kern · commit c5fbbbf39617 · 2015-09-04T14:55:24.000-04:00
diff --git a/css/app.css b/css/app.css
@@ -1,14 +1,3 @@
-@font-face {
-    font-family: 'Dosis';
-    src: url('/fonts/dosis-medium-webfont.eot');
-    src: url('/fonts/dosis-medium-webfont.eot?#iefix') format('embedded-opentype'),
-         url('/fonts/dosis-medium-webfont.woff2') format('woff2'),
-         url('/fonts/dosis-medium-webfont.woff') format('woff'),
-         url('/fonts/dosis-medium-webfont.ttf') format('truetype'),
-         url('/fonts/dosis-medium-webfont.svg#dosismedium') format('svg');
-    font-weight: normal;
-    font-style: normal;
-}
 /**
  * Eric Meyer's CSS Reset
  * http://meyerweb.com/eric/tools/css/reset/ 
@@ -102,17 +91,22 @@ a:active {
 }
 
 .page-main .call-to-action {
-    font: 32px/40px 'Dosis', monospace;
+    font: 32px/40px 'Share Tech Mono', monospace;
+    text-align: center;
+}
+
+.page-main .note {
+    font: 18px/20px 'Share Tech Mono', monospace;
     text-align: center;
 }
 
 .page-main iframe {
     display: block;
-    margin: 10px auto;
+    margin: 20px auto 40px;
 }
 
 .page-footer {
-    font: 12px/20px 'Dosis', monospace;
+    font: 12px/20px 'Share Tech Mono', monospace;
     text-align: center;
     margin: 20px;
 }
diff --git a/facebook.png b/facebook.png
diff --git a/index.html b/index.html
@@ -1,11 +1,18 @@
 <!doctype html>
 <html lang="en-us">
     <head>
-        <meta charset="utf-8">
-        <title>Hackathon Hackers | Make Awesome Things</title>
+        <meta charset="utf-8" />
+        <title>/join #hackers | Hackathon Hackers Slack</title>
+
+        <link rel="stylesheet" href="/css/app.css" />
+        <link href="https://fonts.googleapis.com/css?family=Share+Tech+Mono" rel="stylesheet" type="text/css" />>
+
+        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />>
+        <meta property="og:url" content="http://hackathons.com" />
+        <meta property="og:title" content="/join #hackers | Hackathon Hackers Slack" />
+        <meta property="og:description" content="The all-inclusive hackathons community is getting a Slack. Make awesome things." />
+        <meta property="og:image" content="http://hackathons.com/facebook.png" />
 
-        <link rel="stylesheet" href="/css/app.css">
-        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
         <!--[if lt IE 9]>
         <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
         <![endif]-->
@@ -19,6 +26,7 @@
 
             <main class="page-main">
                 <p class="call-to-action">/join #hackers</p>
+                <p class="note">Hackathon Hackers Slack</p>
                 <script async defer src="http://hashtaghackers.com/slackin.js?large"></script>
             </main>
 
