ISUEOGTP.github.io/index.html at master · ISUEOGTP/ISUEOGTP.github.io · GitHub

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
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="ISUEOGTP index page">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>ISUEOGTP GitHub</title>

	<script src="https://code.jquery.com/jquery-3.1.0.js"></script>

     <style>

body {
	margin: 10px;
}
#container {
	background-Color: white;
	border: 2px solid black;
	padding: 10px;
}
#headerContainer {
	background-Color: white;
	height: 144px;
}
#headerLogo {
	background-color:powderblue;
	height: 144px;
	width: 144px;
	float: right;
}
#headerTitle {
	position: absolute;
	background-color: white;
	width: -webkit-calc(100% - 194px);
    width:    -moz-calc(100% - 194px);
    width:         calc(100% - 194px);
	height: 144px;
}
#headerTitleText {
	text-align: center;
	background-color:white;
	font-size: 24px;
   	position: relative;
	margin: 0;
	top: 15%;

	}
#centeredTexts {
  margin: 0;
   position: relative;
   top: 50%;
   transform: translate(0, -50%)
}
#missionStatement {
    text-align: center;
	font-style: italic;
}
#bodyContainer {
	float: clear;
	align: center;
}
#repositories {
	background: white;
    padding-top: 10px;
    text-align: center;
}
#repository1, #repository2, #repositorySpace {
	text-align: center;
	display: inline-block;
	width: 120px;
  	height: 25px;
  	background-color: #ccc;
  	border-radius: 5px;
	padding: 10px;
	margin: auto;
	vertical-align: middle;
}
#repositorySpace {
	width: 10px;
	background-color: white;
	border-radius: 0px;
	padding: 0px;
}
#repository2 {
}
.block2:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
</style>
</head>


<body>
	<div id="container">

	<div id="headerContainer">

			<div id="headerTitle">
				<div id="headerTitleText">
				<span id="centeredText">Iowa State University Extension and Outreach <br>Geospatial Technology Program</span></div></div>

			<div id="headerLogo"> <img src="https://isueogtp.github.io/logo.jpg" alt="Geospatial Technology Program Logo" height="144" width="144">

	</div>

</div> <!-- end header Container -->

	<br><br>
		<div id="bodyContainer">

	This GitHub site provides access to repositories containing data and web mapping scripts that support the Task Sheets and training workshops offered by <a href="https://www.extension.iastate.edu/communities/gis">Iowa State University Extension and Outreach's Geospatial Technology Program</a> (ISUEOGTP). The ISUEOGTP is administered through the Community and Economic Development Extension office. <br><br>
		<span id="missionStatement">The ISUEOGTP's mission is to provide training opportunities to those that are interested in learning the geospatial technologies necessary for analyzing and visualizing data.</span>
	<br>
<br>Training opportunities include:
<ul>
<li>Essentials of ArcGIS Tutorial Series, which provides hands-on introductory instruction to ArcGIS software</li>
<li>Essentials of QGIS Tutorials Series, hands-on workshop introducing QGIS and other open-source geospatial tools.</li>
<li>Task Sheets that supplement workshop tutorials by providing quick 'how-to-do' for a wide variety of geospatial, webmapping, coding and data visulization tasks.</li></ul>

To find a full list of task sheets, visit: <a href = "http://www.extension.iastate.edu/communities/gis/quicktasksheets"> http://www.extension.iastate.edu/communities/gis/quicktasksheets</a>
<br>
Subscribe to the ISU Geospatial Technology Newsletter If you would like to stay notified on upcoming trainings, new Task Sheets and other Geospatial Technology Program news.
	<br>
		<div id="repositories" class="block2">
			<h4>Repositories</h4>
			<div id="repository1" class="block2"><a href="https://github.com/ISUEOGTP/GISTaskSheets">Task Sheet Code</a></div><div id="repositorySpace"></div><div id="repository2" class="block2"><a href="https://github.com/ISUEOGTP/GeoJSON">GeoJSON Data</a></div>
		</div>

		</div> <!-- end bodyContainer -->
			<br>
	</div>

    </body>
</html>