Update font to 1.2.7 + some site changes

rubjo · Oct 23, 2019 · 4a48897 · 4a48897
1 parent 71467d3
commit 4a48897
Show file tree

Hide file tree

Showing 29 changed files with 80 additions and 24 deletions.
diff --git a/dist/woff/VictorMono-Bold.woff b/dist/woff/VictorMono-Bold.woff
diff --git a/dist/woff/VictorMono-BoldItalic.woff b/dist/woff/VictorMono-BoldItalic.woff
diff --git a/dist/woff/VictorMono-Italic.woff b/dist/woff/VictorMono-Italic.woff
diff --git a/dist/woff/VictorMono-Regular.woff b/dist/woff/VictorMono-Regular.woff
diff --git a/dist/woff2/VictorMono-Bold.woff2 b/dist/woff2/VictorMono-Bold.woff2
diff --git a/dist/woff2/VictorMono-BoldItalic.woff2 b/dist/woff2/VictorMono-BoldItalic.woff2
diff --git a/dist/woff2/VictorMono-Italic.woff2 b/dist/woff2/VictorMono-Italic.woff2
diff --git a/dist/woff2/VictorMono-Regular.woff2 b/dist/woff2/VictorMono-Regular.woff2
diff --git a/public/Victor Mono.zip b/public/Victor Mono.zip
diff --git a/public/VictorMonoAll.zip b/public/VictorMonoAll.zip
diff --git a/src/App.vue b/src/App.vue
@@ -125,6 +125,37 @@
       </el-row>
     </div>
     <div class="content">
+      <div
+        id="ligatures"
+        class="scroll-head"
+      />
+      <el-row>
+        <el-col>
+          <h1 class="centre">
+            <em>Ligatures</em>
+          </h1>
+        </el-col>
+      </el-row>
+      <el-row
+        type="flex"
+        justify="center"
+      >
+        <el-col
+          :xs="22"
+          :sm="18"
+        >
+          <h2>
+            --&gt; -| -&gt; -&gt;&gt; -&lt; -&lt;&lt; -~ .- .= :: := :&gt; :&lt; ;; != !== ?= ## ### ####
+            /= /== /&gt; /\ \/ __ && |- |-&gt; |= |=&gt; |&gt; $&gt; ++ +++ +&gt; =:= =!= == ===
+            ==&gt; =&gt; =&gt;&gt; =&lt;&lt; =/= &gt;- &gt;-&gt; &gt;: &gt;= &gt;=&gt; &gt;&gt;- &gt;&gt;= &lt;- &lt;-- &lt;-&gt; &lt;-&lt; &lt;!--
+            &lt;| &lt;|&gt; &lt;$ &lt;$&gt; &lt;+ &lt;+&gt; &lt;= &lt;== &lt;=&gt; &lt;=&lt; &lt;&gt; &lt;&lt;- &lt;&lt;= &lt;~ &lt;~&gt; &lt;~~ &lt;/ &lt;/&gt; ~-
+            ~@ ~&gt; ~~ ~~&gt;
+          </h2>
+        </el-col>
+      </el-row>
+    </div>
+
+    <div class="content alternate-bg">
       <div
         id="why"
         class="scroll-head"
@@ -200,7 +231,7 @@
       >
         <el-col
           :xs="22"
-          :sm="16"
+          :sm="18"
         >
           <p>
             If you try it out and like it, I would be very grateful for any donations.
@@ -302,63 +333,77 @@
           </h1>
         </el-col>
       </el-row>
-      <el-row
-        type="flex"
-        justify="center"
-      >
+      <el-row justify="center">
         <el-col
-          :xs="6"
+          :xs="24"
+          :sm="12"
+          :md="6"
+          class="margin-bottom"
         >
           <p class="centre no-padding no-margin-bottom">
-            <img src="./assets/img/bronze.png">
+            <img
+              class="medal"
+              src="./assets/img/bronze.png"
+            >
           </p>
           <h2 class="centre no-margin">
             Bronze<br>
             <div class="small">
               Fan
             </div>
           </h2>
-          <p class="small centre">
-            <em>$1/month or - $9.99 once</em>
+          <p class="small centre no-padding">
+            <em>$1/month or - $9.99 in total</em>
           </p>
           <div class="centre">
             Thank you to everyone contributing! ❤️
           </div>
         </el-col>
         <el-col
-          :xs="6"
+          :xs="24"
+          :sm="12"
+          :md="6"
+          class="margin-bottom"
         >
           <p class="centre no-padding no-margin-bottom">
-            <img src="./assets/img/silver.png">
+            <img
+              class="medal"
+              src="./assets/img/silver.png"
+            >
           </p>
           <h2 class="centre no-margin">
             Silver<br>
             <div class="small">
               Supporter
             </div>
           </h2>
-          <p class="small centre">
-            <em>$2/month or $10 - $24.99 once</em>
+          <p class="small centre no-padding">
+            <em>$2/month or $10-25 in total</em>
           </p>
           <div class="centre">
             Thank you to everyone contributing! ❤️
           </div>
         </el-col>
         <el-col
-          :xs="6"
-          class="gold"
+          :xs="24"
+          :sm="12"
+          :md="6"
+          class="gold bottom-margin"
         >
           <p class="centre no-padding no-margin-bottom">
-            <img src="./assets/img/gold.png">
+            <img
+              class="medal"
+              src="./assets/img/gold.png"
+            >
           </p>
           <h2 class="centre no-margin">
             Gold<br>
             <div class="small">
               Patron
             </div>
           </h2>
-          <p class="small centre">
-            <em>$5/month or $25 - $44.99 once</em>
+          <p class="small centre no-padding">
+            <em>$5/month or $25-45 in total</em>
           </p>
           <div class="centre">
             Thank you to:
@@ -371,27 +416,32 @@
           </div>
         </el-col>
         <el-col
-          :xs="6"
-          class="rainbow"
+          :xs="24"
+          :sm="12"
+          :md="6"
+          class="rainbow bottom-margin"
         >
           <p class="centre no-padding no-margin-bottom">
-            <img src="./assets/img/unicorn.png">
+            <img
+              class="medal"
+              src="./assets/img/unicorn.png"
+            >
           </p>
           <h2 class="centre no-margin">
             Rainbow<br>
             <div class="small">
               Champion Guardian Unicorn
             </div>
           </h2>
-          <p class="small centre">
-            <em>$10/month or $45+ once</em>
+          <p class="small centre no-padding">
+            <em>$10/month or $45+ in total</em>
           </p>
           <div class="centre">
             Thank you to:
           </div>
           <div class="centre supporter">
             April Collier
-          </div>      
+          </div>
         </el-col>
       </el-row>
     </div>

diff --git a/src/assets/VictorMono-Italic.eot b/src/assets/VictorMono-Italic.eot
diff --git a/src/assets/VictorMono-Italic.ttf b/src/assets/VictorMono-Italic.ttf
diff --git a/src/assets/VictorMono-Italic.woff b/src/assets/VictorMono-Italic.woff
diff --git a/src/assets/VictorMono-Oblique.eot b/src/assets/VictorMono-Oblique.eot
diff --git a/src/assets/VictorMono-Oblique.ttf b/src/assets/VictorMono-Oblique.ttf
diff --git a/src/assets/VictorMono-Oblique.woff b/src/assets/VictorMono-Oblique.woff
diff --git a/src/assets/VictorMono-Regular.eot b/src/assets/VictorMono-Regular.eot
diff --git a/src/assets/VictorMono-Regular.ttf b/src/assets/VictorMono-Regular.ttf
diff --git a/src/assets/VictorMono-Regular.woff b/src/assets/VictorMono-Regular.woff
diff --git a/src/assets/img/bronze.png b/src/assets/img/bronze.png
diff --git a/src/assets/img/gold.png b/src/assets/img/gold.png
diff --git a/src/assets/img/silver.png b/src/assets/img/silver.png
diff --git a/src/assets/img/styles-dark-thumb.png b/src/assets/img/styles-dark-thumb.png
diff --git a/src/assets/img/styles-dark.png b/src/assets/img/styles-dark.png
diff --git a/src/assets/img/styles-light-thumb.png b/src/assets/img/styles-light-thumb.png
diff --git a/src/assets/img/styles-light.png b/src/assets/img/styles-light.png
diff --git a/src/assets/img/unicorn.png b/src/assets/img/unicorn.png
diff --git a/src/styles/globals.scss b/src/styles/globals.scss
@@ -192,7 +192,13 @@ h1 {
   font-weight: normal;
 }
 
+.medal {
+  width: 100%;
+  max-width: 150px;
+}
+
 h2 {
+  font-weight: 400;
   .small {
     font-size: 0.5em;
     line-height: 1em;