add Welcome for tomorrow

Welcome.ipynb

@@ -1,37 +1,198 @@
 {
  "cells": [
   {
-   "cell_type": "markdown",
-   "id": "4fc5da8a-9e7a-4571-a286-c89cf81b2283",
-   "metadata": {},
+   "cell_type": "code",
+   "execution_count": 2,
+   "metadata": {
+    "slideshow": {
+     "slide_type": "skip"
+    }
+   },
+   "outputs": [],
    "source": [
-    "# Welcome to the WRS hackathon\n",
-    "\n",
-    "## Goals & expectations\n",
-    "\n",
-    "\n",
-    "\n",
-    "## Schedule\n",
-    "* 14:00 - 14:10 Introduction: \n",
-    "    * explain goals/expectations. Quickly introduce groups/challenges\n",
-    "    * Ways of communication? Teams/in person? Asking for help\n",
-    "* 14:10 - 15:00 Getting started\n",
-    "* 15:00 - 15:10 Quick get together to see where we are\n",
-    "* 15:10 - 16:40 Continue challenge\n",
-    "* 16:40 - 17:00 Concluding pitch round (short pitch per group)\n",
-    "* 17:00 -       Informal get together\n",
+    "%load_ext autoreload\n",
+    "%autoreload 2"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 3,
+   "metadata": {
+    "slideshow": {
+     "slide_type": "skip"
+    }
+   },
+   "outputs": [],
+   "source": [
+    "from jupylecture.tools import hideCode,FlexSlide\n",
     "\n",
-    "## Resources\n",
-    "* There are many python code snippets in the [crib's folder](../../../public/resources/Python-Data-Science-Handbook) which may come in handy\n",
-    "* See the challenges for additional topic-related resources"
+    "# Note to show this presentation as a slide show, one must have the rise extension installed and run the notebook as `jupyter notebook` (does not yet work from jupyterlab)"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {
+    "slideshow": {
+     "slide_type": "slide"
+    }
+   },
+   "source": [
+    "###  WRS Hackathon June 30th 2021\n",
+    "<img src=\"images/pairprogramming.png\" alt=\"Drawing\" style=\"width: 100%;\"/>\n",
+    "your hosts: Harm-Jan Benninga, Serkan Girgin, Roelof Rietbroek"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 17,
+   "metadata": {
+    "cell_style": "center",
+    "slideshow": {
+     "slide_type": "slide"
+    }
+   },
+   "outputs": [
+    {
+     "data": {
+      "text/html": [
+       "<div id=\"a16f55c42718cc27\"></div>\n",
+       "    <script type=\"text/javascript\">\n",
+       "        $(function(){\n",
+       "            var p = $(\"#a16f55c42718cc27\");\n",
+       "            if (p.length==0) return;\n",
+       "            while (!p.hasClass(\"cell\")) {\n",
+       "                p=p.parent();\n",
+       "                if (p.prop(\"tagName\") ==\"body\") return;\n",
+       "            }\n",
+       "            var cell = p;\n",
+       "            cell.find(\".input\").addClass(\"hide-in-slideshow\")\n",
+       "        });\n",
+       "    </script>"
+      ]
+     },
+     "metadata": {},
+     "output_type": "display_data"
+    },
+    {
+     "data": {
+      "text/markdown": [
+       "\n",
+       "<div class=\"flxsld text_cell\" ><div class=\"flx100\"><h1>Overall aim of the workshop: Hands-on experience and learn from each other</h1></div>\n",
+       "\n",
+       "\n",
+       "<div class=\" flx40\" >\n",
+       "\n",
+       "<ul><li class=\"fragment fade-in\">Adapt to your group's speed</li><li class=\"fragment fade-in\">Make it dynamic: program in pairs/triplets and exchange roles now and then</li><li class=\"fragment fade-in\">Tell us what you're thinking/and where you have problems</li><li class=\"fragment fade-in\">Create a little showcase/pitch to show at the end of the day</li></ul></div>\n",
+       "<div class=\" flx60\" >\n",
+       "\n",
+       "<video src=\"images/pairprogramming.mp4\" controls muted autoplay loop  >\n",
+       "      Your browser does not support the <code>video</code> element.\n",
+       "    </video></div>\n",
+       "\n",
+       "</div>"
+      ],
+      "text/plain": [
+       "<jupylecture.tools.FlexSlide at 0x7efedbf5b6a0>"
+      ]
+     },
+     "metadata": {},
+     "output_type": "display_data"
+    }
+   ],
+   "source": [
+    "slide=FlexSlide(\"# Overall aim of the workshop: Hands-on experience and learn from each other\")\n",
+    "slide.addItems([\"Adapt to your group's speed\",\"Make it dynamic: program in pairs/triplets and exchange roles now and then\",\"Tell us what you're thinking/and where you have problems\",\"Create a little showcase/pitch to show at the end of the day\"],frag=True,flxwidth=\"flx40\")\n",
+    "slide.addVideo(\"images/pairprogramming.mp4\",html_attributes=\"controls muted autoplay loop\",flxwidth=\"flx60\")\n",
+    "slide.display()"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 25,
+   "metadata": {
+    "slideshow": {
+     "slide_type": "slide"
+    }
+   },
+   "outputs": [
+    {
+     "data": {
+      "text/html": [
+       "<div id=\"255c2687c0c0f60f\"></div>\n",
+       "    <script type=\"text/javascript\">\n",
+       "        $(function(){\n",
+       "            var p = $(\"#255c2687c0c0f60f\");\n",
+       "            if (p.length==0) return;\n",
+       "            while (!p.hasClass(\"cell\")) {\n",
+       "                p=p.parent();\n",
+       "                if (p.prop(\"tagName\") ==\"body\") return;\n",
+       "            }\n",
+       "            var cell = p;\n",
+       "            cell.find(\".input\").addClass(\"hide-in-slideshow\")\n",
+       "        });\n",
+       "    </script>"
+      ]
+     },
+     "metadata": {},
+     "output_type": "display_data"
+    },
+    {
+     "data": {
+      "text/markdown": [
+       "\n",
+       "<div class=\"flxsld text_cell\" ><div class=\"flx100\"><h1>Overall aim of the workshop: Hands-on experience and learn from each other</h1></div>\n",
+       "\n",
+       "\n",
+       "<div class=\" flx80\" >\n",
+       "\n",
+       "<ul><li class=\"fragment fade-in\">14:00 - 14:10: Introduction. We will start plenary in 5-144 and online </li><li class=\"fragment fade-in\">14:10 - 15:00: Getting started. Teams can work in room 5-136, room 5-144 or online</li><ul><li class=\"fragment fade-in\">Setting up your environments</li><li class=\"fragment fade-in\">quick online research</li><li class=\"fragment fade-in\">Formulate your specialized challenge</li></ul><li class=\"fragment fade-in\">15:00 - 15:10: Quick get together to see where we are</li><ul><li class=\"fragment fade-in\">What is your group going to do/doing?</li></ul><li class=\"fragment fade-in\">15:10 - 16:40: Continue challenge</li><li class=\"fragment fade-in\">16:40 - 17:00: Concluding pitch round (short (3min) pitch per group)</li><li class=\"fragment fade-in\">17:00 -       :Informal walk in the park</li></ul></div>\n",
+       "\n",
+       "</div>"
+      ],
+      "text/plain": [
+       "<jupylecture.tools.FlexSlide at 0x7efedbf5b6d0>"
+      ]
+     },
+     "metadata": {},
+     "output_type": "display_data"
+    }
+   ],
+   "source": [
+    "sslide=FlexSlide(\"# Overall aim of the workshop: Hands-on experience and learn from each other\")\n",
+    "sslide.addItems([\"14:00 - 14:10: Introduction. We will start plenary in 5-144 and online \",\n",
+    "                 \"14:10 - 15:00: Getting started. Teams can work in room 5-136, room 5-144 or online\",\n",
+    "                 [\"Setting up your environments\", \"quick online research\",\"Formulate your specialized challenge\"],\n",
+    "                 \"15:00 - 15:10: Quick get together to see where we are\",\n",
+    "                 [\"What is your group going to do/doing?\"],\n",
+    "                 \"15:10 - 16:40: Continue challenge\",\n",
+    "                 \"16:40 - 17:00: Concluding pitch round (short (3min) pitch per group)\",\n",
+    "                 \"17:00 -       :Informal walk in the park\"],frag=True,flxwidth=\"flx80\")\n",
+    "sslide.display()"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {
+    "slideshow": {
+     "slide_type": "slide"
+    }
+   },
+   "source": [
+    "# Tips and Tricks\n",
+    "* You can login with your UTwente credentials at crib.utwente.nl. The hackathon content will be living in the shared folder `shared/ITC-WRS/Hackathon2021`. This presentation and the challenge skeletons are in the `info` subfolder\n",
+    "* Create a dedicated folder for your group\n",
+    "* Choose your weapon of choice (Python or R notebooks)\n",
+    "* Create a 'master' notebook which will contain the consensus code. You are encouraged to create additional (personal) scratch notebooks to test smaller code snippets. Note that you have to agree on who will be editing the master notebook in order not to overwrite each other's changes. \n",
+    "* For online participation and reaching the other groups, please use the MS teams chat of the official Hackathon event. You can of course use private messages but we hope that sharing among all participants may create a more lively discussion"
    ]
   }
  ],
  "metadata": {
+  "celltoolbar": "Slideshow",
   "kernelspec": {
-   "display_name": "Python",
+   "display_name": "pyrr",
    "language": "python",
-   "name": "python3"
+   "name": "pyrr"
   },
   "language_info": {
    "codemirror_mode": {
@@ -43,9 +204,17 @@
    "name": "python",
    "nbconvert_exporter": "python",
    "pygments_lexer": "ipython3",
-   "version": "3.8.5"
+   "version": "3.9.5"
+  },
+  "rise": {
+   "autolaunch": true,
+   "enable_chalkboard": true,
+   "footer": "<div><h3>Intro WRS Hackathon 30th June 2021</h3></div><div id=\"logobox\"></div>",
+   "slideNumber": "c/t",
+   "theme": "black",
+   "transition": "None"
   }
  },
  "nbformat": 4,
- "nbformat_minor": 5
+ "nbformat_minor": 2
 }

rise.css

@@ -0,0 +1,186 @@
+#rise-header {
+    margin: 0px;
+    left: 10%;
+}
+
+
+sup {
+    top:0em;
+}
+
+/*Allow images to meld in with their background*/
+.reveal section img{
+  background: transparent;
+}
+
+.container.slides .celltoolbar, .container.slides div.input.hide-in-slideshow {
+    display: none ! important;
+}
+
+.div.prompt.prompt_output.hide-in-slideshow {
+    display: none ! important;
+}
+
+
+.reveal .rendered_html p{
+  margin:0;
+}
+
+
+
+
+/* Don't highlight selected cells in rendered mode */
+
+div.cell.rendered.selected{
+  border-color:transparent;
+}
+
+div.cell.selected:before{
+  background:transparent;
+}
+
+
+.flxsld {
+    display:flex;
+    flex-wrap:wrap;
+    align-items:center;
+    justify-content: space-between;    
+    position:relative;
+}
+
+.flxabove{
+  position:absolute;
+  top:0%;
+  left:0%;
+}
+
+
+.flxsld .flx16{
+ flex-basis:16%;  
+}
+
+.flxsld .flx20{
+ flex-basis:20%;  
+}
+
+
+.flxsld .flx25{
+ flex-basis:25%;  
+}
+
+
+.flxsld .flx30{
+ flex-basis:30%;  
+}
+
+.flxsld .flx33{
+ flex-basis:33%;  
+}
+
+.flxsld .flx40{
+ flex-basis:40%;  
+}
+
+.flxsld .flx50{
+ flex-basis:50%;  
+}
+
+.flxsld .flx55{
+ flex-basis:55%;  
+}
+
+.flxsld .flx60{
+ flex-basis:60%;  
+}
+
+.flxsld .flx67{
+ flex-basis:67%;  
+}
+
+.flxsld .flxr70{
+ flex-basis:70%;  
+}
+
+.flxsld .flx75{
+ flex-basis:75%;  
+}
+
+
+.flxsld .flx80{
+ flex-basis:80%;  
+}
+
+.flxsld .flx100{
+ flex-basis:100%;  
+}
+
+.reveal .prompt{
+    min-width:0px;
+}
+
+
+#rise-footer {
+    margin: 10px;
+    padding-right:130px;
+    padding-left:120px;
+    width:100%;
+    display:inline-flex;
+    align-items:center;
+    justify-content:flex-end;
+}
+
+.reveal h1, .reveal h2, .reveal h3, .reveal h4 {
+  margin:0px;
+  text-transform:unset;
+  margin-bottom:0.3em;
+}
+
+#footertext {
+    min-width: 80%;
+}
+
+#logobox{
+  margin-right:10px;
+  margin-left:10px;
+  height:70px;
+  width:225px;
+  background-size:100%;
+  background-repeat:no-repeat;
+}
+
+
+.theme-black #logobox{
+  background-image:url(images/logo-themeblack.svg);
+}
+
+.theme-white #logobox{
+  background-image:url(images/logo-themewhite.svg);
+}
+
+#rise-backimage {
+    opacity: 0.20;
+}
+
+.color-sec{
+  color:rgb(55,175,250);
+}
+
+.circ1{
+  border-radius: 50%;
+  border-color:rgb(55,175,250);
+  border-style:solid;
+  background:rgb(55,175,250);
+  text-align:center;
+  overflow: hidden;
+  padding:40px;
+}
+
+.inshape{
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+