RosesCompSci
diff --git a/‎CooperHewitt.otf
87.9 KB b/‎CooperHewitt.otf
87.9 KB
diff --git a/‎LeagueSpartan.otf
24.7 KB b/‎LeagueSpartan.otf
24.7 KB
diff --git a/‎index.html
+7-5 b/‎index.html
+7-5
diff --git a/‎style.css
+18-4 b/‎style.css
+18-4
diff --git a/‎style.css.map
+1-1 b/‎style.css.map
+1-1
diff --git a/‎style.scss
+28-3 b/‎style.scss
+28-3
@@ -11,13 +11,15 @@
 <body>
     <div id="header">
         <div id="header-content">
-            <img src="https://placehold.it/600x200" alt="Logo">
-            <div class="subtitle">
-                2nd May
+            <div class="logo">
+                <div class="sub">York vs Lancaster</div>
+                <div class="main">Roses Revival App Jam</div>
+                <div class="sub">2nd May</div>
             </div>
             <div class="buttons">
-                <button>Register your interest</button>
-                <button>Join the Slack workspace</button>
+                <a href="https://forms.gle/2STG4312ACxVKa5i9">
+                    <button>Register your interest</button>
+                </a>
             </div>
         </div>
     </div>
 
@@ -5,6 +5,19 @@ $background: #F3F2F4;
 $logo-image-width: 600px;
 $content-width: 900px;
 
+$heading-font: LeagueSpartan;
+$subheading-font: CooperHewitt;
+
+@font-face {
+    font-family: $heading-font;
+    src: url("LeagueSpartan.otf") format("opentype");
+}
+
+@font-face {
+    font-family: $subheading-font;
+    src: url("CooperHewitt.otf") format("opentype");
+}
+
 * {
     font-family: 'Open Sans', sans-serif;
 }
@@ -29,11 +42,23 @@ html, body {
 #header-content {
     width: 600px;
 
-    .subtitle {
-        font-size: 2em;
+    .logo {
+        width: 100%;
         color: white;
-        margin: 0 auto;
+        font-size: 3em;
         text-align: center;
+        margin-bottom: 20px;
+        text-transform: uppercase;
+
+        div {
+            font-family: $heading-font, sans-serif;
+            margin: 10px 0;
+        }
+
+        .sub {
+            font-family: $subheading-font, sans-serif;
+            font-size: 0.8em;
+        }
     }
 
     .buttons {