-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
157 lines (135 loc) · 5.94 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
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
<!DOCTYPE HTML>
<html>
<head>
<title>Portfolio</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">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<div class="logo">
<span class="fas fa-laptop-code fa-2x"></span>
</div>
<div class="content">
<div class="inner">
<h1>Edwin Marino</h1>
<p>
George Mason University, Bachelors of Computer Science exp. Spring 2022<br>
Associate of Science Computer Science with Cum Laude 2020<br>
Associate of Science Business Administration with Cum Laude 2019<br>
</p>
</div>
</div>
<nav>
<ul>
<li><a href="#civbot">civbot</a></li>
<li><a href="#cc">cc</a></li>
<li><a href="#geocanvas">GeoCanvas.io</a></li>
<li><a href="#gamedev">game</a></li>
<li><a href="#chatroom">chatroom</a></li>
<!--<li><a href="#elements">Elements</a></li>-->
</ul>
</nav>
</header>
<!-- Main -->
<div id="main">
<!-- civot -->
<article id="civbot">
<h2 class="major">civbot (Python)</h2>
<span class="image main"><img src="images/civbot.png" alt="" /></span>
<p>
Program plays CivClicker and automates the process of building up your Civilization<br>
<br>
Written in Python and utilizes Selenium's library to control the browser<br>
Logic is structured as a finite state machine mixed with a set of priority objectives<br>
<br>
What would normally take a human player a few hours takes CivBot only a few minutes<br>
Varrying slightly on hardware<br>
</p>
</article>
<!-- leadership -->
<article id="cc">
<h2 class="major">Caesar's Cypher (Java)</h2>
<span class="image main"><img src="images/cc.png" alt="" /></span>
<p>
Program takes a String and shifts the characters in the alphabet by a given integer<br>
<br>
Written in Java and applies the Swing library to provide a clear user interface<br>
<br>
The logic was originally written to display on the command-line which was later<br>
adapted into a new GUI.java through a packaged structure to call upon old functions<br>
with a new graphical user interface<br>
<br>
</p>
</article>
<!-- leadership -->
<article id="geocanvas">
<a href="https://geocanvas.io"><h2 class="major">GeoCanvas.io</h2></a><br>
<span class="image main"><a href="https://geocanvas.io"><img src="images/cover.png" alt="" /></a><br>
</span>
<p>
link: <a href="https://geocanvas.io">geocanvas.io</a><br>
Created in Angular and Firebase<br>
(Web Framework and Cloud Platform developed by Google)<br>
<br>
Utilizing <a href="https://mapbox.com">Mapbox</a> api with my own custom styles to display<br>
OpenData from <a href="https://www.openstreetmap.org">OpenStreetMap</a><br>
adapted and contributed to openSource project <a href="https://github.com/rgab1508/PixelCraft">PixelCraft.io</a><br>
<br>
</p>
</article>
<!-- gamedev -->
<article id="gamedev">
<h2 class="major">Aliens Stole My Lunch</h2>
<span class="image main"><img src="images/alien_shooter.gif" alt="" /></span>
<p>
<br>
Game created using GMS 2.0 and written in GML<br>
<br>
One of my favorite passion projects where I learned to utilize the GPU to process the splash particles to reduce
CPU usage and boost performance.<br>
<br>
This project took the most amount of planning, organization and documentation than any previous project in order to get
all the objects and scripts to work due to the shere size and scalability along the way.
</p>
</article>
<!-- chatroom -->
<article id="chatroom">
<h2 class="major">Chatroom (GML)</h2>
<span class="image main"><img src="images/client_chatroom.png" alt="" /></span>
<p>
<br>
Application created with GML 2.0 and written in GML and uses Networked TCP Sockets and port-forwarding to create a public server from which
anyone with internet access can join using the Client-side application<br>
<br>
This project had to be structed with consideration that there will be tons of asynchronous events to account of networked devices<br>
<br>
There had to be a clear disctinction of what had to be handled Server-side and Client-side. As well as Server-side data structures to save usernames<br>
to client-session and ip-addresses.<br>
<br>
For the transmission of data it had to be packaged as buffers with enums to identify the type of data and how to process it<br>
<br>
The enums were used to identify events like users joining, disconnecting, messaging and movement(The colorful boxes)<br>
</p>
</article>
<!-- Elements -->
</div>
<!-- Footer -->
<footer id="footer">
</footer>
</div>
<!-- BG -->
<div id="bg"></div>
<!-- Scripts -->
<script src="assets/js/jquery.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>