theleagueof · sursly · Oct 27, 2020 · Jun 12, 2021
diff --git a/Junction-bold.otf b/Junction-bold.otf
diff --git a/Junction-light.otf b/Junction-light.otf
diff --git a/Junction-regular.otf b/Junction-regular.otf
diff --git a/demos/variable-wordweight.html b/demos/variable-wordweight.html
@@ -0,0 +1,105 @@
+
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+
+  <title>Junction - Demo Page</title>
+  <meta name="description" content="Using a variable font">
+  <meta name="author" content="Tyler Finck">
+
+<style>
+@font-face {
+    font-family: 'Junction';
+    src: url('../fonts/variable/JunctionVariable.ttf') format("truetype");
+    font-style: normal;
+    font-weight: 300 700;
+}
+
+body {
+  font-family: "Junction";
+}
+
+header {
+  font-size: 18px;
+  border-bottom: 2px solid black;
+  padding: 1em 0;
+  margin: 0 0 5em;
+  font-weight: 500;
+}
+
+
+#demo {
+  max-width: 800px;
+  margin: 30vh auto;
+  position: relative;
+}
+
+li {
+  list-style-type: none;
+  font-size: calc(101px);
+  text-align: center;
+  animation: bigger infinite;
+  animation-duration: 1.5s;
+  animation-timing-function: ease;
+}
+
+ul {
+  text-align: center;
+  z-index: 2;
+  position: relative;
+}
+li {
+  margin: 0;
+  padding: 0;
+  display: inline-block;
+}
+
+
+h1 {
+  color: #ffec00;
+      font-size: 150px;
+      position: absolute;
+      z-index: 1;
+      font-weight: 700;
+      left: 11%;
+      margin: 0;
+      top: -16%;
+}
+
+@keyframes bigger {
+0% {font-variation-settings: "wght" 300}
+50% {font-variation-settings: "wght" 700 }
+100% {font-variation-settings: "wght" 300 }
+}
+
+li:nth-child(2) {animation-delay: .1s}
+li:nth-child(3) {animation-delay: .2s}
+li:nth-child(4) {animation-delay: .3s}
+li:nth-child(5) {animation-delay: .4s}
+li:nth-child(6) {animation-delay: .5s}
+li:nth-child(7) {animation-delay: .6s}
+li:nth-child(8) {animation-delay: .7s}
+
+  </style>
+
+</head>
+
+<body>
+
+<section id="demo">
+  <h1>JUNCTION</h1>
+  <ul>
+    <li>v</li>
+    <li>a</li>
+    <li>r</li>
+    <li>i</li>
+    <li>a</li>
+    <li>b</li>
+    <li>l</li>
+    <li>e</li>
+
+  </ul>
+</section>
+  </body>
+</html>
diff --git a/fonts/static/otf/Junction-Bold.otf b/fonts/static/otf/Junction-Bold.otf
diff --git a/fonts/static/otf/Junction-Light.otf b/fonts/static/otf/Junction-Light.otf
diff --git a/fonts/static/otf/Junction-Medium.otf b/fonts/static/otf/Junction-Medium.otf
diff --git a/fonts/static/otf/Junction-Regular.otf b/fonts/static/otf/Junction-Regular.otf
diff --git a/fonts/static/otf/Junction-SemiBold.otf b/fonts/static/otf/Junction-SemiBold.otf
diff --git a/fonts/static/ttf/Junction-Bold.ttf b/fonts/static/ttf/Junction-Bold.ttf
diff --git a/fonts/static/ttf/Junction-Light.ttf b/fonts/static/ttf/Junction-Light.ttf
diff --git a/fonts/static/ttf/Junction-Medium.ttf b/fonts/static/ttf/Junction-Medium.ttf
diff --git a/fonts/static/ttf/Junction-Regular.ttf b/fonts/static/ttf/Junction-Regular.ttf
diff --git a/fonts/static/ttf/Junction-SemiBold.ttf b/fonts/static/ttf/Junction-SemiBold.ttf
diff --git a/fonts/variable/JunctionVariable-Regular.ttf b/fonts/variable/JunctionVariable-Regular.ttf
diff --git a/fonts/variable/JunctionVariable-Regular.woff2 b/fonts/variable/JunctionVariable-Regular.woff2
diff --git a/fonts/web/woff/Junction-Bold.woff b/fonts/web/woff/Junction-Bold.woff
diff --git a/fonts/web/woff/Junction-Light.woff b/fonts/web/woff/Junction-Light.woff
diff --git a/fonts/web/woff/Junction-Medium.woff b/fonts/web/woff/Junction-Medium.woff
diff --git a/fonts/web/woff/Junction-Regular.woff b/fonts/web/woff/Junction-Regular.woff
diff --git a/fonts/web/woff/Junction-SemiBold.woff b/fonts/web/woff/Junction-SemiBold.woff
diff --git a/fonts/web/woff2/Junction-Bold.woff2 b/fonts/web/woff2/Junction-Bold.woff2
diff --git a/fonts/web/woff2/Junction-Light.woff2 b/fonts/web/woff2/Junction-Light.woff2
diff --git a/fonts/web/woff2/Junction-Medium.woff2 b/fonts/web/woff2/Junction-Medium.woff2
diff --git a/fonts/web/woff2/Junction-Regular.woff2 b/fonts/web/woff2/Junction-Regular.woff2
diff --git a/fonts/web/woff2/Junction-SemiBold.woff2 b/fonts/web/woff2/Junction-SemiBold.woff2
diff --git a/images/junction-typesample.png b/images/junction-typesample.png
diff --git a/images/junctionvariable.gif b/images/junctionvariable.gif
diff --git a/readme.markdown b/readme.markdown
@@ -1,10 +1,9 @@
-![Junction](https://github.com/theleagueof/junction/raw/master/images/junction-1.png)
+![Junction Variable](https://github.com/sursly/junction/raw/master/images/junctionvariable.gif)
 
-Junction
+Junction Variable
 ========
-_by [Caroline Hadilaksono](http://www.hadilaksono.com) & [Tyler Finck](http://www.tylerfinck.com/)_
-
-Junction is a a humanist sans-serif, and the first open-source type project started by The League of Moveable Type. It has been updated (2014) to include additional weights (light/bold) and expanded international support. 
-
+_by [Caroline Hadilaksono](http://www.hadilaksono.com) & [Tyler Finck](https://www.tylerfinck.com/)_
 
+Junction is a a humanist sans-serif, and the first open-source type project started by The League of Moveable Type. It has been updated (2014) to include additional weights (light/bold) and expanded international support. Recently (October 2020) it was updated to include even more language support, more weights, and a variable font.
 
+![Junction glyphs](https://github.com/sursly/junction/raw/master/images/junction-typesample.png)
diff --git a/source/Junction-bold.vfb b/source/Junction-bold.vfb
diff --git a/source/Junction-light.vfb b/source/Junction-light.vfb
diff --git a/source/Junction-regular.vfb b/source/Junction-regular.vfb
diff --git a/source/Junction.bak b/source/Junction.bak
diff --git a/source/Junction.ufo/features.fea b/source/Junction.ufo/features.fea
diff --git a/source/Junction.ufo/fontinfo.plist b/source/Junction.ufo/fontinfo.plist