-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
156 lines (146 loc) · 8.25 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Learner, Developer, Geek" />
<link rel="stylesheet" href="styling.css">
<link rel="icon" href="assets/icon.ico">
<title>Mack S.</title>
</head>
<body>
<div class="siteWrapper">
<h1 class="aboutMeHeader">Hi, I'm Mack. <br /></h1>
<div class="cloudInfo">
<div class="aboutMeWrapper">
<p>
I'm a full stack developer. <br>
In 2022 I realized something needed to change but I wasn't quite sure what or how - so I changed
everything. I took a leap of faith and embarked to reinvent myself. <br /><br /> Eventually, I found
my
love of coding through burger toppings.<br /> <br />
In a course I was taking online, there was a step to list a few burger toppings. That was the spark
that started my journey. My mind took off at the idea of giving users the option to share with me
their ideal burger. <br /><br />
Since then, I've continued to tinker with coding almost every day - eventually enrolling and
completing
a Coding Bootcamp through Coding Dojo. <br /><br />
I'm always learning, discovering, and tinkering!
</p>
</div>
<div class="OAH_container">
<p> <br/>
The offline auction house is a personal project of mine that lets users continue to explore the world, while being able to keep an up-to-date eye on Auction House listings. <br /><br />
This project was written in Python using a Flask framework with a mySQL backend.<br /><br />
Some of the big takeaways from the project were working with environment variables, working with
OAuth tokens, consuming APIs, along with working with large JSON objects. <br />
</p>
<div class="projectButtonWrapper">
<button id="OAH_return" onClick={return_AboutMe(this.id)}>Go Back</button>
<a href="https://github.com/m-smith15/Projects/tree/master/Python/wow_ah_project" target="_blank">
<img src="assets/project_images/github_icon.png" style="height:50px; width:50px;"></a>
</div>
</div>
<div class="CB_container">
<p> <br>
The Divinity Original Sin 2 Character builder is a 2 part passion project of mine. The first being a webscraper I built to scrape a Wiki for character metadata. The second being the application that allows users to build, save, and share their character templates. <br /><br />
The webscraper and site were built in Java using a Spring framework and a mySQL backend.<br /><br />
The building of the webscraper was a huge part to this project. It took away the tedium of manually inputting metadata into a database - and allows for easy updates following any patches. I've been playing with how to display the data to users in a convenient and friendly way.<br /><br />
</p>
<div class="projectButtonWrapper">
<button id="CB_return" onClick={return_AboutMe(this.id)}>Go Back</button>
<a href="https://github.com/m-smith15/Projects/tree/master/Java" target="_blank">
<img src="assets/project_images/github_icon.png" style="height:50px; width:50px;"></a>
</div>
</div>
<div class="WDF_container">
<p> <br>
Web Dev Flashcards is a study tool designed to help folks get more familiar with some of the terminology, jargon, and theories behind development. This project was created in collaboration with a friend of mine from the coding bootcamp we attended.<br /><br />
This project was built using the MERN stack. (MongoDB, Express, React, Node.js) <br /><br />
A huge takeaway was getting more comfortable with a component based architecture along with getting familiar with using GitHub in a collaborative manner. Branching, PRs, and Merging - oh my! <br /><br />
</p>
<div class="projectButtonWrapper">
<button id="WDF_return" onClick={return_AboutMe(this.id)}>Go Back</button>
<a href="https://github.com/m-smith15/webdev_flashcards" target="_blank">
<img src="assets/project_images/github_icon.png" style="height:50px; width:50px;"></a>
</div>
</div>
</div>
<!-- cloud info End-->
<div class="contentWrapper">
<div class="projects">
<h2 class="projectsHeader">Projects
<button class="playPauseButton" onClick={updateAnimations()}> </button>
</h2>
<ul class="project-slideshow">
<li>
<span>Offline Auction House</span>
<div>
<h3>
<button id="OAH_Project" onClick={show_details(this.id)}>
Python - Offline Auction House
</button>
</h3>
</div>
</li>
<li>
<span>DoS Character Builder</span>
<div>
<h3>
<button id="CB_Project" onClick={show_details(this.id)}>
Java - Character Builder
</button>
</h3>
</div>
</li>
<li>
<span>WebDev Flashcards</span>
<div>
<h3>
<button id="WDF_Project" onClick={show_details(this.id)}>
MERN - WebDev Flashcards
</button>
</h3>
</div>
</li>
</ul>
</div>
<!-- Project Slideshow END -->
<div class="socials">
<h2 class="socialsHeader">Socials</h2>
<div class="socialsImages">
<a href="https://github.com/m-smith15" target="_blank">
<img src="assets/project_images/github_icon.png" alt="github"></a>
<a href="https://www.linkedin.com/in/macksmithlambeau/" target="_blank">
<img src="assets/project_images/linkedin_icon.png" alt="linkedin"></a>
<a href="mailto:averagegupi322+career@gmail.com" target="_blank">
<img src="assets/project_images/email_icon.png" alt="linkedin"></a>
</div>
</div>
<!-- Socials End -->
<div class="resume">
<h2 class="resumeHeader">Resume</h2>
<div class="resumeImage">
<a href="assets/project_images/downloads/macksmith_resume_pdf.pdf" download target="_blank">
<img src="assets/project_images/resume_icon.png" alt="resume"></a>
</div>
</div>
<!-- Resume End -->
<!-- Content Wrapper End -->
</div>
<div class="credits">
<div class="favicon_credit">
Favicon created by
<a href="https://www.flaticon.com/free-icons/artist" target="_blank" title="artist icons">
Freepik - Flaticon
</a>
</div>
<div class="madeBy">
Handcrafted with <3 by Mack Smith using vanilla HTML, CSS, JavaScript. </div>
</div>
<!-- site wrapper end -->
</div>
</body>
<script type="text/javascript" src="scripting.js"></script>
</html>