Skip to content

Commit db89edb

Browse files
committed
adding slides for meeting
1 parent 2d5731c commit db89edb

14 files changed

Lines changed: 296 additions & 0 deletions

_config.yml

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,3 +4,7 @@ markdown: kramdown
44
exclude:
55
- README.md
66
- LICENSE
7+
8+
collections:
9+
slides:
10+
output: false

_layouts/slide.html

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
---
2+
layout: slides
3+
---
4+
<section{% if page.slide_class %} class="{{ page.slide_class }}"{% endif %}>
5+
{{ content }}
6+
</section>

_layouts/slides.html

Lines changed: 92 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,92 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1">
6+
<title>{{ page.title | default: site.title }}</title>
7+
<link rel="preconnect" href="https://fonts.googleapis.com">
8+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
9+
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap" rel="stylesheet">
10+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js@5.0.4/dist/reveal.min.css">
11+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js@5.0.4/dist/theme/white.css">
12+
<style>
13+
:root {
14+
--r-background-color: #ffffff;
15+
--r-main-font: "Nunito", "Avenir Next", "Avenir", sans-serif;
16+
--r-main-font-size: 38px;
17+
--r-main-color: #111111;
18+
--r-heading-font: "Nunito", "Avenir Next", "Avenir", sans-serif;
19+
--r-heading-color: #111111;
20+
--r-heading-font-weight: 700;
21+
--r-link-color: #2a76dd;
22+
--r-link-color-hover: #1a5bb5;
23+
}
24+
.reveal h1 {
25+
font-size: 2.5em;
26+
margin-bottom: 0.5em;
27+
}
28+
.reveal h2 {
29+
font-size: 1.8em;
30+
margin-bottom: 0.5em;
31+
}
32+
.reveal h3 {
33+
font-size: 1.3em;
34+
margin-bottom: 0.5em;
35+
}
36+
.reveal ul {
37+
margin: 0.5em 0;
38+
}
39+
.reveal li {
40+
margin: 0.3em 0;
41+
}
42+
.reveal .slides section {
43+
text-align: left;
44+
}
45+
.reveal .slides section.center {
46+
text-align: center;
47+
}
48+
.reveal img {
49+
border: none;
50+
box-shadow: none;
51+
background: transparent;
52+
}
53+
.reveal .logo {
54+
max-width: 300px;
55+
margin: 0 auto 1em;
56+
}
57+
.reveal .subtitle {
58+
font-size: 0.7em;
59+
color: #666;
60+
font-weight: 400;
61+
}
62+
.reveal .mesh-diagram {
63+
max-width: 600px;
64+
margin: 1em auto;
65+
}
66+
.reveal .small {
67+
font-size: 0.8em;
68+
}
69+
</style>
70+
</head>
71+
<body>
72+
<div class="reveal">
73+
<div class="slides">
74+
{{ content }}
75+
</div>
76+
</div>
77+
<script src="https://cdn.jsdelivr.net/npm/reveal.js@5.0.4/dist/reveal.min.js"></script>
78+
<script>
79+
Reveal.initialize({
80+
hash: true,
81+
transition: 'slide',
82+
backgroundTransition: 'fade',
83+
controls: true,
84+
progress: true,
85+
center: false,
86+
width: 1200,
87+
height: 700,
88+
margin: 0.1
89+
});
90+
</script>
91+
</body>
92+
</html>

_slides/01_welcome.md

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
---
2+
layout: slide
3+
title: Welcome
4+
slide_class: center
5+
---
6+
7+
![Quinte Mesh logo](../logo/Quinte%20Mesh%20Logo.png){: .logo}
8+
9+
# Quinte Mesh
10+
11+
### Connecting Quinte when it matters most
12+
{: .subtitle}
13+
14+
Inaugural Meeting

_slides/02_goals.md

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
---
2+
layout: slide
3+
title: Welcome
4+
---
5+
6+
## Welcome!
7+
8+
Thank you for joining us today.
9+
10+
### Our Goals Today:
11+
12+
* Learn about mesh networking technology
13+
* Decide on a protocol for our network
14+
* Plan our rollout strategy
15+
16+
*Use arrow keys or swipe to navigate →*
17+
{: .small}

_slides/03_introductions.md

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
---
2+
layout: slide
3+
title: Introductions
4+
---
5+
6+
## Introductions
7+
8+
Let's go around the room and share:
9+
10+
* Your name
11+
* Where you're from in the Quinte region
12+
* What brings you to this meeting
13+
14+
*Your input matters - this is a community effort!*

_slides/04_what_is_mesh.md

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
---
2+
layout: slide
3+
title: What is a Mesh Network?
4+
---
5+
6+
## What is a Mesh Network?
7+
8+
* **Decentralized:** No central tower or internet needed
9+
* **Resilient:** Each device relays messages to others
10+
* **Off-grid:** Works during power outages & emergencies
11+
* **Free to use:** No monthly fees or data charges

_slides/05_how_it_works.md

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
---
2+
layout: slide
3+
title: How Mesh Networks Work
4+
---
5+
6+
## How Mesh Networks Work
7+
8+
<div style="text-align: center;">
9+
<svg width="600" height="400" viewBox="0 0 600 400" xmlns="http://www.w3.org/2000/svg">
10+
<!-- Nodes -->
11+
<circle cx="100" cy="200" r="30" fill="#2a76dd" opacity="0.8"/>
12+
<text x="100" y="208" text-anchor="middle" fill="white" font-size="14" font-weight="bold">Node 1</text>
13+
14+
<circle cx="250" cy="100" r="30" fill="#2a76dd" opacity="0.8"/>
15+
<text x="250" y="108" text-anchor="middle" fill="white" font-size="14" font-weight="bold">Node 2</text>
16+
17+
<circle cx="250" cy="300" r="30" fill="#2a76dd" opacity="0.8"/>
18+
<text x="250" y="308" text-anchor="middle" fill="white" font-size="14" font-weight="bold">Node 3</text>
19+
20+
<circle cx="400" cy="150" r="30" fill="#2a76dd" opacity="0.8"/>
21+
<text x="400" y="158" text-anchor="middle" fill="white" font-size="14" font-weight="bold">Node 4</text>
22+
23+
<circle cx="400" cy="250" r="30" fill="#2a76dd" opacity="0.8"/>
24+
<text x="400" y="258" text-anchor="middle" fill="white" font-size="14" font-weight="bold">Node 5</text>
25+
26+
<circle cx="500" cy="200" r="30" fill="#2a76dd" opacity="0.8"/>
27+
<text x="500" y="208" text-anchor="middle" fill="white" font-size="14" font-weight="bold">Node 6</text>
28+
29+
<!-- Connections -->
30+
<line x1="130" y1="200" x2="220" y2="120" stroke="#2a76dd" stroke-width="2" opacity="0.5"/>
31+
<line x1="130" y1="200" x2="220" y2="280" stroke="#2a76dd" stroke-width="2" opacity="0.5"/>
32+
<line x1="250" y1="130" x2="250" y2="270" stroke="#2a76dd" stroke-width="2" opacity="0.5"/>
33+
<line x1="280" y1="110" x2="370" y2="145" stroke="#2a76dd" stroke-width="2" opacity="0.5"/>
34+
<line x1="280" y1="290" x2="370" y2="255" stroke="#2a76dd" stroke-width="2" opacity="0.5"/>
35+
<line x1="400" y1="180" x2="400" y2="220" stroke="#2a76dd" stroke-width="2" opacity="0.5"/>
36+
<line x1="430" y1="160" x2="470" y2="190" stroke="#2a76dd" stroke-width="2" opacity="0.5"/>
37+
<line x1="430" y1="240" x2="470" y2="210" stroke="#2a76dd" stroke-width="2" opacity="0.5"/>
38+
</svg>
39+
</div>
40+
41+
Messages hop from device to device until they reach their destination
42+
{: .small style="text-align: center; margin-top: 1em;"}

_slides/06_why_quinte.md

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
---
2+
layout: slide
3+
title: Why Quinte Needs This
4+
---
5+
6+
## Why Quinte Needs This
7+
8+
* Connect our 100,000+ residents
9+
* Vulnerable power grid during winter storms
10+
* Large rural dead zones without cell coverage
11+
* JRCC Trenton & SAR operations in the region
12+
* Loads of other use cases...
13+
14+
*This is our community's "Plan B" for communication*

_slides/07_protocol.md

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
---
2+
layout: slide
3+
title: Protocol Decision
4+
---
5+
6+
## Protocol Decision
7+
8+
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 2em; margin-top: 1.5em;">
9+
<div>
10+
<h3 style="margin-bottom: 0.5em;">Meshtastic</h3>
11+
<ul style="font-size: 0.8em;">
12+
<li>✓ Mature, widely adopted</li>
13+
<li>✓ Extensive hardware support (ESP32-based)</li>
14+
<li>✓ Active community & documentation</li>
15+
<li>✓ Mobile apps for iOS & Android</li>
16+
</ul>
17+
</div>
18+
<div>
19+
<h3 style="margin-bottom: 0.5em;">MeshCore</h3>
20+
<ul style="font-size: 0.8em;">
21+
<li>✓ Newer protocol with advanced features</li>
22+
<li>✓ Enhanced security & encryption</li>
23+
<li>~ Smaller community & ecosystem</li>
24+
<li>~ Limited hardware availability</li>
25+
</ul>
26+
</div>
27+
</div>
28+
29+
Open to discussion - what has the community researched?
30+
{: .small}

0 commit comments

Comments
 (0)