-
Notifications
You must be signed in to change notification settings - Fork 2
/
codeweek.html
156 lines (146 loc) · 7.46 KB
/
codeweek.html
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Codeweek</title>
<meta content="width=device-width, initial-scale=1" name="viewport" />
<link href="css/index.css" rel="stylesheet" type="text/css" />
<link href="assets/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<link href="assets/apple_touch_icon.png" rel="apple-touch-icon" />
<!-- GOOGLE TAG (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-KYNEG37NW0"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag("js", new Date());
gtag("config", "G-KYNEG37NW0");
</script>
<!-- END GOOGLE TAG -->
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<script
type="text/javascript">WebFont.load({ google: { families: ["Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic"] } });</script>
<script type="text/javascript">!function (o, c) {
var n = c.documentElement, t = " w-mod-";
n.className += t + "js", ("ontouchstart" in o || o.DocumentTouch && c instanceof DocumentTouch) && (n.className += t + "touch")
}(window, document);
</script>
</head>
<body>
<!-- %START HEADER -->
<div id="scroll-top" data-collapse="medium" data-animation="default" data-duration="400" data-easing="ease"
data-easing2="ease" role="banner" class="navigation w-nav">
<div class="navigation-wrap">
<a href="/" class="logo-link w-nav-brand" tabindex="1">
<img src="assets/GeoSMART_logo.svg" width="200" alt="" class="logo-image" />
</a>
<div class="menu">
<nav role="navigation" class="navigation-items w-nav-menu">
<a href="/curriculum" class="navigation-item w-nav-link">CURRICULUM</a>
<a href="/usecases" class="navigation-item w-nav-link">USE CASES</a>
<a href="/codeweek" class="navigation-item w-nav-link">CODEWEEK</a>
<a href="/news" class="navigation-item w-nav-link">NEWS</a>
<div class="navigation-item w-nav-link dropdown">
MATERIALS
<div class="dropdown-body">
<a href="/tools" class="navigation-item w-nav-link">TOOLS</a>
<a href="/videos" class="navigation-item w-nav-link disabled">VIDEOS</a>
</div>
</div>
<div class="navigation-item w-nav-link dropdown">
ABOUT US
<div class="dropdown-body">
<a href="/motivation" class="navigation-item w-nav-link">MOTIVATION</a>
<a href="/team" class="navigation-item w-nav-link">TEAM</a>
<a href="/book" class="navigation-item w-nav-link">BOOK</a>
</div>
</div>
</nav>
<div class="menu-button w-nav-button" tabindex="0" id="menu-button"
aria-label="menu" role="button" aria-controls="w-nav-overlay-0" aria-haspopup="menu" aria-expanded="true">
<img src="assets/img/mobile_menu.png" width="22" alt="" class="menu-icon" />
</div>
</div>
<a href="/getinvolved" class="button cc-contact-us w-inline-block">
<div class="button-background"></div>
<div class="button-fill"></div>
<span class="color-text">GET INVOLVED</span>
</a>
</div>
<div class="w-nav-overlay invisible" data-wf-ignore="" id="w-nav-overlay-0" style="height: 100vh; display: block;">
<nav role="navigation" class="navigation-items w-nav-menu" data-nav-menu-open="">
<a href="/curriculum" class="navigation-item w-nav-link w--nav-link-open">CURRICULUM</a>
<a href="/usecases" class="navigation-item w-nav-link w--nav-link-open">USE CASES</a>
<a href="/codeweek" class="navigation-item w-nav-link w--nav-link-open">CODEWEEK</a>
<a href="/tools" class="navigation-item w-nav-link w--nav-link-open">TOOLS</a>
<a href="/news" class="navigation-item w-nav-link w--nav-link-open">NEWS</a>
<a href="/motivation" class="navigation-item w-nav-link w--nav-link-open">MOTIVATION</a>
<a href="/team" class="navigation-item w-nav-link w--nav-link-open">TEAM</a>
<a href="/book" class="navigation-item w-nav-link w--nav-link-open">BOOK</a>
<a href="/getinvolved" class="navigation-item w-nav-link w--nav-link-open">GET INVOLVED</a>
</nav>
</div>
</div>
<!-- %END HEADER -->
<!-- BANNER -->
<div class="intro-header cc-subpage">
<div class="intro-content">
<div class="heading-jumbo homepage-splash">Community Codeweeks<br /></div>
</div>
</div>
<!-- END BANNER -->
<!-- MAIN PAGE CONTENT -->
<div class="home-content-wrap wf-section">
<div class="title-group animated-item pre-anim blur-in-anim">
<div class="label cc-light">Projects</div>
<h2 class="heading">Building and Supporting ML GeoScience Communities</h2>
</div>
<div class="rich-text w-richtext">
<p class="animated-item pre-anim blur-in-anim">
With our materials and training events in ML tools and fundamentals of ML theory we aim to build a community
interested in our offerings. In addition to our online materials, we plan to host GeoSMART <a
href="https://uwhackweek.github.io/hackweeks-as-a-service/intro.html">codeweek</a> events. Hackweeks are
time-bounded events that blend elements of a summer school with open project work or "hacking", and
are designed in a way that encourages immersive, interactive learning in a space that is welcoming to people of
all backgrounds. The content within a hackweek is intentionally designed co-creatively with participants, and
there are facilitated opportunities for networking and community building.
</p>
<figure style="max-width:45%"
class="w-richtext-align-floatleft w-richtext-figure-type-image animated-item pre-anim blur-in-anim">
<img class="image rounded" src="assets/img/codeweek_left.jpg" loading="lazy" width="158"
alt="A picture from a recent codeweek event" />
</figure>
<figure style="max-width:45%"
class="w-richtext-align-floatright w-richtext-figure-type-image animated-item pre-anim blur-in-anim">
<img class="image rounded" src="assets/img/codeweek_right.jpg" loading="lazy"
alt="Another picture from the same event" />
</figure>
</div>
</div>
<div class="home-content-wrap wf-section">
<div class="title-group animated-item pre-anim blur-in-anim" id="past-events-header">
<div class="label cc-light">Events</div>
<h2 class="heading">Past Codeweek Events</h2>
</div>
</div>
<!-- END MAIN PAGE CONTENT -->
<div id="insert-toast"></div>
<!-- %START FOOTER -->
<footer class="section">
<div class="divider"></div>
<div class="container footer">
<div class="footer-wrap">
<a href="https://todoran.dev/" target="_blank" class="webflow-link w-inline-block">
<img src="assets/img/design.png" height="17" alt="" class="webflow-logo-tiny" />
<div class="paragraph-tiny">Website Design</div>
</a>
<a href="#scroll-top" class="webflow-link w-inline-block" id="scroll-top-button" title="Scroll to top">
<div class="paragraph-tiny">© GeoSMART</div>
<img src="assets/img/tiny_geosmart.png" height="15" alt="" class="webflow-logo-tiny" />
</a>
</div>
</div>
</footer>
<!-- %END FOOTER -->
<script type="module" src="js/index.js"></script>
</body>
</html>