Skip to content

Commit afd7a48

Browse files
JackMorganNZJackMorganNZ
committed
Add 2 image galleries and update video
1 parent 85bda10 commit afd7a48

23 files changed

Lines changed: 90 additions & 83 deletions

‎assets/_custom.scss‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -93,6 +93,21 @@ aside.book-toc {
9393
}
9494
}
9595

96+
.vimeo-container {
97+
position: relative;
98+
padding-bottom: 45%;
99+
height: 0;
100+
overflow: hidden;
101+
102+
iframe {
103+
position: absolute;
104+
top: 0;
105+
left: 0;
106+
width: 100%;
107+
height: 100%;
108+
border: 0;
109+
}
110+
}
96111

97112
footer {
98113
border-top: $thin-border;
@@ -130,3 +145,24 @@ footer {
130145
padding: 0;
131146
}
132147
}
148+
149+
// Image gallery
150+
151+
.gallery {
152+
display: flex;
153+
flex-wrap: wrap;
154+
margin: -.2rem -.2rem 1rem -.2rem;
155+
156+
.lightbox {
157+
margin: .2rem;
158+
159+
img {
160+
height: 7rem;
161+
}
162+
}
163+
}
164+
165+
// Parvus gallery overrides
166+
.parvus-zoom__indicator {
167+
display: none !important;
168+
}

‎content/_index.md‎

Lines changed: 11 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,24 @@
11
---
2-
title: Free activities for classroom or home
32
type: page
43
bookToC: false
54
---
65

7-
{{< youtube KOYy4kyLEHs >}}
6+
{{< vimeo id="613256394" class="vimeo-container" >}}
7+
8+
# Free activities for classroom or home
89

910
CS Unplugged is a collection of [free learning activities](/activities/) that teach Computer Science through engaging games and puzzles that use cards, string, crayons and lots of running around.
1011

1112
The activities introduce students to Computational Thinking through concepts such as [binary numbers](/activities/binary-numbers/), [algorithms](/activities/sorting-algorithms/) and [data compression](/activities/text-compression/), separated from the distractions and technical details of having to use computers. Importantly, no programming is required to engage with these ideas!
1213

14+
{{< gallery >}}
15+
{{< gallery-image src="/images/homepage/DSC_4940.jpg" >}}
16+
{{< gallery-image src="/images/homepage/IMG_3852.jpg" >}}
17+
{{< gallery-image src="/images/homepage/IMG_0398.jpg" >}}
18+
{{< gallery-image src="/images/homepage/IMG_3939.jpg" >}}
19+
{{< gallery-image src="/images/homepage/IMG_3861.jpg" >}}
20+
{{< /gallery >}}
21+
1322
CS Unplugged is suitable for people of all ages, from elementary school to seniors, and from many countries and backgrounds. Unplugged has been used around the world for over twenty years, in classrooms, science centers, homes, and even for holiday events in a park!
1423

1524
The material is available free of charge, and is shared under a [Creative Commons BY-NC-SA licence](https://creativecommons.org/licenses/by-nc-sa/4.0/), which makes it easy to copy, adapt and share it.
16-
17-
<!-- TODO: Image gallery or slideshow to add
18-
/images/homepage/DSC_4940.jpg
19-
/images/homepage/IMG_3852.jpg
20-
/images/homepage/IMG_0398.jpg
21-
/images/homepage/10461881_10204069578721529_4539551282003717994_o.jpg
22-
/images/homepage/IMG_3939.jpg
23-
/images/homepage/IMG_6456_compressed.jpg
24-
/images/homepage/10497270_10204069575721454_4120448642692549666_o.jpg
25-
/images/homepage/10382424_10204069584441672_4824188681639515718_o.jpg
26-
/images/homepage/IMG_3861.jpg
27-
/images/homepage/10373048_10204069575921459_3609563376240984644_o.jpg
28-
-->

‎content/activities/binary-numbers.md‎

Lines changed: 9 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -42,30 +42,17 @@ There are several activities on binary numbers in this document, all simple enou
4242

4343
{{< youtube xc0stfTVE_8 >}}
4444

45-
<!-- TODO: Image gallery or slideshow to add
4645
## Photos
4746

48-
/images/activities/binary-numbers/gallery/binary_02.jpg
49-
Tim demonstrates how binary numbers are stored.
50-
51-
/images/activities/binary-numbers/gallery/binary_mr_idosaka_01.jpg
52-
Mr Idosaka shows how magnetic binary number cards can be used on a whiteboard
53-
54-
/images/activities/binary-numbers/gallery/DSC247232.jpg
55-
Tim explains Binary Numbers
56-
57-
/images/activities/binary-numbers/gallery/DSCF41442.jpg
58-
Binary Numbers Activity at Fujitsu Kids event with JOI, Japan
59-
60-
/images/activities/binary-numbers/gallery/IMG_6436-e1420685121940.jpg
61-
Caitlin demonstrates binary
62-
63-
/images/activities/binary-numbers/gallery/IMG_3837-750x500.jpg
64-
Students using cards to count in binary
65-
66-
/images/activities/binary-numbers/gallery/IMG_3908-750x500.jpg
67-
Using small cards to count in binary
68-
-->
47+
{{< gallery >}}
48+
{{< gallery-image src="/images/activities/binary-numbers/binary_02.jpg" caption="Tim demonstrates how binary numbers are stored." >}}
49+
{{< gallery-image src="/images/activities/binary-numbers/binary_mr_idosaka_01.jpg" caption="Mr Idosaka shows how magnetic binary number cards can be used on a whiteboard" >}}
50+
{{< gallery-image src="/images/activities/binary-numbers/DSC247232.jpg" caption="Tim explains Binary Numbers" >}}
51+
{{< gallery-image src="/images/activities/binary-numbers/DSCF41442.jpg" caption="Binary Numbers Activity at Fujitsu Kids event with JOI, Japan" >}}
52+
{{< gallery-image src="/images/activities/binary-numbers/IMG_6436-e1420685121940.jpg" caption="Caitlin demonstrates binary" >}}
53+
{{< gallery-image src="/images/activities/binary-numbers/IMG_3837.jpg" caption="Students using cards to count in binary" >}}
54+
{{< gallery-image src="/images/activities/binary-numbers/IMG_3908.jpg" caption="Using small cards to count in binary" >}}
55+
{{< /gallery >}}
6956

7057
## Related Resources
7158

‎layouts/baseof.html‎

Lines changed: 0 additions & 46 deletions
This file was deleted.

‎layouts/partials/docs/inject/body.html‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
<script src="/js/parvus.min.js"></script>
2+
<script type="text/javascript">
3+
const prvs = new Parvus({
4+
gallerySelector: '.gallery',
5+
});
6+
</script>

‎layouts/partials/docs/inject/content-before.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<div id="top"></div>

‎layouts/partials/docs/inject/head.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<link href="/css/parvus.min.css" rel="stylesheet">

‎layouts/shortcodes/gallery-image.html‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
{{ if (.Get "src") }}
2+
{{- $src := .Get "src" -}}
3+
{{- $caption := .Get "caption" -}}
4+
{{- with .Parent -}}
5+
<a href="{{$src}}" class="lightbox" data-caption="{{$caption}}">
6+
<img src="{{$src}}" alt="{{$caption}}" class="gallery-image">
7+
</a>
8+
{{- end -}}
9+
{{ else }}
10+
{{ errorf "missing value for argument 'src': %s" .Position }}
11+
{{ end }}

‎layouts/shortcodes/gallery.html‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
<div class="gallery">
2+
{{ .Inner }}
3+
</div>

‎static/css/parvus.min.css‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)