Frontend stuff (hack font etc.)

bornhack/static_src/css/bornhack.css

@@ -6,7 +6,7 @@
 a,
 a:focus,
 a:hover {
-  color: #fff;
+  color: #eee;
 }
 
 /* Custom default button */
@@ -27,10 +27,10 @@ a:hover {
 html,
 body {
   height: 100%;
-  background-color: #333;
+  background-color: #fff;
 }
 body {
-  color: #fff;
+  color: #000;
 }
 
 .site-wrapper {
@@ -116,6 +116,7 @@ body {
 }
 .cover .lead {
   text-align: justify;
+  font-family: 'Hack';
 }
 
 .cover.center, .cover.center p {

bornhack/static_src/css/hack-extended.css

@@ -0,0 +1,38 @@
+/*!
+ *  Hack v2.019 - https://sourcefoundry.org/hack/
+ *  Licenses - Fonts: Hack Open Font License + Bitstream Vera license, CSS: MIT License
+ */
+/* FONT PATHS
+ * -------------------------- */
+@font-face {
+  font-family: 'Hack';
+  src: url('../fonts/eot/hack-regular-webfont.eot?v=2.019');
+  src: url('../fonts/eot/hack-regular-webfont.eot?#iefix&v=2.019') format('embedded-opentype'), url('../fonts/woff2/hack-regular-webfont.woff2?v=2.019') format('woff2'), url('../fonts/woff/hack-regular-webfont.woff?v=2.019') format('woff'), url('../fonts/web-ttf/hack-regular-webfont.ttf?v=2.019') format('truetype');
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Hack';
+  src: url('../fonts/eot/hack-bold-webfont.eot?v=2.019');
+  src: url('../fonts/eot/hack-bold-webfont.eot?#iefix&v=2.019') format('embedded-opentype'), url('../fonts/woff2/hack-bold-webfont.woff2?v=2.019') format('woff2'), url('../fonts/woff/hack-bold-webfont.woff?v=2.019') format('woff'), url('../fonts/web-ttf/hack-bold-webfont.ttf?v=2.019') format('truetype');
+  font-weight: 700;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Hack';
+  src: url('../fonts/eot/hack-italic-webfont.eot?v=2.019');
+  src: url('../fonts/eot/hack-italic-webfont.eot?#iefix&v=2.019') format('embedded-opentype'), url('../fonts/woff2/hack-italic-webfont.woff2?v=2.019') format('woff2'), url('../fonts/woff/hack-italic-webfont.woff?v=2.019') format('woff'), url('../fonts/web-ttf/hack-italic-webfont.ttf?v=2.019') format('truetype');
+  font-weight: 400;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Hack';
+  src: url('../fonts/eot/hack-bolditalic-webfont.eot?v=2.019');
+  src: url('../fonts/eot/hack-bolditalic-webfont.eot?#iefix&v=2.019') format('embedded-opentype'), url('../fonts/woff2/hack-bolditalic-webfont.woff2?v=2.019') format('woff2'), url('../fonts/woff/hack-bolditalic-webfont.woff?v=2.019') format('woff'), url('../fonts/web-ttf/hack-bolditalic-webfont.ttf?v=2.019') format('truetype');
+  font-weight: 700;
+  font-style: italic;
+}
+

bornhack/static_src/css/hack-extended.min.css

@@ -0,0 +1,4 @@
+/*!
+ *  Hack v2.019 - https://sourcefoundry.org/hack/
+ *  Licenses - Fonts: Hack Open Font License + Bitstream Vera license, CSS: MIT License
+ */@font-face{font-family:'Hack';src:url('../fonts/eot/hack-regular-webfont.eot?v=2.019');src:url('../fonts/eot/hack-regular-webfont.eot?#iefix&v=2.019') format('embedded-opentype'),url('../fonts/woff2/hack-regular-webfont.woff2?v=2.019') format('woff2'),url('../fonts/woff/hack-regular-webfont.woff?v=2.019') format('woff'),url('../fonts/web-ttf/hack-regular-webfont.ttf?v=2.019') format('truetype');font-weight:400;font-style:normal}@font-face{font-family:'Hack';src:url('../fonts/eot/hack-bold-webfont.eot?v=2.019');src:url('../fonts/eot/hack-bold-webfont.eot?#iefix&v=2.019') format('embedded-opentype'),url('../fonts/woff2/hack-bold-webfont.woff2?v=2.019') format('woff2'),url('../fonts/woff/hack-bold-webfont.woff?v=2.019') format('woff'),url('../fonts/web-ttf/hack-bold-webfont.ttf?v=2.019') format('truetype');font-weight:700;font-style:normal}@font-face{font-family:'Hack';src:url('../fonts/eot/hack-italic-webfont.eot?v=2.019');src:url('../fonts/eot/hack-italic-webfont.eot?#iefix&v=2.019') format('embedded-opentype'),url('../fonts/woff2/hack-italic-webfont.woff2?v=2.019') format('woff2'),url('../fonts/woff/hack-italic-webfont.woff?v=2.019') format('woff'),url('../fonts/web-ttf/hack-italic-webfont.ttf?v=2.019') format('truetype');font-weight:400;font-style:italic}@font-face{font-family:'Hack';src:url('../fonts/eot/hack-bolditalic-webfont.eot?v=2.019');src:url('../fonts/eot/hack-bolditalic-webfont.eot?#iefix&v=2.019') format('embedded-opentype'),url('../fonts/woff2/hack-bolditalic-webfont.woff2?v=2.019') format('woff2'),url('../fonts/woff/hack-bolditalic-webfont.woff?v=2.019') format('woff'),url('../fonts/web-ttf/hack-bolditalic-webfont.ttf?v=2.019') format('truetype');font-weight:700;font-style:italic}

bornhack/static_src/css/hack.css

@@ -0,0 +1,37 @@
+/*!
+ *  Hack v2.019 - https://sourcefoundry.org/hack/
+ *  Licenses - Fonts: Hack Open Font License + Bitstream Vera license, CSS: MIT License
+ */
+/* FONT PATHS
+ * -------------------------- */
+@font-face {
+  font-family: 'Hack';
+  src: url('../fonts/eot/latin/hack-regular-latin-webfont.eot?v=2.019');
+  src: url('../fonts/eot/latin/hack-regular-latin-webfont.eot?#iefix&v=2.019') format('embedded-opentype'), url('../fonts/woff2/latin/hack-regular-latin-webfont.woff2?v=2.019') format('woff2'), url('../fonts/woff/latin/hack-regular-latin-webfont.woff?v=2.019') format('woff'), url('../fonts/web-ttf/latin/hack-regular-latin-webfont.ttf?v=2.019') format('truetype');
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Hack';
+  src: url('../fonts/eot/latin/hack-bold-latin-webfont.eot?v=2.019');
+  src: url('../fonts/eot/latin/hack-bold-latin-webfont.eot?#iefix&v=2.019') format('embedded-opentype'), url('../fonts/woff2/latin/hack-bold-latin-webfont.woff2?v=2.019') format('woff2'), url('../fonts/woff/latin/hack-bold-latin-webfont.woff?v=2.019') format('woff'), url('../fonts/web-ttf/latin/hack-bold-latin-webfont.ttf?v=2.019') format('truetype');
+  font-weight: 700;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Hack';
+  src: url('../fonts/eot/latin/hack-italic-latin-webfont.eot?v=2.019');
+  src: url('../fonts/eot/latin/hack-italic-latin-webfont.eot?#iefix&v=2.019') format('embedded-opentype'), url('../fonts/woff2/latin/hack-italic-latin-webfont.woff2?v=2.019') format('woff2'), url('../fonts/woff/latin/hack-italic-latin-webfont.woff?v=2.019') format('woff'), url('../fonts/web-ttf/latin/hack-italic-latin-webfont.ttf?v=2.019') format('truetype');
+  font-weight: 400;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Hack';
+  src: url('../fonts/eot/latin/hack-bolditalic-latin-webfont.eot?v=2.019');
+  src: url('../fonts/eot/latin/hack-bolditalic-latin-webfont.eot?#iefix&v=2.019') format('embedded-opentype'), url('../fonts/woff2/latin/hack-bolditalic-latin-webfont.woff2?v=2.019') format('woff2'), url('../fonts/woff/latin/hack-bolditalic-latin-webfont.woff?v=2.019') format('woff'), url('../fonts/web-ttf/latin/hack-bolditalic-latin-webfont.ttf?v=2.019') format('truetype');
+  font-weight: 700;
+  font-style: italic;
+}

bornhack/static_src/css/hack.min.css

@@ -0,0 +1,4 @@
+/*!
+ *  Hack v2.019 - https://sourcefoundry.org/hack/
+ *  Licenses - Fonts: Hack Open Font License + Bitstream Vera license, CSS: MIT License
+ */@font-face{font-family:'Hack';src:url('../fonts/eot/latin/hack-regular-latin-webfont.eot?v=2.019');src:url('../fonts/eot/latin/hack-regular-latin-webfont.eot?#iefix&v=2.019') format('embedded-opentype'),url('../fonts/woff2/latin/hack-regular-latin-webfont.woff2?v=2.019') format('woff2'),url('../fonts/woff/latin/hack-regular-latin-webfont.woff?v=2.019') format('woff'),url('../fonts/web-ttf/latin/hack-regular-latin-webfont.ttf?v=2.019') format('truetype');font-weight:400;font-style:normal}@font-face{font-family:'Hack';src:url('../fonts/eot/latin/hack-bold-latin-webfont.eot?v=2.019');src:url('../fonts/eot/latin/hack-bold-latin-webfont.eot?#iefix&v=2.019') format('embedded-opentype'),url('../fonts/woff2/latin/hack-bold-latin-webfont.woff2?v=2.019') format('woff2'),url('../fonts/woff/latin/hack-bold-latin-webfont.woff?v=2.019') format('woff'),url('../fonts/web-ttf/latin/hack-bold-latin-webfont.ttf?v=2.019') format('truetype');font-weight:700;font-style:normal}@font-face{font-family:'Hack';src:url('../fonts/eot/latin/hack-italic-latin-webfont.eot?v=2.019');src:url('../fonts/eot/latin/hack-italic-latin-webfont.eot?#iefix&v=2.019') format('embedded-opentype'),url('../fonts/woff2/latin/hack-italic-latin-webfont.woff2?v=2.019') format('woff2'),url('../fonts/woff/latin/hack-italic-latin-webfont.woff?v=2.019') format('woff'),url('../fonts/web-ttf/latin/hack-italic-latin-webfont.ttf?v=2.019') format('truetype');font-weight:400;font-style:italic}@font-face{font-family:'Hack';src:url('../fonts/eot/latin/hack-bolditalic-latin-webfont.eot?v=2.019');src:url('../fonts/eot/latin/hack-bolditalic-latin-webfont.eot?#iefix&v=2.019') format('embedded-opentype'),url('../fonts/woff2/latin/hack-bolditalic-latin-webfont.woff2?v=2.019') format('woff2'),url('../fonts/woff/latin/hack-bolditalic-latin-webfont.woff?v=2.019') format('woff'),url('../fonts/web-ttf/latin/hack-bolditalic-latin-webfont.ttf?v=2.019') format('truetype');font-weight:700;font-style:italic}

bornhack/templates/base.html

@@ -15,6 +15,9 @@
     <!-- Bootstrap core CSS -->
     <link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet">
 
+    <!-- Hack font CSS -->
+    <link href="{% static 'css/hack.min.css' %}" rel="stylesheet">
+
     <!-- Custom styles for this template -->
     <link href="{% static 'css/bornhack.css' %}" rel="stylesheet">
   </head>

bornhack/templates/frontpage.html

@@ -9,28 +9,29 @@
   </h1>
   <hr />
   <p class="lead">
-    Bornhack is a camp where hackers, makers and people with an interest
+    <strong>Bornhack</strong> is a camp where hackers, makers and people with
-    in technology come together for a week to celebrate technology,
+    an interest in technology come together for a week to celebrate technology,
-    socialise and have fun.
+    socialise and <strong>have fun</strong>.
   </p>
 
   <p class="lead">
-    It takes place for the first time from August 27 to September
+    It takes place for the first time from <strong>August 27 to September 3rd
-    3rd 2016 on the Danish island Bornholm where we have found the
+    2016</strong> on the Danish island <strong>Bornholm</strong> where we
-    geography as well as backbone to make it happen.
+    have found the geography as well as backbone to make it happen.
   </p>
 
   <p class="lead">
-    Bornhack is a participatory event where we expect people to come
+    Bornhack is a <strong>participatory</strong> event where we expect people
-    up with crazy ideas and help make the content. We will try to
+    to come up with crazy ideas and help make the content. We will try to
-    attract interesting people for holding talks and make workshops,
+    attract interesting people for holding talks and make workshops, but this
-    but this is just a frame - the rest is up to you.
+    is just a frame - <strong>the rest is up to you</strong>.
   </p>
 
   <p class="lead">
     We hope you will show your interest by signing onto our mailing-list as
     soon as we get it up. In the meantime you are very much welcome to ask
-    questions and show your interest on IRC at #bornhack on irc.freenode.net
+    questions and show your interest on IRC at <strong>#bornhack</strong> on
+    <strong>irc.freenode.net</strong>
     such that you can help us understand what you
     think would be fun to do.  This is a new event, so we don't yet
     know exactly where this is going - but give us your feedback and