web50 · voymasa · Jul 23, 2018 · Jul 24, 2018 · Jul 24, 2018 · Jul 26, 2018
diff --git a/LootCrateHeroCover.jpg b/LootCrateHeroCover.jpg
diff --git a/PSScriptSamples.zip b/PSScriptSamples.zip
diff --git a/Portfolio/C Sharp Connect4 - debugged.zip b/Portfolio/C Sharp Connect4 - debugged.zip
diff --git a/Portfolio/C Sharp Final - Connect4.zip b/Portfolio/C Sharp Final - Connect4.zip
diff --git a/Portfolio/Data I Final - Chess.zip b/Portfolio/Data I Final - Chess.zip
diff --git a/Portfolio/Intro to Databases Final.zip b/Portfolio/Intro to Databases Final.zip
diff --git a/Portfolio/LootCrateHeroCover.jpg b/Portfolio/LootCrateHeroCover.jpg
diff --git a/Portfolio/PSScriptSamples.zip b/Portfolio/PSScriptSamples.zip
diff --git a/README.md b/README.md
@@ -1,3 +1,13 @@
 # Project 0
 
 Web Programming with Python and JavaScript
+
+Website Author: Aaron Voymas
+
+Summary:  My project is a working portfolio piece for my resume, with a little information about myself.
+
+Page Contents:
+- Index.html:  This is the landing page for the site, containing a brief summary of the site, and information about the GDPR (EU's data protection rules) and the W3C accessibility standards.
+- Bioplic.html:  This page contains a little bit of information about myself, for any potential employers.
+- Resume.html:  This page is a brief resume focusing mostly on my programming skills and education, and my overall computer science-related professional experience.
+- Portfolio.html:  This page contains a table of many projects that I have worked on that demonstrate my knowledge, proficiency, and/or competence in many areas of computer science and programming.
diff --git a/biopic.html b/biopic.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+	<title>Portfolio</title>
+		<meta charset="utf-8"/>
+		<meta name="viewport" content="width=device-width,initial-scale=1.0">
+		<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
+		<link rel="stylesheet" href="stylepage1.css">
+    </head>
+   	<body>
+		<div class="container">
+			<div class="row">
+				<div class="col-md-3 col-12">
+				<nav class="nav flex-sm-column" id="site-nav">
+					<a class="nav-link" href="index.html">Home</a>
+					<a class="nav-link" href="biopic.html">Profile</a>
+					<a class="nav-link" href="resume.html">Resume</a>
+					<a class="nav-link" href="portfolio.html">Portfolio</a>
+				</nav>
+				</div>
+				<div class="col-md-9 col-12">
+					<h1 class="section"> Portfolio </h1>
+					<nav class="flex-sm-column" id="page-nav">
+						<a class="nav-link" href="#about">About Me</a></li>
+						<a class="nav-link" href="#work">History of an IT Pro</a></li>
+						<a class="nav-link" href="#play">When Nerds Play</a></li>
+					</nav>
+					<h3 class="section" id="about">Welcome to the site!</h3>
+					<p>I grew up with computers and video games as my constant companions.  They provided an escape from the real world and a gateway into
+					a world where I could positively affect things.  Getting older, I got into Network and Systems administration, but my passion is
+					programming and scripting.  I enjoy working with code and language.</p>
+					<h3 class="section" id="work">Work...</h3>
+					<p>I began my professional IT career in the US Army, during the opening of the Global War on Terrorism.  I enjoyed the mission-oriented
+					mindset and working toward a common goal.  Serving gave me a sense of self-worth and value, knowing that, while my life was on the line,
+					the lives of my friends, family, and neighbors.
+					I continued my career as an IT professional in the private sector, as a contractor for smaller IT companies in the area.  After awhile I
+					needed something a little more stable for myself and my family, so I accepted an offer to work for a small IT company who provides
+					IT services and assistance to other companies in the area.
+					The transition from military to the civilian world, professionally, has been jarring.  The mindset is completely different,  and there
+					is a bit of loss of some of that comradery that is built in life and death situations.</p>
+					<h3 class="section" id="play">...and Play</h3>
+					<p>As a hobby, I play around with scripting and coding.  I enjoy playing video games, but desigining and making them is even more
+					enjoyable.  My favorite genre is role-playing games, which does include table-top rpgs.  I remember my first rpg that I played on an
+					old IBM 80286: Dark Designs I.  To nerd it up even further, I remember the first time I played Final Fantasy:  Christmas at a friend of
+					the family.  They had an NES with the game;  I became hooked.</p>
+				</div>
+			</div>
+		</div>
+    	</body>
+</html>
diff --git a/index.html b/index.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+	<title>Aaron's Website</title>
+	<meta charset="utf-8"/>
+	<meta name="viewport" content="width=device-width,initial-scale=1.0">
+	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
+	<link rel="stylesheet" href="stylepage1.css">
+    	</head>
+   	<body>
+		<div class="container">
+			<div class="row">
+				<div class="col-md-3 col-12">
+				<nav class="nav flex-sm-column" id="site-nav">
+					<a class="nav-link" href="index.html">Home</a>
+					<a class="nav-link" href="biopic.html">Profile</a>
+					<a class="nav-link" href="resume.html">Resume</a>
+					<a class="nav-link" href="portfolio.html">Portfolio</a>
+				</nav>
+				</div>
+				<div class="col-md-9 col-12">
+					<h1 class="section"> Aaron's Website </h1>
+					<nav class="flex-sm-column" id="page-nav">
+						<a class="nav-link" href="#welcome">Welcome</a>
+						<a class="nav-link" href="#gdpr">EU's GDPR</a>
+						<a class="nav-link" href="#w3c">W3C Accessibility</a>
+						<a class="nav-link" href="#summary">What's Inside</a>
+					</nav>
+					<h3 class="section" id="welcome">Welcome to the site!</h3>
+					<p>I am passionate about programming, and love to learn and expand my knowledge. This shows in my work, as I put maximum effort into every
+					project that I work. I will be an asset to any project I work, because I am competent and committed to making the project work, and I am
+					able to focus on the code, because I am passionate about it.
+					I am quick to learn new tricks, and am constantly expanding my pool of programming languages and techniques.
+					I am a programmer, a friend of the code, as is my father before me. I learn the code, understand the code, and work with it, to produce the
+					necessary results.</p>
+					<h3 class="section" id="gdpr">How we use your Data</h3>
+					<p>The EU's recently passed GDPR requires that we inform you of what data we collect and how we will use it.
+					We don't collect any data from users of this site. This is purely an informative site at this time.</p>
+					<a href="https://www.eugdpr.org/">More about the GDPR</a>
+					<h3 class="section" id="w3c">Accessibility Standards</h3>
+					<p>At this time, little dedicated time and effort has been used to comply with W3C accessibility standards.  I apologize for any difficulty
+					this causes in navigating and viewing this site.  As I polish and update this site, I will increase compliance with Accessibility Standards
+					to make your site surfing easier.  Enjoy yourselves!</p>
+					<h3 class="section" id="summary">Site Summary</h3>
+					<p>This is my first webpage that I have designed and built myself with HTML5 and CSS.  The Profile page is a little information about me,
+					the Resume page is a condensed version of my resume, and the Portfolio page contains links and images of various projects and things that I
+					have worked on, either personally or professionally.
+					I hope you enjoy my site!</p>
+				</div>
+			</div>
+		</div>
+    	</body>
+</html>
diff --git a/packages-microsoft-prod.deb b/packages-microsoft-prod.deb
diff --git a/portfolio.html b/portfolio.html
@@ -0,0 +1,171 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+	<title>Aaron's Website</title>
+	<meta charset="utf-8"/>
+	<meta name="viewport" content="width=device-width,initial-scale=1.0">
+	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
+	<link rel="stylesheet" href="stylepage1.css">
+    	</head>
+   	<body>
+		<div class="container">
+			<div class="row">
+				<div class="col-md-3 col-12">
+				<nav class="nav flex-sm-column" id="site-nav">
+					<a class="nav-link" href="index.html">Home</a>
+					<a class="nav-link" href="biopic.html">Profile</a>
+					<a class="nav-link" href="resume.html">Resume</a>
+					<a class="nav-link" href="portfolio.html">Portfolio</a>
+				</nav>
+				</div>
+				<div class="col-md-9 col-12">
+					<h1 class="section"> Aaron's Website </h1>
+					<h3 class="section">The Good, the Bad, and the Ugly</h3>
+					<table class="table" id="main-table">
+						<tr>
+							<th>Project Name</th>
+							<th>My Role</th>
+							<th>Description</th>
+						</tr>
+						<tr>
+							<td><a href="#web">This Website</a></td>
+							<td>Progammer/Designer</td>
+							<td>This website is one of my projects, using HTML5 and CSS</td>
+						<tr>
+							<td><a href="#fear">Phobia</a></td>
+							<td>General Programmer</td>
+							<td>College capstone project using Unity3d and Oculus dev kit</td>
+						</tr>
+						<tr>
+							<td><a href="#SoA">Shadows of Adam</a></td>
+							<td>Quality Assurance</td>
+							<td>jRPG released on the computer</td>
+						</tr>
+						<tr>
+							<td><a href="#egion">Heroes of Egion</a></td>
+							<td>General Programmer</td>
+							<td>Card game project using Unity3d</td>
+						</tr>
+						<tr>
+							<td><a href="#twitter">Media</a></td>
+							<td>Designer/Developer</td>
+							<td>Various art and UI/UX prototypes</td>
+						<tr>
+							<td><a href="#semitruck">SemiTruck Program</a></td>
+							<td>Programmer/Designer</td>
+							<td>Programming exercise in C Sharp and Java</td>
+						</tr>
+						<tr>
+							<td><a href="#chess">Chess</a></td>
+							<td>Programmer/Designer</td>
+							<td>Chess game programmed in Java</td>
+						</tr>
+						<tr>
+							<td><a href="#cFour">Connect Four</a></td>
+							<td>Programmer/Designer</td>
+							<td>Connect Four game programmed in C#</td>
+						</tr>
+						<tr>
+							<td><a href="#sql">Database Project</a></td>
+							<td>Programmer/Designer</td>
+							<td>Database designed from a mock customer requirement, using ERD and Microsoft Access</td>
+						</tr>
+						<tr>
+							<td><a href="#zombie">Zombie Outbreak</a></td>
+							<td>Programmer/Designer</td>
+							<td>Personal game project using Unity3d and C#</td>
+						</tr>
+						<tr>
+							<td><a href="#script">Scripting</a></td>
+							<td>Scripter</td>
+							<td>Miscellaneous scripts written in Powershell for Systems Administration</td>
+						</tr>
+						<tr>
+							<td><a href="#loot">Lootcrate Hero</a></td>
+							<td>Programmer/Lead Designer</td>
+							<td>Game jam game built in Unity3d with C#</td>
+						</tr>
+					</table>
+					<h3 class="section" id="web">My Website: This is where you are</h3>
+					<p>This website itself, is one of my projects.  This contains the basic HTML5 and CSS to make your stay somewhat pleasent.  I utilized SASS
+					for the CSS.  Currently working on recreating this with ASP.NET MVC and hosting it on Azure DevOps; in progress.</p>
+					<h3 class="section" id="fear">Phobia: Face your fears</h3>
+					<p>This is a game about facing your fears.  We completed it as part of our college capstone class for Game Programming and Design.  My role
+					was to program scripts for scriptable objects in the game, including interactions with chests, doors, creatures, buttons, and even "swimming"
+					in a pool of water.</p>
+					<h3 class="section" id="SoA">Shadows of Adam: Nostalgic Role-Playing Game</h3>
+					<p>I was given the opportunity to perform Quality Assurance testing for SomethingClassic, a small, indie studio, during the pre-Alpha, Alpha, Beta,
+					pre-Final, and Final release stages of development.  During testing I performed testing for general game flow, tested for outliers and interaction
+					errors, and performed extreme logic tests (i.e. tried to manipulate the game logic and break the game.)<br></br>
+					Shadows of Adam can be found <a href="https://www.shadowsofadam.com/">here.</a>
+					</p>
+					<h3 class="section" id="egion">Heroes of Egion: The card game that isn't yet</h3>
+					<p>I worked on this project with an international team, following graduation from college.  As a general programmer, I wrote scripts for
+					generating a hexagonal grid, and created and integrated code for character actions on a battle grid.  This project is still in the works
+				        and can be seen on <a href="https://www.facebook.com/Tarrasque-Games-1547742972174992/">Facebook</a>.</p>
+					<h3 class="section" id="twitter">Media on Twitter: Indie Gaming</h3>
+					<p>Gaming is a passion of my, and I like to work on hobby projects, producing UI mock-ups, and some animated sprites. There is a very supportive
+					community of Indie Game Developers, on Twitter, and we display some of our work-ups to each other, for feedback and encouragement.
+						<br></br>
+					<a href="https://twitter.com/avoymas">My Indie Developer Twitter profile</a>
+					</p>
+					<h3 class="section" id="semitruck">SemiTruck: A creative exercise, and test of my polyglot skill</h3>
+					<p>This is a project I created for a programming exercise that has a SemiTruck responding to a series of Stoplight signals. The second part of the
+					project expanded the exercise to have a second vehicle type, that behaved differently. I wrote the first part of the program in C#, and the second
+					part in Java, to practice my skills with multiple, object-oriented programming languages, and show my versatility.
+						<br></br>
+					<a href="https://github.com/voymasa/SemiTruck_CSharp_Java">Source Code</a>
+					</p>
+					<h3 class="section" id="chess">Chess: Life lessons learned, with Java</h3>
+					<p>This is a project I worked on for a data structures course, in college.  This became a lesson on properly determining the scope
+					of a project, taking into consideration the available timeframe, and paying attention to object references.
+						<br></br>
+					<a href="https://github.com/voymasa/Chess_Java">Java Source Code</a>
+					</p>
+					<h3 class="section" id="cFour">Connect Four: Life lessons learned, with C#</h3>
+					<p>This was a C# project for class.  This is the classic game of Connect Four using C# and Microsoft Forms.  There were a lot of iteration and 
+					counters to keep track of.
+						<br></br>
+					<a href="https://github.com/voymasa/ConnectFourCSharp">C# Source Code</a>
+						<br></br>
+                                        <a href="https://gitlab.com/voymasa/connectfourcsharpmvvm">WIP Consversion to a WPF with XAML data-binding.</a>
+                                                <br></br>
+					I debugged and fixed the error that was causing a win with 4 pieces in a square formation.  The debugged solution is available <a href="Portfolio/C Sharp Connect4 - debugged.zip" Download="C Sharp Connect Four debugged.zip">here</a>.  The executable is in the ./bin/debug directory.
+					</p>
+					<h3 class="section" id="sql">Databases: Learning to extrapolate customer requirements for a project</h3>
+					<p>This is a database project for college.  The entire project included all stages of database design, from determining customer requirements,
+					determining assumptions, and building ER Diagrams, to creating the tables, forms, and relationships.  Included in the .zip file is the entire
+					project write-up.
+						<br></br>
+					<a href="Portfolio/Intro to Databases Final.zip" Download="Database Project.zip">Database Sample</a>
+					</p>
+					<h3 class="section" id="zombie">Zombie Outbreak: Proof of concept, and reusable code</h3>
+					<p>This project was based upon a game design document that I made for the class' final.  I continuously abstracted the concepts that I was coding
+					to get to the most basic idea of what each part is.  This project contains (idle clicker game) automaters, click event responses, and some object
+					transform effects to manipulate the generated values.  The Singleton approach was used for a Game Manager, rather than static variables in the
+					Game Manager.</p>
+					<h3 class="section" id="script">Powershell: When sys admins get bored</h3>
+					<p>Ah, Powershell, how you have made my life as a sys admin, a little more interesting...
+						<br></br>
+					I took up Powershell scripting due to the focus that Microsoft places on it for managing newer server Operating Systems.  Growing up with an old
+					IBM 286, I was familiar with command line and batch scripting.  That Powershell relies on the .Net framework, my coursework and projects with C#
+					and .Net, made the transition from command line, much easier.
+						<br></br>
+					<a href="Portfolio/PSScriptSamples.zip" Download="PSScripts.zip">Powershell Samples</a>
+						<br></br>
+					The scripts in the .zip file (coming soon) include adding the Windows Update Module to newer server and client OS',  accessing the Microsoft Online and Office
+					365 admin centers, and checking log files.</p>
+					<h3 class="section" id="loot">Lootcrate Hero: Having fun with a game jam</h3>
+					<p>This put my skills in programming, design, and teamwork, to the test.  We had one week to design and build this to the best that we could.  There
+					is a lot that can be polished.  This was a good project to work on scope consideration, object dependencies and relationships, and managing multiple
+					objects on the screen.  I later began building this project in Gamemaker Studio 2, as a practice exercise.  GMS2 uses a built in scripting language
+					called GML, which is based on weakly-typed programming languages like Javascript.  You can see some videos on me programming this project, on
+					my <a href="https://www.youtube.com/watch?v=kxIMquBYWr0&index=3&list=PLAikVUROtfLSEAdPmajHDHyDoNFY1HySW">Youtube</a> channel.  In episodes 2 and 3 I
+					get into programming with GML.
+					<br></br><img src="Portfolio/LootCrateHeroCover.jpg"></img></p>
+					<br></br><a href="https://voymasa.itch.io/">The Game on itch.io</p>
+				</div>
+			</div>
+		</div>
+    	</body>
+</html>