rust-lang
diff --git a/‎www/fonts/AlfaSlabOne-Regular.woff
23 KB b/‎www/fonts/AlfaSlabOne-Regular.woff
23 KB
diff --git a/‎www/fonts/AlfaSlabOne-Regular.woff2
17 KB b/‎www/fonts/AlfaSlabOne-Regular.woff2
17 KB
diff --git a/‎www/index.html
Lines changed: 9 additions & 1 deletion b/‎www/index.html
Lines changed: 9 additions & 1 deletion
diff --git a/‎www/rustup.css
Lines changed: 42 additions & 3 deletions b/‎www/rustup.css
Lines changed: 42 additions & 3 deletions
@@ -15,6 +15,13 @@
 
 <body id="idx">
 
+<main>
+<header>
+  <div>
+    <h1>rustup</h1>
+    <h2>An installer for the systems programming language <a href="https://www.rust-lang.org">Rust</a></h2>
+  </div>
+</header>
 <a id="platform-button" class="display-none" href="#">
   click or press "n" to cycle platforms
 </a>
@@ -217,7 +224,7 @@
   </div>
 </div>
 
-<p>
+<p id="help">
   Need help?<br>Ask on <a href="https://discord.gg/rust-lang">#beginners in the Rust Discord</a><br>
   or in the <a href="https://users.rust-lang.org">Rust Users Forum</a>.
 </p>
@@ -232,6 +239,7 @@
   &nbsp;&middot;&nbsp;
   <a href="https://rust-lang.github.io/rustup/">about rustup</a>
 </p>
+</main>
 
 <script src="rustup.js"></script>
 </body>
@@ -31,6 +31,15 @@
     src: local('Work Sans Medium'), url("fonts/WorkSans-Medium.ttf") format('truetype');
 }
 
+@font-face {
+    font-family: 'Alfa Slab One';
+    font-style: normal;
+    font-weight: 400;
+    src: local('Alfa Slab One'),
+        url("fonts/AlfaSlabOne-Regular.woff2") format('woff2'),
+        url("fonts/AlfaSlabOne-Regular.woff") format('woff');
+}
+
 body {
     margin-top: 2em;
     background-color: white;
@@ -45,6 +54,29 @@ pre {
     font-weight: 400;
 }
 
+header > div {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+}
+
+header > div > h1 {
+    font-family: "Alfa Slab One", serif;
+    color: black;
+    font-size: 4rem;
+    margin-bottom: 0;
+    margin-top: 1rem;
+    line-height: 1;
+    font-weight: 300;
+    letter-spacing: 1px;
+}
+
+header > div > h2 {
+    color: black;
+    font-size: 2rem;
+    font-weight: 300;
+}
+
 a {
     color: #428bca;
     text-decoration: none;
@@ -54,11 +86,12 @@ a:hover {
     color: rgb(42, 100, 150);
 }
 
-body#idx > * {
+main {
+    width: 80%;
+    max-width: 1200px;
+    padding: 0 20px;
     margin-left: auto;
     margin-right: auto;
-    text-align: center;
-    width: 35em;
 }
 
 body#idx p {
@@ -195,9 +228,15 @@ hr {
     line-height: 2rem;
 }
 
+#help {
+    font-size: 20px;
+    text-align: center;
+}
+
 #about {
     font-size: 16px;
     line-height: 2em;
+    text-align: center;
 }
 
 #about > img {