index.html

---
layout: default
title: TeachOSM
---
<header>
	<div class="container">
		<div class="column">
			<div>
				<h1 class="editable">TeachOSM</h1>
				<p class="editable">We assist educators at all levels to introduce open source mapping and OpenStreetMap in the classroom</p>
				<div class="button">
					<a href="#about">Learn More</a>
				</div>
			</div>
		</div>
		<div class="column">
			<img src="{{ site.baseurl }}/images/Openstreetmap_logo.svg.png" alt="Sheep">
		</div>
	</div>
</header>

<div class="container">
	<h2 class="editable" id="about" style="text-align: center;">About Us</h2>

	<ul class="thirds">
		<li>
			<div class="image">{% include icons/site.html icon="population" %}</div>
			<h3 class="editable">Lessons Plans</h3>
			<p class="editable">Lorem ipsum dolor sit amet, consectetur adipisicing elit.  </p>
		</li>

		<li>
			<div class="image">{% include icons/site.html icon="economy" %}</div>
			<h3 class="editable">Resources</h3>
			<p class="editable">Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>
		</li>

		<li>
			<div class="image">{% include icons/site.html icon="conditions" %}</div>
			<h3 class="editable">Community</h3>
			<p class="editable">Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>
		</li>
	</ul>
</div>

<div class="container">
	<div class="columns">
		<div>
			<img src="{{ site.baseurl }}/images/mappers1.png" alt="Sheep">
		</div>
		<div>
			<h2 class="editable">Our Mission</h2>

			<p class="editable">TeachOSM is an online resource to assist educators at all levels to introduce open source mapping using the OpenStreetMap platform in the classroom. Individual instructors are encouraged to make use of the instructional materials provided here to develop assignments for their particular discipline and curricular needs. This site provides the resources help instructors identify, assign, manage and grade a mapping assignment. This site also includes training documentation for both the instructor and students.
</p>
		</div>
	</div>
</div>

<div class="container">
	<hr>
	<blockquote>
		<p class="quote editable">The ultimate measure of a mapper is not where he stands in moments of comfort and convenience, but where he stands at times of challenge and controversy.</p>
		<div class="attribute">
			<p class="meta">
				<span class="image"><img class="editable" src="{{ site.baseurl }}/images/tg.jpg" alt="Wooly"></span>
				<span class="author editable"><strong>Tom Gertin</strong></span>
			</p>
		</div>
	</blockquote>
</div>

<div class="darker">
	<div class="container">
		<h2 class="editable">Join us</h2>
		<p class="editable" style="text-align: center;">Sign up to hear the latest news and progress.</p>
		<form action="{{ site.newsletter_action }}" method="post">
			<input type="text" name="EMAIL" placeholder="Email">
			<input type="submit" value="Sign up"/>
		</form>
	</div>
</div>

<!--
<div class="container" id="donate">
	<h2 class="editable">Make a donation</h2>
	<div class="donate">
		{{ site.donation_embed }}
	</div>
</div>
-->

<div class="darker">
	<div class="container">
		<h2 class="editable">News</h2>
		<p class="editor-link"><a href="cloudcannon:collections/_posts" class="btn"><strong>&#9998;</strong> Add Update</a></p>
		<div class="posts">
			{% for post in site.posts %}
				<div class="post">
					<div class="image" style="background-image: url({{ post.featured_image}})"></div>
					<div class="post-content">
						<p class="date">{{ post.date | date: '%B %d, %Y' }}</p>
						<h3>{{ post.title }}</h3>

						{{ post.content }}
						<p class="editor-link"><a href="cloudcannon:collections/{{ post.path }}" class="btn"><strong>&#9998;</strong> Edit Update</a></p>
					</div>
				</div>
			{% endfor %}
		</div>
	</div>
</div>