Crazy Wide-Eyed Functional Programming

From: Cameron Ball Date: Thu, 12 Mar 2020 17:14:58 +0000 (+0800) Subject: Small aesthetic stuff X-Git-Url: http://cameron1729.xyz/?p=fp-lecture.git;a=commitdiff_plain;h=db45776b209ccddd9287cc781c000aac221d155c Small aesthetic stuff --- diff --git a/img/cloudguy.png b/img/cloudguy.png new file mode 100644 index 0000000..46b9d41 Binary files /dev/null and b/img/cloudguy.png differ diff --git a/index.html b/index.html index 3312a54..eddb754 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,7 @@ + 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) {