new logo sketch + small style updates

- updated logo sketch + added static image for preload
- updated styling of basil.js typo treatment
- updated download.md
- tweets styling
- nav menu spacing
- removed 10mb unused gif
- changed order of JS events for faster overall loading (tweets last)

Author: ffd8

_source/_includes/aside-left.html

@@ -25,13 +25,12 @@
 
     </ul>
     <div class="tweet">
-      <p>Latest Tweets:</p>
       <div class="message"></div>
       <div class="tweettime"></div>
       <div class="twitter-link"><a href="https://twitter.com/basil_js" class="textgrow menu-link">@basil_js</a></div>
     </div>
     <div class="sponsors-text">
-      <p>Generously sponsored by</p>
+      Sponsors
     </div>
     <div class="logo">
       <a href="https://www.fhnw.ch/hgk/ivk"><img src="/assets/images/fhnw-logo.svg" alt="FHNW logo and link"></a>

_source/assets/css/styles.scss

@@ -97,7 +97,7 @@ body {
 
         span {
           position: relative;
-          padding: 0px 4px;
+          padding: 0px 3px;
           font-size: 30px;
           border-bottom: 1px solid $textColor;
         }
@@ -212,6 +212,12 @@ p {
   }
 }
 
+#logo {
+  background-image:url('/assets/images/p5-static.png');
+  width:180px !important;
+  height:130px !important;
+}
+
 .fhnw-logo,
 .sponsor-logo {
   // padding-left: 25px;
@@ -443,16 +449,18 @@ pre {
 // @Son Please merge this so we don't have
 // double definitions
 .tweet {
-  font-size: 14px;
+  max-width:200px;
   padding-left: 25px;
-  .message,
-  .tweettime {
-  }
-  .message,
-  .tweettime,
-  .twitter-link {
-  }
-  margin-bottom: 0.75em;
+  margin-bottom: 25px;
+}
+.message, .tweettime{
+  font-size: 9pt;
+  line-height:1.3em;
+  font-style:italic;
+}
+.twitter-link {
+  margin-top:10px;
+  margin-left:-25px;
 }
 .sponsors-text {
   font-size: 14px;
@@ -468,7 +476,7 @@ a.textgrow {
 
   span {
     position: relative;
-    padding: 0px 4px;
+    padding: 0px 1px;
     font-size: 30px;
     border-bottom: 1px solid $textColor;
   }
@@ -482,7 +490,7 @@ a.textgrow {
   font-weight: 700;
   span {
     // position: relative;
-    // padding: 0px 4px;
+    // padding: 0px 1px;
     border-bottom: 1px solid $textColor;
   }
 }

_source/assets/images/out.gif

@@ -7,8 +7,8 @@ export function specialChars() {
       const chars = element.innerText.split('');
       element.innerHTML = null;
       chars.forEach((char, i) => {
-        const fontSize = 30 - (2 * i);
-        const style = `border-bottom-width: ${(i + 1)}px; font-size: ${fontSize}px; top: -${(i + (2 * i))}px;`;
+        const fontSize = 30 - (1.2 * i);
+        const style = `border-bottom-width: ${(i + 1)}px; font-size: ${fontSize}px; top: -${(i + (2 * i))}px; padding:0px ${(i + 1)*.7}px;`;
         const node = document.createElement('span');
         node.style.cssText = style;
         const content = document.createTextNode(char);

_source/assets/images/p5-static.png

@@ -6,11 +6,11 @@ import { specialChars, createGuideLines } from "./decoration";
 let p5sketch;
 document.addEventListener("DOMContentLoaded", () => {
   // console.log("hello main");
-  tweets();
   specialChars();
   createGuideLines();
   mobileNav();
   p5sketch = new p5(sketch);
+  tweets();
 });
 
 window.onblur = function() {

_source/assets/js/src/decoration.js

@@ -10,23 +10,26 @@ order: 1
 
 ## Download basil.js
 
-The basil.js latest stable release:
-[basil.js relase on GitHub](https://github.com/basiljs/basil.js/releases/latest)
+This website is based on the in-progress [basil.js *develop* branch](https://github.com/basiljs/basil.js/tree/develop)  
+In the future, this will link to the:
+[basil.js latest release](https://github.com/basiljs/basil.js/releases/latest)
 
 Download the bundle above and follow
 the steps in our [installation guide](/tutorials/01-getting-started) at our tutorials section.
 
 ## Cheatsheets and References
 
 The basil.js cheatsheet:
-[basiljs_cheatsheet_v2_02.pdf](/assets/files/basiljs_cheatsheet_v2_02.pdf)
+[basiljs\_cheatsheet\_v2\_02.pdf](/assets/files/basiljs_cheatsheet_v2_02.pdf)
+
+The basil.js b.typo cheatsheet:
+[basiljs\_typo\_cheatsheet\_v2\_01.pdf](/assets/files/basiljs_typo_cheatsheet_v2_01.pdf)
 
 The basil.js InDesign Object Model:
 [basiljs-IOM-0.2.pdf](/assets/files/basiljs-IOM-0.2.pdf)
 
-The basil.js b.typo cheatsheet:
-[basiljs_typo_cheatsheet_v2_01.pdf](/assets/files/basiljs_typo_cheatsheet_v2_01.pdf)
-
+InDesign Scripting Reference:
+[InDesign\_Skripting\_Kurzreferenz.pdf](https://www.indesignjs.de/auflage2/wp-content/uploads/2015/04/InDesign_Skripting_Kurzreferenz.pdf)
 ## Source code
 
 Please note that basil.js is provided as open-source under the [MIT License](https://opensource.org/licenses/MIT).