Skip to content

Commit 460375c

Browse files
simzeeesimzeee
committed
add redirect
1 parent f01d7e2 commit 460375c

File tree

1 file changed

+46
-195
lines changed

1 file changed

+46
-195
lines changed

‎index.html‎

Lines changed: 46 additions & 195 deletions
Original file line numberDiff line numberDiff line change
@@ -1,195 +1,46 @@
1-
<!DOCTYPE HTML>
2-
<!--
3-
Solid State by HTML5 UP
4-
html5up.net | @ajlkn
5-
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
6-
-->
7-
<html>
8-
<head>
9-
<title>John Sims</title>
10-
<meta charset="utf-8" />
11-
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
12-
<link rel="stylesheet" href="assets/css/main.css" />
13-
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
14-
</head>
15-
<body class="is-preload">
16-
17-
18-
<!-- Page Wrapper -->
19-
<div id="page-wrapper">
20-
21-
<!-- Header -->
22-
<header id="header" class="alt">
23-
<h1><a href="index.html">Back to Top</a></h1>
24-
<!-- <nav>
25-
<a href="#menu">Menu</a>
26-
</nav> -->
27-
</header>
28-
29-
<!-- Menu -->
30-
<nav id="menu">
31-
<div class="inner">
32-
<h2>Menu</h2>
33-
<ul class="links">
34-
<li><a href="index.html">Home</a></li>
35-
<li><a href="generic.html">Generic</a></li>
36-
<li><a href="elements.html">Elements</a></li>
37-
</ul>
38-
<a href="#" class="close">Close</a>
39-
</div>
40-
</nav>
41-
42-
<!-- Banner -->
43-
<section id="banner">
44-
<div class="inner">
45-
<div class="logo">
46-
<img src="images/circleProfilePic.png"></img>
47-
</div>
48-
<h2>John Sims</h2>
49-
<h3>About Me</h3>
50-
<span>A full-stack software engineer with a background in music. 17+ years of being a professional jazz bassist found me playing everything from the smallest coffee shop to the largest arenas and festivals. I have taught music to everyone from elementary school children, to the undergraduate and graduate level as well as working professionals. I love solving problems from not just a technical perspective, but with an emphasis on creativity and diversity of opinion. I have taken the dedication, consistent devotion, and love of practice that I have for music, and applied it to software development.
51-
<div class="aboutMe">I love watching the hours melt away while working on a project. I am also probably the only software developer on Earth who would rather work in a group than alone!
52-
53-
Challenges, and the unknown excite me, and I am consistently seeking fluency in new technologies. Looking for opportunities to join driven, exciting teams who refuse to settle and who openly embrace challenges and innovation.</div>
54-
55-
<div class="aboutMe">If I'm not performing or coding I will likely be eating. On the quest to become a grill master and smoked meats are my love language. I am always open to an engaging conversation, so please do not hesitate to reach out. </div>
56-
</span>
57-
<h3 class="technologiesLearned"> Technologies Learned</h3>
58-
<div class='techContainer'>
59-
<div class="techOne"><a href="https://www.w3schools.com/css/" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/css3/css3-original-wordmark.svg" alt="css3" width="40" height="40"/> <div>CSS3</div></a> </div>
60-
<div class="techOne"> <a href="https://www.docker.com/" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/docker/docker-original-wordmark.svg" alt="docker" width="40" height="40"/> <div>Docker</div></a></div>
61-
<div class="techOne"><a href="https://expressjs.com" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/express/express-original-wordmark.svg" alt="express" width="40" height="40"/> <div>Express</div></a> </div>
62-
<div class="techOne"><a href="https://flask.palletsprojects.com/" target="_blank"> <img src="https://www.vectorlogo.zone/logos/pocoo_flask/pocoo_flask-icon.svg" alt="flask" width="40" height="40"/> <div>Flask</div></a> </div>
63-
<div class="techOne"><a href="https://git-scm.com/" target="_blank"> <img src="https://www.vectorlogo.zone/logos/git-scm/git-scm-icon.svg" alt="git" width="40" height="40"/> <div>Git/Github</div></a></div>
64-
<div class="techOne"><a href="https://heroku.com" target="_blank"> <img src="https://www.vectorlogo.zone/logos/heroku/heroku-icon.svg" alt="heroku" width="40" height="40"/> <div>Heroku</div></a> </div>
65-
<div class="techOne"><a href="https://www.w3.org/html/" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/html5/html5-original-wordmark.svg" alt="html5" width="40" height="40"/> <div>HTML5</div></a> </div>
66-
<!-- </div> -->
67-
68-
<!-- <div class="techContainer2"> -->
69-
<div class="techOne"><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/javascript/javascript-original.svg" alt="javascript" width="40" height="40"/> <div>JavaScript</div></a> </div>
70-
<div class="techOne"><a href="https://nodejs.org" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/nodejs/nodejs-original-wordmark.svg" alt="nodejs" width="40" height="40"/> <div>Nodejs</div></a> </div>
71-
<div class="techOne"><a href="https://www.postgresql.org" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/postgresql/postgresql-original-wordmark.svg" alt="postgresql" width="40" height="40"/><div>PostgreSQL</div></a> </div>
72-
<div class="techOne"><a href="https://postman.com" target="_blank"> <img src="https://www.vectorlogo.zone/logos/getpostman/getpostman-icon.svg" alt="postman" width="40" height="40"/><div>Postman</div></a> </div>
73-
<div class="techOne"><a href="https://pugjs.org" target="_blank"> <img src="https://cdn.worldvectorlogo.com/logos/pug.svg" alt="pug" width="40" height="40"/><div>Pug</div></a> </div>
74-
<div class="techOne"><a href="https://www.python.org" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/python/python-original.svg" alt="python" width="40" height="40"/><div>Python</div></a> </div>
75-
<div class="techOne"><a href="https://reactjs.org/" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/react/react-original-wordmark.svg" alt="react" width="40" height="40"/><div>React</div></a> </div>
76-
<div class="techOne"> <a href="https://redux.js.org" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/redux/redux-original.svg" alt="redux" width="40" height="40"/> <div>Redux</div></a></div>
77-
</div>
78-
</section>
79-
80-
<!-- Wrapper -->
81-
<section id="wrapper">
82-
83-
<!-- Four -->
84-
<section id="four" class="wrapper alt style1">
85-
<div class="inner">
86-
<h2 class="major">Projects</h2>
87-
<p>Please, browse and enjoy! Click on the pictures for live website.</p>
88-
<section class="features">
89-
<article>
90-
<a href="https://findafarm.herokuapp.com/" target="_blank" class="image"><img src="images/FindAFarmScreenshot.png" alt="" /></a>
91-
<h3 class="major">Find A Farm</h3>
92-
<p>An Air BnB/HipCamp inspired tool for the agritourism enthusiast. Users can be guests who browse and book stays at farms across the world,
93-
or farmers who share their farms for any and all visitors. This app uses a React/Redux front end and a Python/Flask backend. Other
94-
technologies include AWS S3 image hosting, and the Google Maps Places, Geocoding, and Javascript API.</p>
95-
<a href="https://github.com/simzeee/FindAFarm" class="special" target="_blank">Github Repo</a>
96-
</article>
97-
<article>
98-
<a href="https://spacexchange.herokuapp.com/" target="_blank" class="image"><img src="images/SpaceXchangeScreenshot.png" alt="" /></a>
99-
<h3 class="major">spaceXchange</h3>
100-
<p>A Robinhood/Coinbase inspired website for trading interplanetary currencies on a futuristic galactic exchange. Users can buy and sell currencies, browse
101-
tradable planets, view their recent transactions, as well as see the current assets, price, and quantity of shares. This app uses a React/Redux front end and a
102-
Python/Flask Backend. Additional technologies include Recharts, Beautiful Soup, a Raspberry Pi server (for a simulated, active market), and the Coingecko API.</p>
103-
<a href="https://github.com/simzeee/FindAFarm" class="special" target="_blank">Github Repo</a>
104-
</article>
105-
<!-- <article>
106-
<a href="https://spacexchange.herokuapp.com/" target="_blank" class="image"><img src="images/SpaceXchangeScreenshot.png" alt="" /></a>
107-
<h3 class="major">spaceXchange</h3>
108-
<p>A Robinhood/Coinbase inspired website for trading interplanetary currencies on a futuristic galactic exchange.</p>
109-
<a href="https://github.com/ZaviarBrown/spaceXchange" target="_blank" class="special">Github Repo</a>
110-
</article> -->
111-
<article>
112-
<a href="https://qhistory-app.herokuapp.com/" class="image" target="_blank"><img src="images/Qhistory.png" id="qHistory" alt="" /></a>
113-
<h3 class="major">Qhistory</h3>
114-
<p>A Quora inspired website with a history theme. Users can ask questions, share answers, upvote questions, leave comments on answers,
115-
search questions by topic, select a background theme, search by keyword, and edit their profiles. This app uses Pug for the front end, and an Express/JavaScript backend.
116-
</p>
117-
<a href="https://github.com/jjiiaaLi/QuoraHistoryCloneProject" target="_blank" class="special">Github Repo</a>
118-
</article>
119-
<article>
120-
<a href="#" class="image"><img src="images/Cocktails.png" alt="" /></a>
121-
<h3 class="major">Cocktails For Two</h3>
122-
<p>An Untappd inspired website where users can browse and share classic and custom cocktails. Users can create cocktail cards featuring the cocktails description,
123-
image, and category (classic or custom), as well as upload profile photos and edit their profile information. This app uses an React/Redux frontend and an Express backend.
124-
</p>
125-
<a href="https://github.com/simzeee/solo-cocktailApp" class="special" target="_blank">Github Repo</a>
126-
</article>
127-
<!-- <article>
128-
<a href="https://qhistory-app.herokuapp.com/" class="image" target="_blank"><img src="images/Qhistory.png" id="qHistory" alt="" /></a>
129-
<h3 class="major">Qhistory</h3>
130-
<p>A Quora inspired website with a focus on history themed questions.</p>
131-
<a href="https://github.com/jjiiaaLi/QuoraHistoryCloneProject" target="_blank" class="special">Github Repo</a>
132-
</article> -->
133-
</section>
134-
<!-- <ul class="actions">
135-
<li><a href="#" class="button">Browse All</a></li>
136-
</ul> -->
137-
</div>
138-
</section>
139-
140-
</section>
141-
142-
<!-- Footer -->
143-
<section id="footer">
144-
<div class="inner">
145-
<h2 class="major">Get in touch</h2>
146-
<p>I wolud love to connect! Please, feel free to reach out.</p>
147-
<!-- <form method="post" action="mailto:[email protected]" enctype=”multipart/form-data” name="EmailForm">
148-
<div class="fields">
149-
<div class="field">
150-
<label for="name">Name</label>
151-
<input type="text" name="name" id="name" />
152-
</div>
153-
<div class="field">
154-
<label for="email">Email</label>
155-
<input type="email" name="email" id="email" />
156-
</div>
157-
<div class="field">
158-
<label for="message">Message</label>
159-
<textarea name="message" id="message" rows="4"></textarea>
160-
</div>
161-
</div>
162-
<ul class="actions">
163-
<li><input type="submit" value="Send Message" /></li>
164-
</ul>
165-
</form> -->
166-
<ul class="contact">
167-
<!-- <li class="icon solid fa-home">
168-
Untitled Inc<br />
169-
1234 Somewhere Road Suite #2894<br />
170-
Nashville, TN 00000-0000
171-
</li> -->
172-
<!-- <li class="icon solid fa-phone">(000) 000-0000</li> -->
173-
<li class="icon solid fa-envelope"><a href="mailto: jwsims@[email protected]">[email protected]</a></li>
174-
<li class="icon brands fa-linkedin"><a href="https://www.linkedin.com/in/jwsims/" target="_blank">My LinkedIn</a></li>
175-
<li class="icon brands fa-github-square"><a href="https://github.com/simzeee/" target="_blank">My Github</a></li>
176-
<!-- <li class="icon brands fa-instagram"><a href="#">instagram.com/untitled-tld</a></li> -->
177-
</ul>
178-
<ul class="copyright">
179-
<li>&copy; Untitled Inc. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
180-
</ul>
181-
</div>
182-
</section>
183-
184-
</div>
185-
186-
<!-- Scripts -->
187-
<script src="assets/js/jquery.min.js"></script>
188-
<script src="assets/js/jquery.scrollex.min.js"></script>
189-
<script src="assets/js/browser.min.js"></script>
190-
<script src="assets/js/breakpoints.min.js"></script>
191-
<script src="assets/js/util.js"></script>
192-
<script src="assets/js/main.js"></script>
193-
194-
</body>
195-
</html>
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>Portfolio Under Construction</title>
6+
<!-- Redirects after 5 seconds -->
7+
<meta http-equiv="refresh" content="3;url=https://www.linkedin.com/in/jwsims/">
8+
<style>
9+
/* Set a light grey background and center content vertically & horizontally */
10+
body {
11+
margin: 0;
12+
padding: 0;
13+
background-color: #f0f0f0;
14+
display: flex;
15+
flex-direction: column;
16+
align-items: center;
17+
justify-content: center;
18+
height: 100vh;
19+
text-align: center;
20+
font-family: Arial, sans-serif;
21+
}
22+
.message {
23+
font-size: 2em;
24+
margin-bottom: 20px;
25+
}
26+
.redirect {
27+
font-size: 1.2em;
28+
margin-top: 20px;
29+
}
30+
.gif {
31+
max-width: 300px;
32+
margin-bottom: 20px;
33+
}
34+
</style>
35+
</head>
36+
<body>
37+
<div class="message">
38+
Portfolio under construction! Check back soon!
39+
</div>
40+
<!-- Waving animal gif (you can swap the URL with another gif if you prefer) -->
41+
<img src="https://media.giphy.com/media/3oEjI6SIIHBdRxXI40/giphy.gif" alt="Waving Animal" class="gif">
42+
<div class="redirect">
43+
Redirecting you to my LinkedIn page!...
44+
</div>
45+
</body>
46+
</html>

0 commit comments

Comments
 (0)