changed fonts

4 years ago · b04529c9c0
5 changed files with 31 additions and 20 deletions
--- a/fonts/ARK-ES-DenseLight.woff
+++ b/fonts/ARK-ES-DenseLight.woff
--- a/fonts/ARK-ES-DenseMedium.woff
+++ b/fonts/ARK-ES-DenseMedium.woff
--- a/fonts/ARK-ES-DenseRegular.woff
+++ b/fonts/ARK-ES-DenseRegular.woff
--- a/index.html
+++ b/index.html
@ -14,7 +14,7 @@
  <body>
    <div class="content">
    <div id="left">
-<p id="title">Relearn
+      <div id="selector">
      <select onchange="window.location.href=this.value" style="display: inline-block;">
      <option value="http://relearn.be/2021/" selected="selected">2021</option>
      <option value="http://relearn.be/2019/">2019</option>
@ -24,8 +24,8 @@
          <option value="http://relearn.be/2014/">2014</option>
          <option value="http://relearn.be/2013/">2013</option>
      </select>
-</p>
-<p id="subtitle">Relearning relearn</p>
+    </div>
+<p id="title">Relearning Relearn</p>
 <div class="description">

  <p>
--- a/style.css
+++ b/style.css
@ -1,11 +1,16 @@
@font-face {
-  font-family: "ARK-ES";
-  src: url("/fonts/ARK-ES-DenseRegular.otf") format("otf");
+  font-family: "ARK-ES Regular";
+  src: url("/fonts/ARK-ES-DenseRegular.woff") format("woff");
+}
+
+@font-face {
+  font-family: "ARK-ES DenseMedium";
+  src: url("/fonts/ARK-ES-DenseMedium.woff") format("woff");
 }

@font-face {
  font-family: "ARK-ES DenseLight";
-  src: url("/fonts/ARK-ES-DenseLight.otf") format("otf");
+  src: url("/fonts/ARK-ES-DenseLight.woff") format("woff");
 }

@font-face {
@ -55,15 +60,15 @@ img {

 #title {
  padding-left: 20px;
-  font-family: "ARK-ES";
+  font-family: "ARK-ES DenseMedium";
  font-weight: normal;
-  font-size: 70px;
+  font-size: 50px;
 }

 #subtitle {
  font-size: 30px;
  padding-left: 20px;
-  font-family: "ARK-ES-DenseLight";
+  font-family: "ARK-ES Regular";
  font-weight: lighter;
  margin-top: -40px;
 }
@ -72,6 +77,7 @@ img {
  padding-left: 20px;
  padding-right: 100px;
  margin-top: 40px;
+  font-family: "Inconsolata";
 }

 .anarchive {
@ -92,7 +98,7 @@ h1 {

 .question {
  font-size: 22px;
-  font-family: "ARK-ES";
+  font-family: "ARK-ES Regular";
 }

 .details {
@ -108,5 +114,10 @@ a {
 }

 .dash {
-  font-family: "ARK-ES";
+  font-family: "ARK-ES Regular";
+}
+
+#selector {
+  padding-left: 20px;
+  padding-top: 20px;
 }