Slides Demo

Deck Showing off Basic Content

Basic Content
Example Title

Sub-title that describes the thing
A Rather Longer Title
A Rather Longer Title that Wraps

Sub-title that describes the thing which also wraps
Just Text

Behind every man now alive stand thirty ghosts, for that is the ratio by which the dead outnumber the living.
Just Heading
SLIDE

What is beauty, or goodness, or art, or love, or God? We are forever teetering on the brink of the unknowable, and trying to understand what can't be understood. I've seen things you people wouldn't believe... Attack ships on fire off the shoulder of Orion... I watched C-beams glitter in the dark near the Tannhäuser Gate.
Bulleted List
- I will allow my fear to pass through me and around me.
- It is easy to look at these waves, accomplishing so little.
- As it turned out, imagining the fate of seven billion people was far less emotionally affecting than imagining the fate of one.
Numbered List
1. I will allow my fear to pass through me and around me.
2. It is easy to look at these waves, accomplishing so little.
3. As it turned out, imagining the fate of seven billion people was far less emotionally affecting than imagining the fate of one.
Quote

As nightmarishly lethal, memetically programmed death-machines went, these were the nicest you could ever hope to meet.
SLIDE

As nightmarishly lethal, memetically programmed death-machines went, these were the nicest you could ever hope to meet.
SLIDE

As nightmarishly lethal, memetically programmed death-machines went, these were the nicest you could ever hope to meet.

-- Steve Copley

Deck with Images

Images!
Here is a JPEG Image

This image has some text above it...

... and below it!
Here is a JPEG Image

This image has some text above it...

... and below it...

... and another image!
SLIDE
Here is an SVG Image
SLIDE

Deck with Tables

Tables!

A B C D E F G H I J

1 2 3 4 5 6 7 8 9 0

1 2 3 4 5 6 7 8 9 0

1 2 3 4 5 6 7 8 9 0

1 2 3 4 5 6 7 8 9 0

Wide

A	B	C	D	E	F	G	H	I	A	B	C	D	E	F	G	H	I	A	B	C	D	E	F	G	H	I
1	2	3	4	5	6	7	8	9	1	2	3	4	5	6	7	8	9	1	2	3	4	5	6	7	8	9
1	2	3	4	5	6	7	8	9	1	2	3	4	5	6	7	8	9	1	2	3	4	5	6	7	8	9
1	2	3	4	5	6	7	8	9	1	2	3	4	5	6	7	8	9	1	2	3	4	5	6	7	8	9
1	2	3	4	5	6	7	8	9	1	2	3	4	5	6	7	8	9	1	2	3	4	5	6	7	8	9

Deck with Code

Code!

def report():
    while True:
        weather = input("Weather today: ")
        if weather == "sunny":
            print("It will be sunny today")
            print("Wear sunscreen!")

            if time == "now":
                print("Ding!")
            else:
                print("Dong!")

    print("Time to go to the beach...")

Kotlin

fun main() {
    println("Hello...")
    println("From...")
    println("Kotlin!")
}

Web

<h1>Hello, World!</h1>

<p>The nature of our immortal lives is in the
consequences of our words and deeds, that go on
and are pushing themselves throughout all time.</p>

Line Numbering

if weather == "sunny":
    print("It will be sunny today")
    print("Wear sunscreen!")

print("Time to go to the beach...")

Line HIghlighting

if weather == "sunny":
    print("It will be sunny today")
    print("Wear sunscreen!")

print("Time to go to the beach...")

With Line Nos.

if weather == "sunny":
    print("It will be sunny today")
    print("Wear sunscreen!")

print("Time to go to the beach...")

Code Indentation

def report():
    while True:
        weather = input("Weather today: ")
        if weather == "sunny":
            print("It will be sunny today")
            print("Wear sunscreen!")

            if time == "now":
                print("Ding!")
            else:
                print("Dong!")

    print("Time to go to the beach...")

Deck with Video

Video!
SLIDE
SLIDE

Video!

Deck with Sections

Sections

But the human race did not have even the slightest bit of psychological preparation for what was about to happen.

What's hard, in hacking as in fiction, is not writing, it's deciding what to write.
SLIDE

Heading in Left Column

But the human race did not have even the slightest bit of psychological preparation for what was about to happen.
SLIDE

Ba Da Boom!

But the human race did not have even the slightest bit of psychological preparation for what was about to happen.
SLIDE

Stuff to Left of Image

We can experience nothing but the present moment, live in no other second of time, and to understand this is as close as we can get to eternal life.
SLIDE

Stuff to Right of Image

We can experience nothing but the present moment, live in no other second of time, and to understand this is as close as we can get to eternal life.
Two Images, Side-by-Side
SLIDE

SOME CODE

As it turned out, imagining the fate of seven billion people was far less emotionally affecting than imagining the fate of one.

def report():
    while True:
        weather = input("Weather today: ")
        if weather == "sunny":
            print("It will be sunny today")
            print("Wear sunscreen!")

            if time == "now":
                print("Ding!")
            else:
                print("Dong!")

    print("Time to go to the beach...")

SOME CODE

As it turned out, imagining the fate of seven billion people was far less emotionally affecting than imagining the fate of one.
```
print("Time to go to the beach...")
```
ONE COL

But the human race did not have even the slightest bit of psychological preparation for what was about to happen.
HEADING AND PARA FIRST

But the human race did not have even the slightest bit of psychological preparation for what was about to happen.

But the human race did not have even the slightest bit of psychological preparation for what was about to happen.

But the human race did not have even the slightest bit of psychological preparation for what was about to happen.
EMPTY COL AT END

But the human race did not have even the slightest bit of psychological preparation for what was about to happen.
EMPTY COLS
SLIDE

It is easy to look at these waves, accomplishing so little and to think that no matter what efforts we put forth in our lives, all we're really doing is rearranging the sand grains in a beach that in essence never changes.

Nothing is more important than that you see and love the beauty that is right in front of you, or else you will have no defense against the ugliness that will hem you in and come at you in so many ways.
SLIDE

You're not even consciously aware of the world until your brain has filtered and censored and hammered it down into a mush of self-serving Darwinian dogma.

They were scrutinised and studied, perhaps almost as narrowly as a man with a microscope might scrutinise the transient creatures that swarm and multiply in a drop of water.

Maybe I'll go where I can see stars, he said to himself as the car gained velocity and altitude; it headed away from San Francisco, toward the uninhabited desolation to the north.
SLIDE

One

You're not even consciously aware of the world until your brain has filtered.

Two

They were scrutinised and studied, perhaps almost as narrowly as a man with a microscope.

Three

Maybe I'll go where I can see stars, he said to himself as the car gained velocity.
Numbered List
1. I will allow my fear to pass.
2. It is easy to look at these waves.
3. As it turned out.
1. Pass through me and around me.
2. Accomplishing so little.
3. The fate of seven billion people.

Deck with Structure

Horizontal
- Outer
  - One
  - Two
  - Three
Vertical
- Outer
  1. One
  2. Two
  3. Three

Deck with Hierarchies

Hierarchy!
- Top Level
  - Sub-Level 1
    - AAA
    - BBB
    - CCC
  - Sub-Level 2
    - DDD
    - EEE
      - YAY!
    - FFF

Deck with Sequences

Sequence Blocks
1. One
2. Two
3. Three
Sequence Blocks (Vert)
1. One
2. Two
3. Three
SLIDE
1. One
  
  You're not even consciously aware of the world until your brain has filtered.
2. Two
  
  They were scrutinised and studied, perhaps almost as narrowly as a man with a microscope.
3. Three
  
  Maybe I'll go where I can see stars, he said to himself as the car gained velocity.
SLIDE
1. One
2. Two
3. Three
4. Four
5. Five
6. Six
SLIDE
1. One
  
  You're not even conscious.
2. Two
  
  They were scrutinised.
3. Three
  
  Maybe I'll go where I can see.
4. Four
  
  You're not even conscious.
5. Five
  
  They were scrutinised.
6. Six
  
  Maybe I'll go where I can see.
SLIDE
1. One is the First
2. Two Comes Next
3. Three is the Final One!
SLIDE
1. A
2. B
3. C
SLIDE

Gosh

The difference between stupid and intelligent people - and this is true whether or not they are well-educated - is that intelligent people can handle subtlety.
1. A
2. B
SLIDE
1. DO THIS!
Woah!

Scientists have done a particularly abominable job of dispensing the tools they have devised; like careless and indifferent workmen they have tossed the products of their craft to gibbering apes and baboons.
SLIDE

There never can be a man so lost as one who is lost in the vast and intricate corridors of his own lonely mind, where none may reach and none may save.
1. One is the First
2. Two Comes Next
3. Three is the Final One!
SLIDE
1. First
2. Second
SLIDE
1. Now in the dark world where I dwell, ugly things, and surprising things, and sometimes little wondrous things, spill out in me constantly, and I can count on nothing.
2. When you are wrestling for possession of a sword, the man with the handle always wins.

Deck with Requests

Request Sequence!
- Left: A
- Right: B
- Requests:
  1. LR ---> Hello!
  2. LR <--- Hello!
  3. LR ---> How are you?
  4. LR <--- I'm good, thanks
SLIDE

Request Sequence!
- Left: A
- Right: B
- Requests:
  1. LR ---> Hello!
  2. LR <--- Hello!
  3. LR ---> How are you?
  4. LR <--- I'm good, thanks

Deck with Computers

SLIDE

Look at me!

Hello!

She's far in her mind, deep in her own thoughts, the air on her wings feels amazing, she is swimming, rolling through the air as if it's water.
SLIDE

Look at me!

Hello!

She's far in her mind, deep in her own thoughts, the air on her wings feels amazing, she is swimming, rolling through the air as if it's water.
SLIDE

Look at me!

Hello!

She's far in her mind, deep in her own thoughts, the air on her wings feels amazing, she is swimming, rolling through the air as if it's water.
SLIDE

Look at me!

Hello!

She's far in her mind, deep in her own thoughts, the air on her wings feels amazing, she is swimming, rolling through the air as if it's water.

Deck with Logic Gates / Tables

Logic Gate!
```
gate 10 AND  A B ''
```
SLIDE
```
gate ON XOR  IN1 IN2 OUT
```
Logic Table
```
table 10 AND
```
SLIDE

Logic Table
```
table 10 AND3
```
SLIDE
```
gate 10 AND A B OUT
table 10 AND
```

Deck with Data Values

Data Values!

show dec 123 as bin
show dec 123 as bin-bytes
show dec 123 as hex-bytes

Aligned

show-aligned hex 6d as bin-bytes
show-aligned hex 6d as hex-bytes

Aligned

show-raw-aligned hex 2cfa as bin-bytes
show-raw-aligned hex 2cfa as hex-bytes

SLIDE

Colours
```
show hex f07 as colour
```

Deck with Diagrams

Diagram!

flowchart LR

S0[ ]
S1((S1))
S2(((S2)))
S3(((S3)))

S0 --> S1
S1 --A--> S2
S1 --B--> S3
S2 --A--> S1
S2 --B--> S3
S3 --A--> S1
S3 --B--> S3
S3 --C--> S3

class S0 start

SLIDE

Diagram!

flowchart LR

S0[ ]
S1((S1))
S2(((S2)))
S3(((S3)))

S0 --> S1
S1 --A--> S2
S1 --B--> S3
S2 --A--> S1
S2 --B--> S3
S3 --A--> S1
S3 --B--> S3
S3 --C--> S3

class S0 start

Deck with File Trees

Files!
- Folder
  - One
  - Two
  - Three
SLIDE

Lots of Files!
- project
  - app
    - __init__.py
    - static
      - !! css
        
        styles.css
      - images
        
        !! icon.svg
        
        logo.svg
    - templates
  - README.md
  - requirements.txt
SLIDE
- project
  - app
    - __init__.py
    - static
      - !! css
        
        styles.css
      - images
        
        !! icon.svg
        
        logo.svg
    - templates
  - README.md
  - requirements.txt

Deck with Timelines

Timeline!

1967 - Steve

An Outside Context Problem was the sort of thing most civilisations encountered just once.

1978 - Jemma

Well, all information looks like noise until you break the code.
SLIDE

Timeline!

1967 - Steve

NONE

1978 - Jemma

NONE

2011 - Eva Rose

NONE

2017 - Finn Henry

NONE

Deck with Speech

Speech!

$HELLO, HUMAN!\n Welcome to the **Waimea College** *Digital Technologies* help site!$

Deck with Scratch

Scratch!

when green flag clicked
forever
    say [Hello!] for (2) seconds
    if <mouse down?> then
        change [mouse clicks v] by (1)
    end
end

Scratch!
```
say [Hello!] for (2) seconds
```

SLIDE

Stage

stage axes black
    square -100 -100 100  30 white  1.0
    square -100  100 100   0 white  0.5
    circle  100 -100 100     yellow 1.0
endstage

SLIDE

stage grid grey
    line                     0    0  60 -90 white 1.0
    spriteinfo robot         0    0  50  90       1.0 ''
    sprite     strawberry -120   60  50  90       1.0 'Hey, robot! Come here and eat Me!'
    line                   -60    0  60 -90 white 1.0
    arrow                 -120    0  50   0 white 1.0

    number     3          -150  -30         red   1.0
    label      'START HERE'  0  -90         cyan  1.0
endstage

Deck with Web

Web!

<h1>Hello, World!</h1>

<p>In the moment when I truly understand my enemy,
understand him well enough to defeat him, then in
that very moment I also love him.</p>

body {
    background-color: yellow;
    font-family: system-ui, sans-serif;
}

SLIDE

Web!

<h1>Hello, World!</h1>

<p>In the moment when I truly understand my enemy,
understand him well enough to defeat him, then in
that very moment I also love him.</p>

body {
    background-color: yellow;
    font-family: system-ui, sans-serif;
}

A	B	C	D	E	F	G	H	I	A	B	C	D	E	F	G	H	I	A	B	C	D	E	F	G	H	I
1	2	3	4	5	6	7	8	9	1	2	3	4	5	6	7	8	9	1	2	3	4	5	6	7	8	9
1	2	3	4	5	6	7	8	9	1	2	3	4	5	6	7	8	9	1	2	3	4	5	6	7	8	9
1	2	3	4	5	6	7	8	9	1	2	3	4	5	6	7	8	9	1	2	3	4	5	6	7	8	9
1	2	3	4	5	6	7	8	9	1	2	3	4	5	6	7	8	9	1	2	3	4	5	6	7	8	9

A	B	C	D	E	F	G	H	I	A	B	C	D	E	F	G	H	I	A	B	C	D	E	F	G	H	I
1	2	3	4	5	6	7	8	9	1	2	3	4	5	6	7	8	9	1	2	3	4	5	6	7	8	9
1	2	3	4	5	6	7	8	9	1	2	3	4	5	6	7	8	9	1	2	3	4	5	6	7	8	9
1	2	3	4	5	6	7	8	9	1	2	3	4	5	6	7	8	9	1	2	3	4	5	6	7	8	9
1	2	3	4	5	6	7	8	9	1	2	3	4	5	6	7	8	9	1	2	3	4	5	6	7	8	9

Slides Demo

Deck Showing off Basic Content

Basic Content

Example Title

Sub-title that describes the thing

A Rather Longer Title

A Rather Longer Title that Wraps

Sub-title that describes the thing which also wraps

Just Text

Just Heading

Bulleted List

Numbered List

Quote

Deck with Images

Images!

Here is a JPEG Image

Here is a JPEG Image

Here is an SVG Image

Deck with Tables

Tables!

Wide

Deck with Code

Code!

Kotlin

Web

Line Numbering

Line HIghlighting

With Line Nos.

Code Indentation

Deck with Video

Video!

Video!

Deck with Sections

Sections

Heading in Left Column

Ba Da Boom!

Stuff to Left of Image

Stuff to Right of Image

Two Images, Side-by-Side

SOME CODE

SOME CODE

ONE COL

HEADING AND PARA FIRST

EMPTY COL AT END

EMPTY COLS

One

Two

Three

Numbered List

Deck with Structure

Horizontal

Vertical

Deck with Hierarchies

Hierarchy!

Deck with Sequences

Sequence Blocks

One

Two

Three

Sequence Blocks (Vert)

One

Two

Three

One

Two

Three

One

Two

Three

Four

Five

Six

One

Two

Three

Four

Five

Six

One is the First

Two Comes Next

A	B	C	D	E	F	G	H	I	A	B	C	D	E	F	G	H	I	A	B	C	D	E	F	G	H	I
1	2	3	4	5	6	7	8	9	1	2	3	4	5	6	7	8	9	1	2	3	4	5	6	7	8	9
1	2	3	4	5	6	7	8	9	1	2	3	4	5	6	7	8	9	1	2	3	4	5	6	7	8	9
1	2	3	4	5	6	7	8	9	1	2	3	4	5	6	7	8	9	1	2	3	4	5	6	7	8	9
1	2	3	4	5	6	7	8	9	1	2	3	4	5	6	7	8	9	1	2	3	4	5	6	7	8	9