codeone.github.io/codeone.html at master · NorthAlleghenyCodes/codeone.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
138
139
140
141
142
143
144
145
<!DOCTYPE html>
<html>
<head>
	<title>Code One – Akshath Jain</title>
	<link rel="shortcut icon" type="image/png" href="images/avatar.png">

	<!-- meta tags -->
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="author" content="Akshath Jain">
	<meta name="description" content="Code One is an organization that I started to increase computer science exposure in my community by offering programming classes. So far, we have had sessions at Millvale Community Library and we plan to hold lessons at more locations in the future! Lessons first begin with Scratch, a simple drag and drop programming language designed to familiarize students with computer logic. Students then progress onto Python, a versatile language with easy-to-learn syntax.">
	<meta name="keywords" content="Akshath, Jain, Akshath Jain, akshathjain, North, Allegheny, North Allegheny, Computer Club, Speech and Debate, Debate, public forum, pf, Code One, projectcodeone, PFI, Pittsburgh Forensics Institute, Machine Learning, AI, Artificial Intelligence, Student Planner, Calculator X, DrawBoard, Draw Board, OCR, optical character recognition, biography, bio, about, information, student, Leap, science fair, PRSEF, PJAS">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="mobile-web-app-capable" content="yes">

	<!--MDL resources-->
	<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700" type="text/css">
	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
	<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.grey-blue.min.css" />
	<script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
	<link rel="manifest" href="/manifest.json">

	<!-- custom resources -->
	<link rel="stylesheet" href="styles/styles.css">
	<script type="text/javascript" src="scripts/footerScripts.js"></script>
	<link rel="manifest" href="/manifest.json">

	<!-- google analytics tracking info -->
	<script>
		(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
			(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
			m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
		})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

		ga('create', 'UA-102002382-1', 'auto');
		ga('send', 'pageview');

	</script>

</head>

<body onresize="footerResizer()">
	<!-- main screen initialization -->
	<div class="mdl-layout mdl-js-layout mdl-layout--fixed-drawer mdl-layout--fixed-header">
		<!-- header -->
		<header class="mdl-layout__header mdl-color--grey-100 mdl-color-text--grey-900">
			<div class="mdl-layout__header-row">
				<span id="pageName" class="mdl-layout-title">Code One</span>
			</div>
		</header>

		<!-- drawer -->
		<div class="mdl-layout__drawer">
			<!-- avatar image with my name below it-->
			<div class="text-center">
				<img src="images/avatar.png" class="avatar" alt="avatar">
				<span class="mdl-layout__title">Akshath Jain</span>
			</div>

			<!-- drawer nav links -->
			<nav class="mdl-navigation">
				<a id="homeNavLink" class="mdl-navigation__link" href="index.html">
					<i class="nav-drawer-list-image material-icons">home</i>
					Home
				</a>
				<a class="mdl-navigation__link" href="projects.html">
					<i class="nav-drawer-list-image material-icons">code</i>
					Projects
				</a>
				<a class="mdl-navigation__link" href="github.html">
					<img class="nav-drawer-list-image" src="images/github.png">
					GitHub
				</a>
				<a class="mdl-navigation__link" href="leadership.html">
					<i class="nav-drawer-list-image material-icons">navigation</i>
					Leadership
				</a>
				<a class="mdl-navigation__link" href="contact.html">
					<i class="nav-drawer-list-image material-icons">contacts</i>
					Contact
				</a>
			</nav>
		</div>


		<!-- content goes here (footer inside of this)-->
		<main class="mdl-layout__content">

			<!--CODE ONE SCREEN CONTENT-->
			<div class="page-content" id="pageContent">

				<!-- code one description -->
				<div class="card-container-codeone">
					<div class="card card-text-container">
						<div class="text-center">
							<img style="width: 130px; margin-bottom: 15px;" src="images/codeone.png">
							<h3><b>Code One</b></h3>
						</div>
						<p>Code One is an organization that I started to increase computer science exposure in my community by offering programming classes. So far, we have had sessions at Millvale Community Library and we plan to hold lessons at more locations in the future! Lessons first begin with Scratch, a simple drag and drop programming language designed to familiarize students with computer logic. Students then progress onto Python, a versatile language with easy-to-learn syntax.</p>
						<button class="material-button mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent" onclick="window.location.assign('http://projectcodeone.org')">VISIT WEBSITE</button>
					</div>
				</div>

				<!-- general info about code one -->
				<div class="card-container-codeone">
					<div class="card card-text-container">
						<h3><b>Program Details</b></h3>
						<ul style="margin: 0px; margin-top: -15px;" class="mdl-list">
							<li class="mdl-list__item mdl-list__item--two-line">
								<span class="mdl-list__item-primary-content">Number of Sessions
									<span class="mdl-list__item-sub-title">Usually between 7 and 10</span>
								</span>
							</li>
							<li class="mdl-list__item mdl-list__item--two-line">
								<span class="mdl-list__item-primary-content">Number of Students
									<span class="mdl-list__item-sub-title">Usually between 5 and 15</span>
								</span>
							</li>
							<li class="mdl-list__item mdl-list__item--two-line">
								<span class="mdl-list__item-primary-content">Number of Instructors
									<span class="mdl-list__item-sub-title">3 instructors per session</span>
								</span>
							</li>
							<li class="mdl-list__item mdl-list__item--two-line">
								<span class="mdl-list__item-primary-content">Locations
									<span class="mdl-list__item-sub-title">Millvale Community Library</span>
								</span>
							</li>
						</ul>
					</div>
				</div>
			</div>

			<br>

			<!-- FOOTER -->
			<footer class="mdl-mini-footer" id="footer" style="visibility: hidden;">
				<div class="mdl-logo">©2017 Akshath Jain. All rights reserved. Designed and developed by Akshath Jain.</div>
			</footer>
		</main>

	</div>
</body>
</html>