Update CSS and Python files

_site/module-1/slides/1-introduction.html

@@ -11,7 +11,7 @@
 <link href="../../site_libs/quarto-html/quarto-syntax-highlighting.css" rel="stylesheet" id="quarto-text-highlighting-styles"><meta charset="utf-8">
   <meta name="generator" content="quarto-1.4.551">
 
-  <meta name="author" content="Mark Bailey">
+  <meta name="author" content="Clinicians who code">
   <title>CWC - Introduction to module 1 - python and the shell</title>
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
@@ -327,88 +327,68 @@
   <div class="reveal">
     <div class="slides">
 
-<section id="title-slide" data-background-image="../../images/python-scales.jpg" class="quarto-title-block center">
+<section id="title-slide" data-background-video="../../images/waves-on-beach.mp4" data-background-video-loop="true" class="quarto-title-block center">
   <h1 class="title">Introduction to module 1 - python and the shell</h1>
 
 <div class="quarto-title-authors">
 <div class="quarto-title-author">
 <div class="quarto-title-author-name">
-Mark Bailey 
+Clinicians who code 
 </div>
 </div>
 </div>
 
 </section>
-<section id="introduction-15-minutes" class="slide level2">
-<h2>Introduction (15 minutes)</h2>
+<section id="introduction" class="slide level2" data-background-image="../../images/welcome-sign.jpg" data-background-opacity="0.4">
+<h2>Introduction</h2>
 <ul>
-<li>Welcome and course overview</li>
-<li>Brief introduction to programming</li>
+<li>Welcome and thank you for joining our course.</li>
+<li>We hope you enjoy the course and find it helpful.</li>
+<li>There are plans of further, more advanced courses, in the near future.</li>
+<li>Please provide feedback at the end of the course, so we can help improve things further.</li>
 </ul>
 </section>
-<section id="understanding-programming-basics-30-minutes" class="slide level2">
-<h2>Understanding Programming Basics (30 minutes)</h2>
+<section id="the-coding-environment" class="slide level2" data-background-image="../../images/bamboo-woods.jpg" data-background-opacity="0.2">
+<h2>The coding environment</h2>
 <ul>
-<li>What is a programming language?</li>
-<li>Why Python?</li>
-<li>Introduction to Python’s syntax</li>
-<li>Basic concepts: variables, data types, and operators</li>
+<li>We will explore the development (teaching) environment.</li>
+<li>Get you connected to the development environment.</li>
+<li>Get you running some common command line functions in <code>Lession 1</code>.</li>
 </ul>
 </section>
-<section id="setting-up-your-environment-30-minutes" class="slide level2">
-<h2>Setting Up Your Environment (30 minutes)</h2>
+<section id="python-basics" class="slide level2 smaller">
+<h2>Python Basics</h2>
 <ul>
-<li>Introduction to Integrated Development Environments (IDEs)</li>
-<li>Overview of popular Python IDEs (e.g., PyCharm, VSCode, Jupyter Notebook)</li>
-<li>Installing Python and an IDE</li>
-<li>Writing your first Python script</li>
-</ul>
-</section>
-<section id="exploring-the-terminal-15-minutes" class="slide level2">
-<h2>Exploring the Terminal (15 minutes)</h2>
-<ul>
-<li>What is the terminal (command line interface)?</li>
-<li>Basic terminal commands (e.g., cd, ls/dir, mkdir, rm)</li>
-<li>Navigating directories using the terminal</li>
-</ul>
-</section>
-<section id="python-basics-45-minutes" class="slide level2">
-<h2>Python Basics (45 minutes)</h2>
+<li>How do we communicate with computers.</li>
+<li>Introduction to the python programming language.</li>
+<li>Learn about:
 <ul>
-<li>Introduction to Python data types (int, float, str, bool)</li>
-<li>Variables and variable assignment</li>
-<li>Basic arithmetic operations in Python</li>
-<li>Understanding strings and string manipulation</li>
-<li>Boolean values and logical operators</li>
+<li>Syntax</li>
+<li>Variables</li>
+<li>Operators</li>
+<li>Control flow</li>
+<li>Functions</li>
+<li>Error handling</li>
+</ul></li>
+<li>Then get you programming in <code>Lesson 2</code>.</li>
 </ul>
 </section>
-<section id="break-15-minutes" class="slide level2">
-<h2>Break (15 minutes)</h2>
-</section>
-<section id="control-flow-in-python-45-minutes" class="slide level2">
-<h2>Control Flow in Python (45 minutes)</h2>
+<section id="why-learn-to-code" class="slide level2" data-background-image="../../images/why.jpg" data-background-opacity="0.3">
+<h2>Why learn to code?</h2>
 <ul>
-<li>Introduction to control structures (if statements, loops)</li>
-<li>Conditional statements (if, elif, else)</li>
-<li>Looping structures (while loop, for loop)</li>
-<li>Using indentation in Python (blocks of code)</li>
+<li>We learn biology and anatomy at university to understand and practice clinical medicine, why not the base subject to understand and practice digital medicine?</li>
+<li>Of course not all clinicians should be expected to have extensive knowledge in coding and digital health; that would take clinicians away from the front line, and also clinicians are expensive coders.</li>
+<li>However, having a small number of subject matter experts in both disciplines can be highly advantageous to implementing better and safer digital health projects.</li>
 </ul>
 </section>
-<section id="hands-on-exercises-30-minutes" class="slide level2">
-<h2>Hands-On Exercises (30 minutes)</h2>
+<section id="tutor-groups" class="slide level2" data-background-image="../../images/teacher-and-blackboard.jpg" data-background-opacity="0.6">
+<h2>Tutor groups</h2>
 <ul>
-<li>Guided exercises to reinforce concepts covered</li>
-<li>Practice writing simple programs</li>
-<li>Instructor-led walkthrough of solutions</li>
+<li>Has everyone been placed in a tutor group?</li>
 </ul>
 </section>
-<section id="qa-and-conclusion-15-minutes" class="slide level2">
-<h2>Q&amp;A and Conclusion (15 minutes)</h2>
-<ul>
-<li>Addressing any remaining questions from participants</li>
-<li>Summary of key concepts covered</li>
-<li>Next steps for further learning and practice</li>
-</ul>
+<section id="off-we-go-to-the-shell" class="slide level2" data-background-image="../../images/horses-galloping.jpg" data-background-opacity="0.6">
+<h2>Off we go to the shell</h2>
 
 <div class="quarto-auto-generated-content">
 <p><img src="../../images/cwc-logo.png" class="slide-logo"></p>