-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
164 lines (141 loc) · 5.72 KB
/
Copy pathindex.html
File metadata and controls
164 lines (141 loc) · 5.72 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>arlin.education</title>
<script type="application/javascript" src="scripts/matter.js"></script>
<script type="application/javascript" src="scripts/main.js"></script>
<link href="styles/main.css" rel="stylesheet">
</head>
<body>
<header>
<img src="media/arlin.jpg" alt="Photo of Arlin Schaffel">
<h1>Arlin Schaffel</h1>
<p>
<strong>Instructor</strong><br>
<a href="https://saskpolytech.ca/" target="_blank" rel="noopener">Saskatchewan Polytechnic</a><br>
<a href="https://saskpolytech.ca/programs-and-courses/programs/Interactive-Design-and-Technology.aspx"
target="_blank" rel="noopener">Interactive Design & Technology</a>
</p>
</header>
<main class="buttons">
<section>
<h2>For Students</h2>
<a href="https://saskpolytech.ca/programs-and-courses/programs/Interactive-Design-and-Technology.aspx"
target="_blank" rel="noopener">
<div>
<p>IDT Homepage</p>
</div>
</a>
<a href="https://github.com/Interactive-Design-and-Technology" target="_blank" rel="noopener">
<div>
<p>IDT GitHub</p>
</div>
</a>
<a href="https://arlin.education/jobs" target="_blank" rel="noopener">
<div>
<p>IDT Jobs Weblog</p>
</div>
</a>
</section>
<section>
<h2>Other Work</h2>
<a href="https://arlin.org" target="_blank" rel="noopener">
<div class="button-shake highlight">
<p>Tech Weblog</p>
</div>
</a>
<a href="https://arlin.photography" target="_blank" rel="noopener">
<div>
<p>Bird Photography</p>
</div>
</a>
</section>
<section>
<h2>Professional Profiles</h2>
<a href="https://www.ratemyprofessors.com/professor/2484991" target="_blank" rel="noopener">
<div>
<p>Rate My Professors</p>
</div>
</a>
<a href="https://www.linkedin.com/in/arlin/" target="_blank" rel="noopener">
<div>
<p>LinkedIn</p>
</div>
</a>
</section>
<section>
<h2>Professional Development</h2>
<a href="lead/" target="_blank" rel="noopener">
<div>
<p><strong>Emerging Leaders - 2024/2025</strong><br>Lead by Diane Knoll</p>
</div>
</a>
<a href="lift1000/" target="_blank" rel="noopener">
<div>
<p><strong>LIFT-1000 - April 2024</strong><br>Interactive Lecturing</p>
</div>
</a>
<a href="lift1001/" target="_blank" rel="noopener">
<div>
<p><strong>LIFT-1001 - October 2025</strong><br>Learning Environment Management</p>
</div>
</a>
<a href="lift1002/" target="_blank" rel="noopener">
<div>
<p><strong>LIFT-1002 - October 2023</strong><br>Formative Assessment</p>
</div>
</a>
<a href="lift1003/" target="_blank" rel="noopener">
<div>
<p><strong>LIFT-1003 - August 2023</strong><br>Summative Assessment</p>
</div>
</a>
<a href="lift1004/" target="_blank" rel="noopener">
<div>
<p><strong>LIFT-1004 - February 2024</strong><br>Indigenization & Reconciliation</p>
</div>
</a>
<a href="lift1005/" target="_blank" rel="noopener">
<div>
<p><strong>LIFT-1005 - January 2026</strong><br>Learner Success</p>
</div>
</a>
<a href="lift1006/" target="_blank" rel="noopener">
<div>
<p><strong>LIFT-1006 - May 2024</strong><br>Curriculum & Instruction</p>
</div>
</a>
<a href="lift1007/" target="_blank" rel="noopener">
<div>
<p><strong>LIFT-1007 - September 2025</strong><br>Learning Technologies</p>
</div>
</a>
</section>
</main>
<section id="page-details">
<h2>About This Page:</h2>
<p>
This page was created with basic <a href="https://en.wikipedia.org/wiki/HTML" target="_blank">HTML</a>, <a
href="https://en.wikipedia.org/wiki/CSS" target="_blank">CSS</a>, and <a
href="https://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a>.
The bouncing balls were created with <a href="https://www.brm.io/matter-js/" target="_blank">matter.js</a>,
a 2D physics engine for the web.
The code is publicly available on <a href="https://github.com/FeXd/arlin.education"
target="_blank">GitHub</a>.
</p>
</section>
<footer>
<p>© 2025 Arlin Schaffel. All rights reserved.</p>
</footer>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-Z3LTP5R4JC"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-Z3LTP5R4JC');
</script>
</body>
</html>