-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
141 lines (137 loc) · 4.89 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>SD3</title>
<meta name="viewport" content="width=divice-width, initial-scale=1.0">
<link rel="stylesheet" href="blueberry.css" />
<link rel="stylesheet" href="sty.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="jquery.blueberry.js"></script>
<script>
$(window).load(function() {
$('.blueberry').blueberry();
});
</script>
</head>
<body>
<header>
<a href="#" id = "logo"></a>
<nav>
<a href="#" id = "menu-icon"></a>
<ul>
<!--Add link to go to specific section of the webpage-->
<li>
<a href="#" class="current">Home</a>
</li>
<li>
<a href="#about_me" >About Me</a>
</li>
<li>
<a href="#cs_project" >CS Projects</a>
</li>
<li>
<a href="#resume" >Resume</a>
</li>
<li>
<a href="#contact" >Contact</a>
</li>
</ul>
</nav>
</header>
<div id="doc">
<div id= "content">
<div class="blueberry">
<!--Add images for our sliders-->
<ul class="slides">
<li><img src="images/tagaytay.jpg" width="960px" height="479px" /></li>
<li><img src="images/palawan.jpg" width="960px" height="479px" /></li>
<!--<li><img src="images/award.jpg" width="960px" height="479px" /></li> -->
</ul>
</div>
</div>
</div>
<!--About me page-->
<center>
<a name="about_me"></a>
<h1>About Me</h1>
</center>
<section></section>
<section>
<center>
<img id="me" src="images/me.jpg" width="20px" height="20px">
<p>
Hello! I'm Seth Dumaguin. I am a second year Intended Computer Science major and Geographic Information System Minor. I am an aspiring web developer and software engineer. My purpose of being a computer science major is to combine computer science and teaching together. I love teaching students and making a little difference in their life and that is why my focus on most of my games are teaching games. I mostly create mathematics games because I love math and when I was young I had a hard time practicing on math so I want to help students to not struggle in math in their early years.
</p>
</center>
</section>
<section>
</section>
<div class="clear"></div>
<!--CS projects section-->
<center>
<a name="cs_project"></a>
<h1>CS Projects</h1>
</center>
<section>
<h2>Cal-U-Find-It</h2><br>
<a href="http://cal-u-find-it.xyz/">
<img class="skill" src="images/cal-u-find-it.png"></a>
<p>A game created during CalHacks with my CS partner, Seth Lu. The game is geared towards elementary and middle school students wanting to learn famous landmarks around the state of California. We used JavaScript, CSS, and HTML to create the game. We also used the leaflet API for the map backgroup and different functions. (2017)</p>
</section>
<section>
<h2>Trig of Pearl Harbor</h2> <br>
<a href="Trig of Pearl Harbor/pearl_trig.html">
<img class="skill" src="images/trigcover.png"></a>
<p>A math game set during the attack on Pearl Harbor and the player are asked to select the correct Trig Identity in the form of care packages. This game enforces quick thinking for players. This game was programmed in HTML, JavaScript, and CSS. This game is a Globaloria Globey Winner. (2016)</p>
</section>
<section>
<h2>Test Your Skills</h2> <br>
<a href="https://globaloria.com/globaloria-game/test-your-skills/"> <img class="skill" src="images/test-your-skills.png"></a>
<p>A math game that lets the player choose between Algebra and Calculus Players are then presented with questions based on the topic that they picked. Players are chased with enemies and they are trying to collect the correct answer before the enemy catches them. This game is a Globaloria Globey Winner(2015) </p>
</section>
<div class="clear"></div>
<!--Resume, LinkedIn, Handshake, and Github links-->
<center>
<a name="resume"></a>
<h1>Resume</h1>
</center>
<section></section>
<section>
<a href="files/resume.pdf"> <img id= "resume" src="images/Dumaguin_Seth_resume.png"></a>
<br><br><br>
<a href="https://www.linkedin.com/in/seth-dumaguin/"> <img id="linked" src="images/link.png"></a>
<a href="https://github.com/sethdumaguin"> <img id="git" src="images/gitt.png"></a>
</section>
<section></section>
<div class="clear"></div>
<center>
<a name="contact"></a>
<h1>Contact</h1>
</center>
<center>
<font size= "5"> If you have any questions, feel free to contact me via: <br> <br>
Email: <a href="mailto:[email protected]" style = "color: #555" target="_top">Seth Dumaguin</a><br><br>
Phone: (310)-433-0586 <br> <br>
</font>
</center>
<!--footer-->
<footer>
<section>
<h3><b>Seth Dumaguin</b></h3>
<p><b>310-433-0586</b>
<p><b>[email protected]</b></p>
</p>
</section>
<section>
<!--Insert logo-->
</section>
<section>
<img src="images/sd3loga.png">
</section>
</footer>
<footer class="second">
<p>Made by Seth Dumaguin</p>
</footer>
</body>
</html>