Crazy Wide-Eyed Functional Programming

From db45776b209ccddd9287cc781c000aac221d155c Mon Sep 17 00:00:00 2001 From: Cameron Ball Date: Fri, 13 Mar 2020 01:14:58 +0800 Subject: [PATCH] Small aesthetic stuff --- img/cloudguy.png | Bin 0 -> 722 bytes index.html | 47 +++++++++++++++++++++++++++++++++-------------- 2 files changed, 33 insertions(+), 14 deletions(-) create mode 100644 img/cloudguy.png diff --git a/img/cloudguy.png b/img/cloudguy.png new file mode 100644 index 0000000000000000000000000000000000000000..46b9d4185bd02bc1c879478c02d15857d0a5e80a GIT binary patch literal 722 zcmV;@0xkWCP)Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!vFvd!vV){sAK>D02*{fSaefwW^{L9 za%BKeVQFr3E>1;MAa*k@H7+qRNAp5A0006(NklJI-N~KeE6nXaPZ^ z$_2DIgoPkC*y?dmFrbclVBdq);+M)mQE<&OoSQ(K`2RrzENJ%jJy9Q@S^Qj!+qfGI z10tRofd0Fb3$Trh9)j#8Od6jZ1SO z2tr{h&^v{w#$bFQI_t5xva$deHGXlTzG?_`ck?g|WWcP}45410-ikn)Jr*%8g-}QP zr^Cvy$n3#tQDqT?0S@C<8l*SLdMqv$A>U^Q{qM)tuyUBvFobijY6dBc#xqE7fM?nR zTVyPPuzJ|z&dG|Y^X=V*wcjGwMF`&1gJ6Vz9$xhQ?ek#l6^wHg%!6?K2u4T*oec6Y zhS3D72@63A@gTxr1tBZ~;>>=FUn;vzW(L6ugi&XP#m_Z%8#O;del!ZxzEKeNY*HY@ zN=6U+*FXx<+hEnRf--0`h!B{AJ{)It5fnkVrz41lYONaNjXLZ>8W@2HnW=+2Hb)Q` z16Vf(Q5=du_<^eNJ7JKovzCG=0u_n?|6j&1obeoW);N#66r|!nE2t_w5(8lF^(FY< zMo$7E$lnIG@=%X@tXwA_Kzq + href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.1/styles/atom-one-dark.min.css"> Crazy Wide-Eyed Functional Programming @@ -26,10 +26,13 @@ .hljs { font-family: 'Press Start 2P', cursive; text-shadow: 2px 2px 0 #000; - color: #bcbcbc; font-size: 30px; } + h1 { + text-shadow: 2px 2px 0 #000; + } + .slide-title { font-size: 40px; margin: 20px; @@ -46,13 +49,14 @@ box-shadow: 10px 10px 0 #00000069; padding: 20px; height: 80%; - background: #6187a8; - background-image: url("img/tile-nopad-bottom.png"); - background-blend-mode: multiply; - background-size: 50%; - background-repeat: repeat-x; - background-position-x: center; - background-position-y: center; + background: #6187a8e3; + } + + #slide-0 #cloudguy { + height: 100%; + display: flex; + justify-content: center; + align-items: center; } #slide-1 .slide div { @@ -89,6 +93,11 @@ background-color: #3f6382; } + .hljs { + box-shadow: 10px 10px 0 #00000069; + border: 2px solid black; + } + div[id^="slide-"] { display: none; } @@ -99,6 +108,11 @@ +

=<< What's up with that Title? >>=

@@ -129,12 +143,14 @@

=<< The Third Slide >>=

Promise.resolve("We start here")
+            JavaScript
+            Promise.resolve("We start here")
     .then(x => Promise.resolve(x + " then get here"))
     .then(x => Promise.resolve(x + " and finally here!"))
-            Right("We start here")
-    >>= (\x -> Right (x ++ " then get here"))
-    >>= (\x -> Right (x ++ " and finally here!"))
+            Haskell
+            Right("We start here")
+            >>= (\x -> Right (x ++ " then get here"))
+            >>= (\x -> Right (x ++ " and finally here!"))


 
@@ -178,7 +194,10 @@
          b.style.backgroundPosition = x + 'px ' + y + 'px';
      }, 250);
 
-     var currentSlide = 0;
+     urlParts = document.URL.split('#');
+     window.console.log(urlParts);
+     var currentSlide = urlParts.length > 1 ? urlParts[1] : 0;
+     document.getElementById('slide-' + currentSlide).style.display = 'block';
      document.onkeydown = checkKey;
 
      function checkKey(e) {
-- 
2.11.0