EricGraham7.github.io/projects.html at main · EricGraham7/EricGraham7.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
<!DOCTYPE HTML>
<!--
	Solid State by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
	<head>
		<title>Projects</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
		<link rel="stylesheet" href="assets/css/main.css" />
		<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
	</head>
	<body class="is-preload">

		<!-- Page Wrapper -->
			<div id="page-wrapper">

				<!-- Header -->
					<header id="header">
						<h1><a href="index.html">Digital Portfolio</a></h1>
						<nav>
							<a href="#menu">Menu</a>
						</nav>
					</header>

				<!-- Menu -->
					<nav id="menu">
						<div class="inner">
							<h2>Menu</h2>
							<ul class="links">
								<li><a href="index.html">Home</a></li>
								<li><a href="projects.html">Projects</a></li>
								<li><a href="resume.html">Resume</a></li>
								<li><a href="extracurricular.html">Volunteering/Interests </a></li>
								<li><a href="links.html">My Links</a></li>
							</ul>
							<a href="#" class="close">Close</a>
						</div>
					</nav>

				<!-- Wrapper -->
					<section id="wrapper">
						<header>
							<div class="inner">
								<h2>Projects</h2>
								<p>A sample of some of the best projects I've done throughout my education.</p>
							</div>
						</header>

						<!-- Content -->
							<div class="wrapper">
								<div class="inner">
									<section class="features">
										<article>
											<a href="#" class="image"><img src="images/AP-to-Tierlist.jpg" alt="" /></a>
											<h3 class="major">AP-to-Tierlist</h3>
											<p>A program written in Python which parses a user’s favorite tv/movies list (.json) and uses a web API to download images for each of them, automatically setting up an offline tier list for the user to mess with and enjoy. Invaluable for developing confidence in my programming abilities, as I had to do everything on my own, from ideation and feasibility research to execution - something I didn’t get from school projects.</p>
											<a href="https://github.com/EricGraham7/AP-to-Tierlist" class="special">Go to Repository</a>
										</article>
										<article>
											<a href="#" class="image"><img src="images/ALreport.PNG" alt="" /></a>
											<h3 class="major">Consulting Report</h3>
											<p>A team report on current active learning practices and room for improvement at the University of Colorado, Boulder focusing on STEM written for the departments of Active Learning and Inclusive Pedagogy. It was a good opportunity to learn how to work with a team on not a program but a document and on research - something relatively lacking in CS curriculum.</p>
											<a href="https://docs.google.com/document/d/1MAJRvWoMTvMgDhToYAsVdGuhHSXC3XD_/preview" class="special">Go to Google Drive</a>
										</article>
										<article>
											<a href="#" class="image"><img src="images/coding.PNG" alt="" /></a>
											<h3 class="major">Command-line Game of Thrones</h3>
											<p>A 1500 line turn-based, singleplayer terminal game written in C++ based loosely on Game of Thrones lore which required a lot of time and, while not any high-level concepts, was a solid introduction to classes and project planning.</p>
											<a href="https://github.com/EricGraham7/AP-to-Tierlist" class="special">Go to Repository[fix link]</a>
										</article>
									</section>

								</div>
							</div>

					</section>

				<!-- Footer -->
                <section id="footer">
                    <div class="inner">
                        <h2 class="major">Get in touch</h2>
                        <ul class="contact">
                            <li class="icon solid fa-envelope"><a href="#">[email protected]</a></li>
                            <li class="icon brands fa-linkedin"><a href="https://www.linkedin.com/in/eric-a-graham/">https://www.linkedin.com/in/eric-a-graham/</a></li>
                            <li class="icon brands fa-github"><a href="https://github.com/EricGraham7">https://github.com/EricGraham7</a></li>
                        </ul>
                        <ul class="copyright">
                            <li>&copy; Eric Graham. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
                        </ul>
                    </div>
                </section>


			</div>

		<!-- Scripts -->
			<script src="assets/js/jquery.min.js"></script>
			<script src="assets/js/jquery.scrollex.min.js"></script>
			<script src="assets/js/browser.min.js"></script>
			<script src="assets/js/breakpoints.min.js"></script>
			<script src="assets/js/util.js"></script>
			<script src="assets/js/main.js"></script>

	</body>
</html>