jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-09-14 03:35:32 -04:00
Code Issues Activity

CSS tweaks

Browse Source
This commit is contained in:
Jake Jarvis
2018-03-22 09:20:50 -04:00
parent 74971eb755
commit 20f8fb63c0
2 changed files with 34 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
public/index.html
View File

@@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="utf-8">
<title>Jake Jarvis</title>
<title>Jake Jarvis &ndash; Web &amp; Mobile Developer in Boston, MA</title>
<meta name="description" content="I'm a 26-year-old web and mobile entrepreneur living in Boston and studying at Tufts University.">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width">
@@ -16,7 +16,6 @@
</head>
<body>
<div id="container">
<div id="content">
<img id="me" src="me.jpg" alt="Jake Jarvis" title="Jake Jarvis">
<h1>Hello! I'm Jake. &#x1F44B;</h1>
<h2>I'm a web and mobile developer living in <a href="https://www.urbandictionary.com/define.php?term=Boston" id="boston" target="_blank" rel="noopener noreferrer nofollow">Boston</a>.</h2>
@@ -35,10 +34,9 @@
</p>
<p>You can find some of my work on <a href="https://github.com/jakejarvis" id="github" target="_blank" rel="noopener noreferrer nofollow">GitHub</a> or <a href="https://www.linkedin.com/in/jakejarvis/" id="linkedin" target="_blank" rel="noopener noreferrer nofollow">LinkedIn</a>, my adventures on <a href="https://twitter.com/jakejarvis" class="twitter" target="_blank" rel="noopener noreferrer nofollow">Twitter</a>, <a href="https://www.facebook.com/jakejarvis" id="facebook" target="_blank" rel="noopener noreferrer nofollow">Facebook</a>, or <a href="https://www.instagram.com/jakejarvis/" id="instagram" target="_blank" rel="noopener noreferrer nofollow">Instagram</a>, and my boring PDF resume <a href="https://drive.google.com/file/d/0B0VTe_b5fqnSRVEzZDJoUHZxMnM/view" id="resume" rel="nofollow">right here</a>.</p>
<p>I've been <a href="https://profiles.udacity.com/u/jakejarvis" id="udacity" target="_blank" rel="noopener noreferrer nofollow">spending my free time</a> dipping my toes into the waters of <a href="https://www.symantec.com/security-center/threat-report" id="infosec" target="_blank" rel="noopener noreferrer nofollow">information security</a> and <a href="https://martinfowler.com/articles/serverless.html" id="serverless" target="_blank" rel="noopener noreferrer nofollow">serverless cloud architecture</a>, especially the <a href="https://cloud.google.com/containers/" id="containerization" target="_blank" rel="noopener noreferrer nofollow">containerization of everything</a>.</p>
<p>If any of this jibes with what you're looking for, I'd love to hear from you via <a href="http://www.google.com/recaptcha/mailhide/d?k=01ZzhlmsGArcg71LQvaD9fPA==&amp;c=qY-Y4H2c3dNzvkLjmkK-DiOt8wwynhvZK2GFaGP1pSQ=" onclick="window.open('http://www.google.com/recaptcha/mailhide/d?k\x3d01ZzhlmsGArcg71LQvaD9fPA\x3d\x3d\x26c\x3dqY-Y4H2c3dNzvkLjmkK-DiOt8wwynhvZK2GFaGP1pSQ\x3d', '', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=500,height=300'); return false;" id="email">email</a><sup><a href="https://keybase.io/jakejarvis/pgp_keys.asc?fingerprint=87fb4b6006dd1beb3ed47fabd36cb66f4002b25b" id="pgp" target="_blank" rel="noopener noreferrer nofollow">D36C B66F 4002 B25B</a></sup>, <a href="https://twitter.com/messages/compose?recipient_id=229769022" class="twitter" target="_blank" rel="noopener noreferrer nofollow">DM</a>, or <a href="sms:+1-908-444-6655" id="sms">text</a>!</p>
<p>If any of this jibes with what you're looking for, I'd love to hear from you via <a href="https://www.google.com/recaptcha/mailhide/d?k=01ZzhlmsGArcg71LQvaD9fPA==&amp;c=qY-Y4H2c3dNzvkLjmkK-DiOt8wwynhvZK2GFaGP1pSQ=" onclick="window.open('https://www.google.com/recaptcha/mailhide/d?k\x3d01ZzhlmsGArcg71LQvaD9fPA\x3d\x3d\x26c\x3dqY-Y4H2c3dNzvkLjmkK-DiOt8wwynhvZK2GFaGP1pSQ\x3d', '', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=500,height=300'); return false;" id="email">email</a><sup><a href="https://keybase.io/jakejarvis/pgp_keys.asc?fingerprint=87fb4b6006dd1beb3ed47fabd36cb66f4002b25b" id="pgp" target="_blank" rel="noopener noreferrer nofollow">D36C B66F 4002 B25B</a></sup>, <a href="https://twitter.com/messages/compose?recipient_id=229769022" class="twitter" target="_blank" rel="noopener noreferrer nofollow">DM</a>, or <a href="sms:+1-908-444-6655" id="sms">text</a>!</p>
<p id="copyright"><a href="https://web.archive.org/web/*/jakejarvis.com" id="wayback" target="_blank" rel="noopener noreferrer nofollow">&copy; 1999 &ndash;</a> 2018 Jake Jarvis.<span>&#x1F43C;</span><a href="https://github.com/jakejarvis/jakejarvis.com" id="source" target="_blank" rel="noopener noreferrer nofollow">View source on GitHub.</a></p>
</div>
</div>
<script>
var _gaq = [['_setAccount', 'UA-1563964-4'], ['_trackPageview']];
(function() {

30
public/style.css
View File

@@ -226,12 +226,23 @@ table {
/* custom CSS */
body {
display: table;
width: 100%;
height: 100%;
color: #1a1a1a;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 24px;
line-height: 1.5;
width: 60%;
}
div#container {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
margin: 0 auto;
padding: 10%;
}
img#me {
@@ -243,21 +254,6 @@ img#me {
height: 120px;
}
div#container {
display: table;
height: 100%;
position: absolute;
width: 100%;
}
div#content {
display: table-cell;
padding: 10%;
vertical-align: middle;
margin: 0 auto;
width: 100%;
}
a {
text-decoration: none;
border-bottom: 1px dashed transparent;
@@ -279,7 +275,7 @@ h2 {
}
p {
margin: 20px 0px;
margin: 20px 0;
}
sup {