-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
128 lines (128 loc) · 8.98 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
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Tyler Sinks's Portfolio</title>
<link href="https://fonts.googleapis.com/css2?family=Libre+Baskerville&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Taviraj:wght@700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/bootstrap.css" type="text/css">
<link rel="stylesheet" href="css/styles.css" type="text/css">
</head>
<body>
<div class="container">
<div class="jumbotron">
<h1>Tyler Sinks. A Man Who Once Assembled a Portfolio.</h1>
<p>Disclaimer: This landing page was assigned as part of the Intro to Coding curriculum at Epicodus. <em>However</em>, this does not keep me from having <span>a bit</span> of fun during its creation.</p>
</div>
<div class="card">
<div class="card-body">
<h2 class="card-title">A brief aside about Tyler's diverse, professional side</h2>
<img src="img/IMG_1765.jpeg" alt="a picture of Tyler's smiling face">
<ul class="card-text">
<li>I will share a few tidbits about me:</li>
<li>I have recently undertaken a bold career change from waiter to aspiring coder. <span class="bg-success">I hope to go pro on the heels of completing Epicodus's software engineering bootcamp.</span></li>
<li>Previously, I could be found waiting tables at Friend of a Farmer and Don Giovanni <span class="bg-success">-- both are New York City restaurants</span></li>
<li>Teaching ninth-grade science at a newly created NYC public school brought me into contact with quite<a href="https://youtu.be/0HjWIxzjcrI" class="bg-info"> a few characters</a> and really energizing students and staff.</li>
<li>Past employment also includes administering psychiatric care as a child psychiatric aide at a Missouri state-run residential psychiatric hospital,</li>
<li>"road warrior" —<em>"Community Support Specialist" in the social work world's parlance</em> — who administers social work-like work but isn't allowed to call himself "social worker,"</li>
<li>and of course, <em>way back when</em>, some requisite customer service and sandwich styling experience courtesty of Target and Quizno's respectively</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-body">
<h2 class="card-title">A Wikipedia Rebuild</h2>
<ul class="card-text">
<li><a href="https://github.com/sinkstyt/wikipedia-rebuild" alt="a link to the Wikipedia Rebuild">Wikipedia Rebuild</a></li>
<li>a website created in a couple of hours with the intent of imitating the Wikipedia main page</li>
<li><strong>huge thanks to Dave Sterry for his co-authoring.</strong></li>
<li>I mean: the image of that eagle!</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-body">
<h2 class="card-title">A fanatic's fanpage for Victor Wooten</h2>
<ul class="card-text">
<li><a href="https://github.com/sinkstyt/favorite-band-v2" alt="a link to the favorite-band repo">Favorite Band</a></li>
<li>a website created in a couple of hours with the intent of playing around with the box model</li>
<li>Victor Wooten, many would say, plays like <em class="bg-success">no other electric bass player in the world</em></li>
<li>Personally, I enjoy his work most when he's performing as part of <a href="http://flecktones.com/">Béla Fleck and the Flecktones</a></li>
</ul>
</div>
</div>
<h3><em>A philosophy that touches on self-esteem</em></h3>
<img src="img/StewieBuckledIn.jpg" alt="a vector drawing of the cartoon character Stewie Griffin buckled into a car seat pointed a lasergun at viewer">
<blockquote class="blockquote">
<p>"Whether you think you can or you think you can't... You're right."</p>
<footer class="blockquote-footer">Stewie Griffin, while impersonating a sales manager on the phone with Brian Griffin</footer>
</blockquote>
<h3><em>An American writer's lens on the effects of experiencing a complete <em class="bg-info">solar eclipse</em></em></h3>
<img src="img/igneous_rock.jpg" alt="an image of a volcanic rock">
<blockquote class="blockquote">
<p>"Usually it is a bit of a trick to keep your knowledge from blinding you. But during an eclipse it is easy."</p>
<footer class="blockquote-footer">Annie Dillard, Teaching a Stone to Talk</footer>
</blockquote>
<div class="card" class="col-5">
<div class="card-body">
<h2 class="card-title">Resort Vacation with Sales Specials</h2>
<ul class="card-text">
<li><a href="https://github.com/sinkstyt/resortWebsite" alt="a link to the resort webpage">Resort Vacation Deals</a></li>
<li>website created with the traveler in mind</li>
<li>educational goals driving this page include experimenting with Bootstrap's card features</li>
<li>admittedly, the page exhibits a bizarre proclivity for laser tag and paintball</li>
<li>and that <em class="bg-info"><a href="https://i.pinimg.com/originals/26/72/bf/2672bf5b5e96bc0f865982d79c5fde36.jpg" alt="a link to an image of a dilapidated bungalo"> "bungalo"</a></em></li>
</ul>
</div>
</div>
<div class="card" class="col-5">
<div class="card-body">
<h2 class="card-title">A Blog Coded from Scratch</h2>
<ul class="card-text">
<li><a href="https://github.com/sinkstyt/blogging-site" alt="a link to my first brief attempt at a blogging site">My First Blog built from Scratch</a></li>
<li><strong>Huge kudos to Sean (aka yoshimario via GitHub)!</strong></li>
<li>website aspires to layout a basic format for a blog</li>
<li>plays around a little with linear background gradient</li>
</ul>
</div>
</div>
<h3><em>Wes Anderson movies</em></h3>
<img src="img/Steve_Zissou.jpg" alt="a painting of Bill Murray as his character Steve Zissou in a Wes Anderson movie">
<blockquote class="blockquote">
<p>"White people love Wes Anderson movies more than they love their kids. If a white guy takes a white girl to a Wes Anderson movie on their first date, and neither of them have seen it, they will immediately commence a relationship that is reflected in songs by Ryan Adams and Bright Eyes."</p>
<footer class="blockquote-footer">Christian Lander, excerpted from <em>Stuff White People Like: the definitive guide to the unique taste of millions, entry #10: "Wes Anderson Movies"</em></footer>
</blockquote>
<div class="card">
<div class="card-body">
<h2 class="card-title">A very good friend of mine once said he could describe me best by merely naming these five things:</h2>
<ol class="card-text">
<li><a href="https://en.wikipedia.org/wiki/Kazunori_Yamauchi" alt="a link to the wikipedia page for Kazunori Yamauchi">Gran Turismo</a></li>
<li>my paramour at the time he shared his theory of my personality</li>
<li>barbeque sauce. I suppose it is here that I admit I grew up in St. Louis, Missouri</em></li>
<li>my retainer <em class="bg-success">(now lost)</em></li>
<li>guitar (My first love was/is the piano...)</li>
</ol>
</div>
</div>
<h3><em>Gentiana lutea:</em> <span class="bg-info">Gentianaceae (Gentian Family)</span></h3>
<img src="img/Gelber_Enzian_(Gentiana_lutea),_Blütenstand.jpg" alt="an image of Gentiana Lutea, a yellow flower">
<blockquote class="blockquote">
<p>"Without this tall yellow flower that grows wild in French alpine meadows, any number of classic cocktails would not exist. The Manhattan, the Negroni, and the Old-Fashioned all rely on the bitterness of gentian."</p>
<footer class="blockquote-footer">Amy Stewart, the Drunken Botanist: the Plants That Create the World's Great Drinks</footer>
</blockquote>
<div class="card">
<div class="card-body">
<h2 class="card-title">A Boring Lecture: via Webpage</h2>
<ul class="card-text">
<li><a href="https://github.com/sinkstyt/boring-lecture" alt="a link to the repo containing boring-lecture">A Boring Lecture Featuring an Exciting Witch Image</a></li>
<li>website created with the student in mind</li>
<li>educational goals driving this page include styling via classes and the ubiquitous div element</li>
<li>admittedly, I only understood quite recently just how much <em>Monty Python and the Holy Grail</em> parodied Roman Polanski's movie adaptation of <em>Macbeth.</em></li>
<li>For Shakespeare fans: <a href="https://www.cnn.com/style/article/shakespeare-first-folio-auction/index.html" alt="a link to a news blurb about the auctioning of a very old collection of Shakespeare plays">what happened to that first folio of his?</a></li>
<li>everyone could use a boring lecture now and then</li>
</ul>
</div>
</div>
<h4><a id="contact" href="mailto:[email protected]">Email Tyler</a></h4>
</div>
</body>
</html>