Skip to content

Commit fc026bc

Browse files
simzeeesimzeee
committed
about, projects, images updated
1 parent 383db04 commit fc026bc

2 files changed

Lines changed: 90 additions & 24 deletions

File tree

‎assets/css/main.css‎

Lines changed: 55 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
@import url(fontawesome-all.min.css);
22
@import url("https://fonts.googleapis.com/css?family=Raleway:200,700|Source+Sans+Pro:300,600,300italic,600italic");
33

4-
/*
5-
Solid State by HTML5 UP
6-
html5up.net | @ajlkn
7-
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
4+
/*
5+
Solid State by HTML5 UP
6+
html5up.net | @ajlkn
7+
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
88
*/
99

1010
html, body, div, span, applet, object,
@@ -101,9 +101,12 @@ input, select, textarea {
101101
body {
102102
background-color: #2e3141;
103103
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
104-
background-size: auto, cover;
105-
background-attachment: fixed, fixed;
106-
background-position: center, center;
104+
background-size: auto,
105+
cover;
106+
background-attachment: fixed,
107+
fixed;
108+
background-position: center,
109+
center;
107110
}
108111

109112
body.is-preload *, body.is-preload *:before, body.is-preload *:after {
@@ -3020,11 +3023,13 @@ input, select, textarea {
30203023
margin-top: -1.75em;
30213024
position: relative;
30223025
width: calc(100% + 3.5em);
3026+
/* height: 50px; */
30233027
}
30243028

30253029
.features article .image img {
30263030
border-radius: 5px 5px 0 0;
30273031
width: 100%;
3032+
height: 325px;
30283033
}
30293034

30303035
@media screen and (max-width: 980px) {
@@ -3051,6 +3056,10 @@ input, select, textarea {
30513056
width: calc(100% + 3em);
30523057
}
30533058

3059+
.features article .image img {
3060+
height: 125px;
3061+
}
3062+
30543063
}
30553064

30563065
@media screen and (max-width: 480px) {
@@ -3064,6 +3073,10 @@ input, select, textarea {
30643073
margin: 0 0 2em 0 !important;
30653074
}
30663075

3076+
.features article .image img {
3077+
height: 125px;
3078+
}
3079+
30673080
}
30683081

30693082
/* Header */
@@ -3375,7 +3388,7 @@ input, select, textarea {
33753388
/* Banner */
33763389

33773390
#banner {
3378-
padding: 10em 0 4.75em 0 ;
3391+
padding: 10em 0 0 0 ;
33793392
}
33803393

33813394
#banner .inner {
@@ -3464,8 +3477,10 @@ input, select, textarea {
34643477
padding: 7em 0 8.25em 0 ;
34653478
background-color: #2e3141;
34663479
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
3467-
background-size: auto, cover;
3468-
background-position: center, center;
3480+
background-size: auto,
3481+
cover;
3482+
background-position: center,
3483+
center;
34693484
margin-bottom: -6.5em;
34703485
}
34713486

@@ -3541,6 +3556,14 @@ input, select, textarea {
35413556
filter: blur(2px);
35423557
}
35433558

3559+
.aboutMe {
3560+
margin-top: 12px;
3561+
}
3562+
3563+
.technologiesLearned {
3564+
margin-top: 55px;
3565+
}
3566+
35443567
/* Wrapper */
35453568

35463569
#wrapper > header {
@@ -3574,8 +3597,10 @@ input, select, textarea {
35743597
padding: 9em 0 6.25em 0 ;
35753598
background-color: #2e3141;
35763599
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
3577-
background-size: auto, cover;
3578-
background-position: center, 0% 30%;
3600+
background-size: auto,
3601+
cover;
3602+
background-position: center,
3603+
0% 30%;
35793604
margin-bottom: -6.5em;
35803605
}
35813606

@@ -3585,8 +3610,10 @@ input, select, textarea {
35853610

35863611
#wrapper > header {
35873612
padding: 11em 3em 7.375em 3em ;
3588-
background-size: auto, cover;
3589-
background-position: center, 0% 0%;
3613+
background-size: auto,
3614+
cover;
3615+
background-position: center,
3616+
0% 0%;
35903617
margin-bottom: -4.75em;
35913618
}
35923619

@@ -3600,7 +3627,8 @@ input, select, textarea {
36003627

36013628
#wrapper > header {
36023629
padding: 6.5em 2em 3em 2em ;
3603-
background-size: auto, 125%;
3630+
background-size: auto,
3631+
125%;
36043632
margin-bottom: -2.5em;
36053633
}
36063634

@@ -4062,8 +4090,10 @@ input, select, textarea {
40624090
#footer {
40634091
background-color: #2e3141;
40644092
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
4065-
background-size: auto, cover;
4066-
background-position: center, center;
4093+
background-size: auto,
4094+
cover;
4095+
background-position: center,
4096+
center;
40674097
margin-top: -6.5em;
40684098
padding-top: 6.5em;
40694099
}
@@ -4141,4 +4171,11 @@ input, select, textarea {
41414171
padding: 2em 1.5em 0.1em 1.5em ;
41424172
}
41434173

4144-
}
4174+
}
4175+
4176+
#spaceXchange {
4177+
height: 100%;
4178+
4179+
/* #qHistory {
4180+
height: 215px;
4181+
} */

‎index.html‎

Lines changed: 35 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -45,7 +45,16 @@ <h2>Menu</h2>
4545
<img src="images/circleProfilePic.png"></img>
4646
</div>
4747
<h2>John Sims</h2>
48-
<p>Software engineer based in Chicago and New York</p>
48+
<h3>About Me</h3>
49+
<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.
50+
<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!
51+
52+
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>
53+
54+
<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>
55+
</span>
56+
<h3 class="technologiesLearned"> Technologies Learned</h3>
57+
<div>Hi</div>
4958
</div>
5059
</section>
5160

@@ -61,27 +70,47 @@ <h2 class="major">Projects</h2>
6170
<article>
6271
<a href="https://findafarm.herokuapp.com/" target="_blank" class="image"><img src="images/FindAFarmScreenshot.png" alt="" /></a>
6372
<h3 class="major">Find A Farm</h3>
64-
<p>An Air BnB/HipCamp inspired tool for the agritourism enthusiast.</p>
73+
<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,
74+
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
75+
technologies include AWS S3 image hosting, and the Google Maps Places, Geocoding, and Javascript API.</p>
6576
<a href="https://github.com/simzeee/FindAFarm" class="special" target="_blank">Github Repo</a>
6677
</article>
6778
<article>
79+
<a href="https://spacexchange.herokuapp.com/" target="_blank" class="image"><img src="images/SpaceXchangeScreenshot.png" alt="" /></a>
80+
<h3 class="major">spaceXchange</h3>
81+
<p>A Robinhood/Coinbase inspired website for trading interplanetary currencies on a futuristic galactic exchange. Users can buy and sell currencies, browse
82+
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
83+
Python/Flask Backend. Additional technologies include Recharts, Beautiful Soup, a Raspberry Pi server (for a simulated, active market), and the Coingecko API.</p>
84+
<a href="https://github.com/simzeee/FindAFarm" class="special" target="_blank">Github Repo</a>
85+
</article>
86+
<!-- <article>
6887
<a href="https://spacexchange.herokuapp.com/" target="_blank" class="image"><img src="images/SpaceXchangeScreenshot.png" alt="" /></a>
6988
<h3 class="major">spaceXchange</h3>
7089
<p>A Robinhood/Coinbase inspired website for trading interplanetary currencies on a futuristic galactic exchange.</p>
7190
<a href="https://github.com/ZaviarBrown/spaceXchange" target="_blank" class="special">Github Repo</a>
91+
</article> -->
92+
<article>
93+
<a href="https://qhistory-app.herokuapp.com/" class="image" target="_blank"><img src="images/Qhistory.png" id="qHistory" alt="" /></a>
94+
<h3 class="major">Qhistory</h3>
95+
<p>A Quora inspired website with a history theme. Users can ask questions, share answers, upvote questions, leave comments on answers,
96+
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.
97+
</p>
98+
<a href="https://github.com/jjiiaaLi/QuoraHistoryCloneProject" target="_blank" class="special">Github Repo</a>
7299
</article>
73100
<article>
74101
<a href="#" class="image"><img src="images/Cocktails.png" alt="" /></a>
75102
<h3 class="major">Cocktails For Two</h3>
76-
<p>Browse and create your own cocktails to share with friends and fellow drinkers.</p>
103+
<p>An Untappd inspired website where users can browse and share classic and custom cocktails. Users can create cocktail cards featuring the cocktails description,
104+
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.
105+
</p>
77106
<a href="https://github.com/simzeee/solo-cocktailApp" class="special" target="_blank">Github Repo</a>
78107
</article>
79-
<article>
80-
<a href="https://qhistory-app.herokuapp.com/" class="image" target="_blank"><img src="images/Qhistory.png" alt="" /></a>
108+
<!-- <article>
109+
<a href="https://qhistory-app.herokuapp.com/" class="image" target="_blank"><img src="images/Qhistory.png" id="qHistory" alt="" /></a>
81110
<h3 class="major">Qhistory</h3>
82111
<p>A Quora inspired website with a focus on history themed questions.</p>
83112
<a href="https://github.com/jjiiaaLi/QuoraHistoryCloneProject" target="_blank" class="special">Github Repo</a>
84-
</article>
113+
</article> -->
85114
</section>
86115
<!-- <ul class="actions">
87116
<li><a href="#" class="button">Browse All</a></li>

0 commit comments

Comments
 (0)