-
Notifications
You must be signed in to change notification settings - Fork 2
/
news.html
195 lines (182 loc) · 9.33 KB
/
news.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
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>News</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">News<br /></div>
</div>
</div>
<!-- END BANNER -->
<!-- BLOG POSTS LIST -->
<section id="blog-items-list" class="section">
<div class="container">
<div class="w-dyn-list">
<div role="list" class="blog-list-wrap w-dyn-items">
<section id="blog-post-item" role="listitem"
class="blog-item w-dyn-item hidden animated-item pre-anim blur-in-anim">
<div class="blog-summary-wrap" tabindex="0">
<h2 class="blog-item-title blog-heading-link clickable">Template Blog Post</h2>
<p class="blog-item-summary paragraph-light">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sit amet lectus tincidunt, accumsan mi a,
euismod ligula. Maecenas malesuada interdum libero id tincidunt. Pellentesque elementum purus at
elementum dignissim.
</p>
<div class="blog-item-date label cc-blog-date">Month Day, Year</div>
</div>
</section>
<section id="blog-loader" role="listitem" class="blog-item w-dyn-item">
<div class="blog-summary-wrap" tabindex="0">
<h2 class="blog-item-title blog-heading-link loading-text">Template Blog Post</h2>
<p class="blog-item-summary paragraph-light loading-text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sit amet lectus tincidunt, accumsan mi a,
euismod ligula. Maecenas malesuada interdum libero id tincidunt. Pellentesque elementum purus at
elementum dignissim.
</p>
<div class="blog-item-date label cc-blog-date loading-text">Month Day, Year</div>
</div>
</section>
</div>
</div>
</div>
</section>
<!-- END BLOG POSTS LIST -->
<!-- BLOG POST -->
<section id="blog-post" class="section hidden">
<div class="container cc-blog-detail">
<div class="blog-detail-header-wrap">
<h1 id="blog-post-title">Post Title</h1>
<div id="blog-post-date" class="label cc-blog-date">Month Day, Year</div>
</div>
<div class="rich-text w-richtext">
<p id="blog-post-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sit amet lectus tincidunt, accumsan mi a,
euismod ligula. Maecenas malesuada interdum libero id tincidunt. Pellentesque elementum purus at elementum
dignissim. Ut sagittis non ligula quis condimentum. Class aptent taciti sociosqu ad litora torquent per
conubia nostra, per inceptos himenaeos. Phasellus nibh ante, tincidunt sit amet lorem in, lacinia mollis
felis. Proin lobortis vel turpis in aliquam. Nulla nec est a purus tristique fermentum quis et quam. Nunc
fermentum porttitor turpis. Mauris varius eros vitae elit imperdiet, at commodo nulla ullamcorper. Aenean
sagittis nibh at erat mattis aliquet. Nam porta mollis lectus, ut faucibus eros lobortis eu. Vivamus auctor
malesuada iaculis. Nam fringilla, odio quis eleifend scelerisque, orci augue lacinia tellus, nec ultrices
risus urna lobortis massa. Etiam placerat vulputate lectus consequat posuere. Maecenas volutpat mollis neque
ac eleifend.
</p>
<div class="blog-nav">
<p class="simple-button">
<a id="blog-post-return" tabindex="0" class="clickable" target="_blank">← Back</a>
</p>
<p class="simple-button">
<a id="blog-post-link" href="about:blank" target="_blank">Read Article</a>
</p>
</div>
</div>
</div>
</section>
<!-- END BLOG POST -->
<!-- CUSTOM FOOTER -->
<!-- The news page has a different footer than other pages! -->
<!-- Don't replace this with the footer component! -->
<div class="section">
<div class="divider"></div>
<div class="container footer">
<div class="footer-wrap news-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="#refresh" class="webflow-link w-inline-block tiny-width-fix">
<img src="assets/img/refresh.png" height="15" alt="" class="webflow-logo-tiny" />
<div class="paragraph-tiny">Refresh Feed</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>
</div>
<!-- END FOOTER -->
<script type="module" src="js/index.js"></script>
<script type="module" src="js/blog.js"></script>
</body>
</html>