diff --git a/Welcome.ipynb b/Welcome.ipynb index c2c463a..5691d80 100644 --- a/Welcome.ipynb +++ b/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", + "\"Drawing\"\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": [ + "
\n", + " " + ] + }, + "metadata": {}, + "output_type": "display_data" + }, + { + "data": { + "text/markdown": [ + "\n", + "

Overall aim of the workshop: Hands-on experience and learn from each other

\n", + "\n", + "\n", + "
\n", + "\n", + "
\n", + "
\n", + "\n", + "
\n", + "\n", + "
" + ], + "text/plain": [ + "" + ] + }, + "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": [ + "
\n", + " " + ] + }, + "metadata": {}, + "output_type": "display_data" + }, + { + "data": { + "text/markdown": [ + "\n", + "

Overall aim of the workshop: Hands-on experience and learn from each other

\n", + "\n", + "\n", + "
\n", + "\n", + "
  • 14:00 - 14:10: Introduction. We will start plenary in 5-144 and online
  • 14:10 - 15:00: Getting started. Teams can work in room 5-136, room 5-144 or online
    • Setting up your environments
    • quick online research
    • Formulate your specialized challenge
  • 15:00 - 15:10: Quick get together to see where we are
    • What is your group going to do/doing?
  • 15:10 - 16:40: Continue challenge
  • 16:40 - 17:00: Concluding pitch round (short (3min) pitch per group)
  • 17:00 - :Informal walk in the park
\n", + "\n", + "
" + ], + "text/plain": [ + "" + ] + }, + "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": "

Intro WRS Hackathon 30th June 2021

", + "slideNumber": "c/t", + "theme": "black", + "transition": "None" } }, "nbformat": 4, - "nbformat_minor": 5 + "nbformat_minor": 2 } diff --git a/Welcome.pdf b/Welcome.pdf new file mode 100644 index 0000000..b2fd77d Binary files /dev/null and b/Welcome.pdf differ diff --git a/images/logo-themeblack.svg b/images/logo-themeblack.svg new file mode 100644 index 0000000..2ee0c1b --- /dev/null +++ b/images/logo-themeblack.svg @@ -0,0 +1,184 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/images/logo-themewhite.svg b/images/logo-themewhite.svg new file mode 100644 index 0000000..e83aed8 --- /dev/null +++ b/images/logo-themewhite.svg @@ -0,0 +1,184 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/images/logo.png b/images/logo.png new file mode 100644 index 0000000..14ecb95 Binary files /dev/null and b/images/logo.png differ diff --git a/images/pairprogramming.mp4 b/images/pairprogramming.mp4 new file mode 100644 index 0000000..5e91f69 Binary files /dev/null and b/images/pairprogramming.mp4 differ diff --git a/images/pairprogramming.png b/images/pairprogramming.png new file mode 100644 index 0000000..f3ee1ce Binary files /dev/null and b/images/pairprogramming.png differ diff --git a/rise.css b/rise.css new file mode 100644 index 0000000..5e8f9a2 --- /dev/null +++ b/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%; +} + +