jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-07-19 19:45:31 -04:00
Code Issues Activity

homepage tweaks

Browse Source
This commit is contained in:
Jake Jarvis
2018-11-26 19:42:55 -05:00
parent 0e1063cd8d
commit 21733ba71b
2 changed files with 47 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
layouts/index.html
View File

@@ -3,9 +3,9 @@
<img id="me" src="{{ "me.jpg" | relURL }}" alt="Jake Jarvis" title="Photo of Jake Jarvis">
<h1>Hello! I'm Jake. <span id="wave">&#x1F44B;<!--&#x1F3FB;--></span></h1>
<h2>I'm a web and mobile developer based in <a href="https://www.youtube-nocookie.com/embed/rLwbzGyC6t4?hl=en&fs=1&showinfo=1&rel=0&iv_load_policy=3" title="&quot;Boston Accent Trailer - Late Night with Seth Meyers&quot; on YouTube" id="boston" target="_blank" rel="noopener noreferrer nofollow">Boston</a>.</h2>
<p>My recent focus has been on lean <a href="https://stackoverflow.blog/2018/01/11/brutal-lifecycle-javascript-frameworks/" title="&quot;The Brutal Lifecycle of JavaScript Frameworks&quot; on Stack Overflow" id="javascript" target="_blank" rel="noopener noreferrer nofollow">JavaScript frameworks</a> like <a href="https://nodejs.org/en/" title="Node.js Official Website" id="node" target="_blank" rel="noopener noreferrer nofollow">Node</a>, <a href="https://reactjs.org/" title="React Official Website" id="react" target="_blank" rel="noopener noreferrer nofollow">React</a>, and <a href="https://angular.io/" title="Angular Official Website" id="angular" target="_blank" rel="noopener noreferrer nofollow">Angular</a>...</p>
<p>...but I'm also proficient in classics like <a href="https://www.quora.com/Will-PHP-die-in-2018/answer/John-Morris-67" title="&quot;Will PHP die in 2018?&quot; on Quora" id="php" target="_blank" rel="noopener noreferrer nofollow">PHP</a>, <a href="https://www.ruby-lang.org/en/" title="Ruby Official Website" id="ruby" target="_blank" rel="noopener noreferrer nofollow">Ruby</a>, <a href="https://go.java/index.html" title="Java Official Website" id="java" target="_blank" rel="noopener noreferrer nofollow">Java</a>, <a href="https://isocpp.org/" title="Standard C++ Official Website" id="cpp" target="_blank" rel="noopener noreferrer nofollow">C++</a>, and <a href="https://www.python.org/" title="Python Official Website" id="python" target="_blank" rel="noopener noreferrer nofollow">Python</a>.</p>
<p>You can find some of my work on <a href="https://github.com/jakejarvis" title="Jake Jarvis on GitHub" id="github" target="_blank" rel="noopener noreferrer nofollow">GitHub</a> or <a href="https://www.linkedin.com/in/jakejarvis/" title="Jake Jarvis on LinkedIn" id="linkedin" target="_blank" rel="noopener noreferrer nofollow">LinkedIn</a>, my adventures on <a href="https://twitter.com/jakejarvis" title="Jake Jarvis on Twitter" class="twitter" target="_blank" rel="noopener noreferrer nofollow">Twitter</a>, <a href="https://www.facebook.com/jakejarvis" title="Jake Jarvis on Facebook" id="facebook" target="_blank" rel="noopener noreferrer nofollow">Facebook</a>, or <a href="https://www.instagram.com/jakejarvis/" title="Jake Jarvis on Instagram" id="instagram" target="_blank" rel="noopener noreferrer nofollow">Instagram</a>, and my classic PDF resume <a href="{{ "resume.pdf" | relURL }}" title="PDF Resume" id="resume" target="_blank" rel="noopener">right here</a>.</p>
<p>My recent focus has been on lean <a href="https://stackoverflow.blog/2018/01/11/brutal-lifecycle-javascript-frameworks/" title="&quot;The Brutal Lifecycle of JavaScript Frameworks&quot; by Ian Allen" id="javascript" target="_blank" rel="noopener noreferrer nofollow">JavaScript frameworks</a> like <a href="https://nodejs.org/en/" title="Node.js Official Website" id="node" target="_blank" rel="noopener noreferrer nofollow">Node</a>, <a href="https://reactjs.org/" title="React Official Website" id="react" target="_blank" rel="noopener noreferrer nofollow">React</a>, and <a href="https://angular.io/" title="Angular Official Website" id="angular" target="_blank" rel="noopener noreferrer nofollow">Angular</a>...</p>
<p>...but I'm proficient in classics like <a href="https://www.quora.com/Will-PHP-die-in-2018/answer/John-Morris-67" title="&quot;Will PHP die in 2018?&quot; on Quora" id="php" target="_blank" rel="noopener noreferrer nofollow">PHP</a>, <a href="https://www.ruby-lang.org/en/" title="Ruby Official Website" id="ruby" target="_blank" rel="noopener noreferrer nofollow">Ruby</a>, <a href="https://go.java/index.html" title="Java Official Website" id="java" target="_blank" rel="noopener noreferrer nofollow">Java</a>, <a href="https://isocpp.org/" title="Standard C++ Official Website" id="cpp" target="_blank" rel="noopener noreferrer nofollow">C++</a>, and <a href="https://www.python.org/" title="Python Official Website" id="python" target="_blank" rel="noopener noreferrer nofollow">Python</a> as well.</p>
<p>Whenever possible, I also prioritize my experience with <a href="https://mchow01.github.io/security/2015/09/14/learning-more-about-security.html" title="&quot;On Learning More About Information Security&quot; by Ming Chow" id="infosec" target="_blank" rel="noopener noreferrer nofollow">information security</a>, <a href="https://martinfowler.com/articles/serverless.html" title="&quot;Serverless Architectures&quot; by Mike Roberts" id="serverless" target="_blank" rel="noopener noreferrer nofollow">server<span id="shh">(less)</span> architecture</a>, and the <a href="https://blog.scalyr.com/2018/09/containers-benefits-making-business-case/" title="&quot;Containers: Benefits and Making a Business Case&quot; by Erik Dietrich" id="containerization" target="_blank" rel="noopener noreferrer nofollow">containerization of everything</a>.</p>
<p>I fell <a href="{{ "y2k/" | relURL }}" title="My Terrible, Horrible, No Good, Very Bad First Website" id="y2k" target="_blank" rel="noopener nofollow">in love with front-end web development <span id="shh">(don't judge)</span></a> back when my only source of income was <span id="fairy">the Tooth Fairy</span>.</p>
<p>Since then, my side projects
<a href="https://tuftsdaily.com/news/2012/04/06/student-designs-iphone-joeytracker-app/" title="&quot;Student designs iPhone JoeyTracker app&quot; on The Tufts Daily" id="news-1" target="_blank" rel="noopener noreferrer nofollow">have</a> <!-- https://archive.fo/LZ3y0 --> <!-- /daily.pdf -->
@@ -16,7 +16,8 @@
<a href="https://web.archive.org/web/20130910070915/http://www.switched.com/2009/07/23/10-tech-whizzes-under-20/" title="&quot;10 Tech Whizzes Under 20&quot; on AOL Switched" id="news-6" target="_blank" rel="noopener noreferrer nofollow">news</a> <!-- http://www.switched.com/2009/07/23/10-tech-whizzes-under-20/ -->
<a href="https://web.archive.org/web/20090605063347/http://www.contentnext.com:80/econaffinity/list/top-10-kids-in-tech/P4" title="&quot;Fresh Faces in Tech: 10 Kid Entrepreneurs to Watch&quot; on ContentNext" id="news-7" target="_blank" rel="noopener noreferrer nofollow">outlets</a>. <!-- http://paidcontent.org/article/419-our-list-fresh-faces-in-tech-10-kid-entrepreneurs-to-watch/ -->
</p>
<p>If any of this fits with what you're looking for, I'd love to hear from you via <a href="&#109;&#97;&#105;&#108;&#116;&#111;&#58;&#106;&#97;&#107;&#101;&#106;&#97;&#114;&#118;&#105;&#115;&#64;&#103;&#109;&#97;&#105;&#108;&#46;&#99;&#111;&#109;" title="Send Email" id="email">email</a><sup><a href="https://keybase.io/jakejarvis/pgp_keys.asc?fingerprint=87fb4b6006dd1beb3ed47fabd36cb66f4002b25b" title="Jake Jarvis's Public Key on Keybase" id="pgp" target="_blank" rel="noopener noreferrer nofollow">D36C B66F 4002 B25B</a></sup>, <a href="https://twitter.com/messages/compose?recipient_id=229769022" title="Send Direct Message on Twitter" class="twitter" target="_blank" rel="noopener noreferrer nofollow">DM</a>, or <a href="sms:+1-908-444-6655" title="Send SMS: +1 (908) 444-6655" id="sms">text</a>!</p>
<p>You can find some of my work on <a href="https://github.com/jakejarvis" title="Jake Jarvis on GitHub" id="github" target="_blank" rel="noopener noreferrer nofollow">GitHub</a> or <a href="https://www.linkedin.com/in/jakejarvis/" title="Jake Jarvis on LinkedIn" id="linkedin" target="_blank" rel="noopener noreferrer nofollow">LinkedIn</a>, my adventures on <a href="https://twitter.com/jakejarvis" title="Jake Jarvis on Twitter" class="twitter" target="_blank" rel="noopener noreferrer nofollow">Twitter</a>, <a href="https://www.facebook.com/jakejarvis" title="Jake Jarvis on Facebook" id="facebook" target="_blank" rel="noopener noreferrer nofollow">Facebook</a>, or <a href="https://www.instagram.com/jakejarvis/" title="Jake Jarvis on Instagram" id="instagram" target="_blank" rel="noopener noreferrer nofollow">Instagram</a>, and my classic PDF resume <a href="{{ "resume.pdf" | relURL }}" title="PDF Resume" id="resume" target="_blank" rel="noopener">right here</a>.</p>
<p>If any of this fits with what you're looking for, I'd love to hear from you via <a href="&#x6D;&#x61;&#x69;&#x6C;&#x74;&#x6F;&#x3A;&#x6A;&#x61;&#x6B;&#x65;&#x40;&#x6A;&#x61;&#x72;&#x76;&#x2E;&#x69;&#x73;" title="Send Email" id="email">email</a><sup><a href="https://keybase.io/jakejarvis/pgp_keys.asc?fingerprint=87fb4b6006dd1beb3ed47fabd36cb66f4002b25b" title="Jake Jarvis's Public Key on Keybase" id="pgp" target="_blank" rel="noopener noreferrer nofollow">D36C B66F 4002 B25B</a></sup>, <a href="https://twitter.com/messages/compose?recipient_id=229769022" title="Send Direct Message on Twitter" class="twitter" target="_blank" rel="noopener noreferrer nofollow">DM</a>, or <a href="sms:+1-908-444-6655" title="Send SMS: +1 (908) 444-6655" id="sms">text</a>!</p>
<p id="copyright"><a href="https://web.archive.org/web/*/jakejarvis.com" title="View Old Versions on Wayback Machine" id="wayback" target="_blank" rel="noopener noreferrer nofollow">&copy; 1999 &ndash;</a> 2018 Jake Jarvis. <span>&#x1F43C;</span> <a href="https://git.jarv.is/jake/jarv.is" title="View Source Code on GitLab" id="source" target="_blank" rel="noopener">View source.</a></p>
</div>
{{ end }}

82
static/style.css
View File

@@ -212,7 +212,7 @@ div#home {
width: 100%;
height: 100%;
margin: 0 auto;
padding: 10%;
padding: 8%;
}
img#me {
@@ -279,24 +279,6 @@ a#boston:hover {
border-color: #008349;
}
a#y2k {
color: #ffcd47;
}
a#y2k:hover {
border-color: #ffcd47;
}
span#shh {
color: #cccccc;
}
span#fairy {
color: #fd5da8;
}
span#fairy:hover {
cursor: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMiIgc3R5bGU9ImZvbnQtc2l6ZToxNnB4Ij48dGV4dCB5PSIxOCI+8J+nmjwvdGV4dD48L3N2Zz4=), default !important;
}
a#javascript {
color: #f48024;
}
@@ -360,6 +342,47 @@ a#ruby:hover {
border-color: #d34135;
}
a#infosec {
color: #00b81a;
}
a#infosec:hover {
border-color: #00b81a;
}
a#serverless {
color: #0098ec;
}
a#serverless:hover {
border-color: #0098ec;
}
a#serverless span#shh {
color: #a2d9f9;
}
a#containerization {
color: #c48f49;
}
a#containerization:hover {
border-color: #c48f49;
}
a#y2k {
color: #ffcd47;
}
a#y2k:hover {
border-color: #ffcd47;
}
a#y2k span#shh {
color: #cccccc;
}
span#fairy {
color: #fd5da8;
}
span#fairy:hover {
cursor: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMiIgc3R5bGU9ImZvbnQtc2l6ZToxNnB4Ij48dGV4dCB5PSIxOCI+8J+nmjwvdGV4dD48L3N2Zz4=), default !important;
}
a#github {
color: #7290a4;
}
@@ -458,27 +481,6 @@ a#pluralsight:hover {
border-color: #e80c87;
}
a#infosec {
color: #ed1c24;
}
a#infosec:hover {
border-color: #ed1c24;
}
a#serverless {
color: #ff9900;
}
a#serverless:hover {
border-color: #ff9900;
}
a#containerization {
color: #c48f49;
}
a#containerization:hover {
border-color: #c48f49;
}
a#resume {
color: #c30b15;
}