Change layout of slides and lessons

Also removed unused example site from theme folder

Author: atruskie

README.md

@@ -39,7 +39,7 @@ Then before each session:
 
 1.  Update your Fork
 1.  Branch
-1.  Run `./dev.ps1`
+1.  Run `hugo server -DEF`
 1.  Commit
 1.  Push
 1.  Create a pull request

assets/css/common.css

@@ -22,14 +22,18 @@ pre,
     background-color: var(--oe-background-color);
 }
 
-.markdown code  {
+.markdown code {
     background: var(--oe-inline-code-bg-color);
 }
 
 .markdown table tr:nth-child(2n) {
     background-color: var(--oe-background-color-darker);
 }
 
+.markdown header h1 {
+    margin-top: 0;
+}
+
 body > footer {
     flex-grow: 0;
 }
@@ -45,8 +49,6 @@ h6 {
     font-family: var(--oe-fancy-font);
 } */
 
-
-
 .pull {
     display: flex;
     flex-direction: row;
@@ -61,7 +63,6 @@ h6 {
     flex-basis: 50%;
     background-color: var(--oe-panel-color-with-alpha);
     padding: var(--oe-padding-small);
-
 }
 
 .pull.pull-red > * {

assets/css/resources.scss

@@ -4,7 +4,6 @@
 .resources aside {
     background-color: var(--oe-background-color-darker);
     padding: var(--oe-padding-small);
-    margin-top: 2em;
 }
 
 .resources aside {
@@ -46,3 +45,10 @@
         opacity: 1;
     }
 }
+
+.book-menu-content {
+}
+
+.book-search input {
+    background-color: white !important;
+}

assets/css/reveal-slides.scss

@@ -1,18 +1,29 @@
 @media print {
-	.navbar, .oe-presentation-controls, #themeSelector {display:none;}
+    .navbar,
+    .oe-presentation-controls,
+    #themeSelector {
+        display: none;
+    }
 }
 
 .reveal {
     overflow: hidden;
+    // force a 16:9 ratio for slide size
+    height: auto !important;
+    aspect-ratio: 16 / 9;
+    margin: var(--oe-padding-small);
 
-    .slide-background  {
+    .slide-background {
         background-image: url(/oe-logo-horizontal.svg);
         background-position: right 5% top 5%;
         background-repeat: no-repeat;
-        background-size:  20%;;
+        background-size: 20%;
     }
 
-    h2, h3, h4 {
+    h1,
+    h2,
+    h3,
+    h4 {
         a {
             display: none; //overriding anchor link style
         }
@@ -21,4 +32,21 @@
     aside {
         background: none; // overriding aside bg style
     }
+
+    .slide-number {
+        .slide-number-delimiter {
+            margin: 0;
+        }
+    }
+
+    section {
+    }
+
+    .align-middle {
+        text-align: left;
+    }
+
+    .align-left {
+        text-align: left;
+    }
 }

assets/css/theme/light.css

@@ -2,7 +2,7 @@
     --oe-color-logo: #231f20;
     --oe-font-color: #000;
     --oe-font-color-bright: #fff;
-    --oe-font-color-toned: #aaa;
+    --oe-font-color-toned: #bbb;
     --oe-inverse-color: #000;
     --oe-background-color: #fff;
     --oe-background-color-darker: #fbfbfb;

content/resources/lessons/_index.md

@@ -1,4 +1,5 @@
 ---
 title: Lessons
 ---
-Open Ecoacoustics currently offer the following lessons as a part of the QUT Ecoacoustic Symposium in November 2022:
+
+Open Ecoacoustics currently offer the following lessons:

content/resources/lessons/recognizer-ws/_index.md renamed to content/resources/lessons/make-your-own-recognizer/_index.md

@@ -0,0 +1,8 @@
+---
+title: Requirements
+---
+
+-   This is a face to face workshop and all attendees will be required to register for the main symposium, as well as attending the workshop on Friday.
+-   Participants will need to attend an online pre-workshop session and to bring along example labelled call data for the workshop (20-200 example calls, and 20-100 negative examples from real recordings), plus a few hours of unlabelled audio that is known to contain your call of interest; exact details will be provided to participants.
+-   To undertake the workshop participants need to be comfortable with executing simple command line programs; it’s also advantageous to have some programming experience (e.g. R or Python) although programming experience is not required. All the tools used to build the recogniser will be freely available, as will the workshop notes.
+-   This is part of an open science initiative. Participants need to be willing to make their recogniser available under an open-source licence (Apache 2.0 https://opensource.org/licenses/Apache-2.0) so that others may use it, and for the recogniser to be published in a registry.

content/resources/lessons/make-your-own-recognizer/requirements.md

@@ -1,79 +1,103 @@
 ---
 title: Test Presentation
-image: images/Maybe-home-page3.jpg
 type: "resources"
 layout: "presentation"
 draft: true
 ---
-{{< slide data-transition="fade" >}}
+
+{{% slide data-transition="fade" %}}
+
 ## Test presentation
+
 This presentation is for demonstration purposes.
-{{< /slide >}}
+{{% /slide %}}
+
+{{% slide data-transition="slide" %}}
 
-{{< slide data-transition="slide" >}}
 ### Slide with an image
+
 ![Susan Fuller](/images/people/susan-fuller.jpg)
 
 Susan Fuller
-- Project Leader at _QUT_
-- Researcher in ecology and conservation biology
-{{< /slide >}}
-
-{{< slide data-transition="fade"  data-background-color="wheat">}}
-### List 
-- Creating 
-- A list 
-- Is easy
+
+-   Project Leader at _QUT_
+-   Researcher in ecology and conservation biology
+
+<aside class="notes">
+    - Shhh, these are your private notes 📝
+</aside>
+{{% /slide %}}
+
+{{% slide data-transition="fade"  data-background-color="wheat" %}}
+
+### List
+
+-   Creating
+-   A list
+-   Is easy
+
 ### Numbered list
-1. I have so 
-2. much to say 
+
+1. I have so
+2. much to say
 3. here
-{{< /slide >}}
+   {{% /slide %}}
 
-{{< slide data-background-color="yellow" >}}
+{{% slide data-background-color="yellow" %}}
 This slide has code
- ```ruby
+
+```ruby
 require 'redcarpet'
 markdown = Redcarpet.new("Hello World!")
 puts markdown.to_html
 ```
-{{< /slide >}}
 
-{{< slide slide-name="headings">}}
+{{% /slide %}}
+
+{{% slide slide-name="headings"%}}
 This slide has many headings
+
 ## heading 2
+
 ### heading 3
+
 #### heading 4
-{{< /slide >}}
 
-{{< slide >}}
+{{% /slide %}}
+
+{{% slide %}}
 This slide has a link to google: [Visit Google](https://www.google.com)
 
 And a link to a previous slide (you will need to give a name to the slide you want to link to):
 [Go back to the headings slide](#headings)
-{{< /slide >}}
+{{% /slide %}}
 
-{{< slide >}}
+{{% slide %}}
 This slide has a table
 
-| Tables        | Are           | Cool  |
-| ------------- |:-------------:| -----:|
+| Tables        |      Are      |  Cool |
+| ------------- | :-----------: | ----: |
 | col 3 is      | right-aligned | $1600 |
-| col 2 is      | centered      |   $12 |
-| zebra stripes | are neat      |    $1 |
-{{< /slide >}}
+| col 2 is      |   centered    |   $12 |
+| zebra stripes |   are neat    |    $1 |
+
+{{% /slide %}}
+
+{{% slide %}}
 
-{{< slide >}}
 > Blockquotes are very handy...
 > This line is part of the same quote.
 
 Quote break.
+
 > A new quote
-{{< /slide >}}
+> {{% /slide %}}
+
+{{% slide %}}
 
-{{< slide >}}
 ## Video
 
 To add a video: go to YouTube, click Share, choose embed, and paste the code:
+
 <iframe width="560" height="315" src="https://www.youtube.com/embed/-gOK_sv80uI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
-{{< /slide >}}
+{{% /slide %}}