Browse Source

now

rewrite
Ben Harris 3 years ago
parent
commit
698a3807a6
  1. 88
      header.php
  2. 168
      now/index.html
  3. 77
      now/index.php

88
header.html → header.php

@ -1,44 +1,44 @@
<!DOCTYPE html>
<!--[if lt IE 8 ]><html class="no-js ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="no-js ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 8)|!(IE)]><!-->
<html class="no-js" lang="en">
<!--<![endif]-->
<head>
<!--- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<title>Benjamin Harris</title>
<meta name="description" content="Benjamin Harris">
<meta name="author" content="Benjamin Harris">
<meta name="theme-color" content="#333333">
<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="openid.delegate" href="https://benharr.is/" />
<link rel="openid.server" href="https://openid.indieauth.com/openid" />
<link rel="pingback" href="https://webmention.io/benharr.is/xmlrpc" />
<link rel="webmention" href="https://webmention.io/benharr.is/webmention" />
<link rel="pgpkey" href="/keypub.txt">
<!-- CSS
================================================== -->
<link rel="stylesheet" href="css/default.css">
<link rel="stylesheet" href="css/layout.css">
<link rel="stylesheet" href="css/media-queries.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Script
================================================== -->
<script src="js/modernizr.js"></script>
<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="favicon.ico">
</head>
<body>
<!DOCTYPE html>
<!--[if lt IE 8 ]><html class="no-js ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="no-js ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 8)|!(IE)]><!-->
<html class="no-js" lang="en">
<!--<![endif]-->
<head>
<!--- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<title>Benjamin Harris</title>
<meta name="description" content="Benjamin Harris">
<meta name="author" content="Benjamin Harris">
<meta name="theme-color" content="#333333">
<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="openid.delegate" href="https://benharr.is/" />
<link rel="openid.server" href="https://openid.indieauth.com/openid" />
<link rel="pingback" href="https://webmention.io/benharr.is/xmlrpc" />
<link rel="webmention" href="https://webmention.io/benharr.is/webmention" />
<link rel="pgpkey" href="/keypub.txt">
<!-- CSS
================================================== -->
<link rel="stylesheet" href="css/default.css">
<link rel="stylesheet" href="css/layout.css">
<link rel="stylesheet" href="css/media-queries.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Script
================================================== -->
<script src="js/modernizr.js"></script>
<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="favicon.ico">
</head>
<body>

168
now/index.html

@ -1,168 +0,0 @@
<!DOCTYPE html>
<!--[if lt IE 8 ]><html class="no-js ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="no-js ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 8)|!(IE)]><!--><html class="no-js" lang="en"> <!--<![endif]-->
<head>
<!--- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<title>Now | Benjamin Harris</title>
<meta name="description" content="Benjamin Harris">
<meta name="author" content="Benjamin Harris">
<meta name="theme-color" content="#333333">
<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS
================================================== -->
<link rel="stylesheet" href="/css/default.css">
<link rel="stylesheet" href="/css/layout.css">
<link rel="stylesheet" href="/css/media-queries.css">
<link rel="stylesheet" href="/css/magnific-popup.css">
<!-- Script
================================================== -->
<script src="/js/modernizr.js"></script>
<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="/favicon.ico" >
<style>
header {
position: relative;
height: 600px;
min-height: 400px;
width: 100%;
background: #161415 url("/images/now-background.jpg") no-repeat top center;
background-size: cover !important;
-webkit-background-size: cover !important;
text-align: center;
overflow: hidden;
}
</style>
</head>
<body>
<!-- Header
================================================== -->
<header id="home">
<nav id="nav-wrap">
<a class="mobile-btn" href="#nav-wrap" title="Show navigation">Show navigation</a>
<a class="mobile-btn" href="#" title="Hide navigation">Hide navigation</a>
<ul id="nav" class="nav">
<li><a href="/">Home</a></li>
<li><a href="/#about">About</a></li>
<li><a href="/#resume">Resume</a></li>
<li><a href="/#contact">Contact</a></li>
<li class="current"><a class="smoothscroll" href="#now">Now</a></li>
</ul> <!-- end #nav -->
</nav> <!-- end #nav-wrap -->
<div class="row banner">
<div class="banner-text">
<h1 class="responsive-headline">What I'm up to now</h1>
<!--<h3>This is what I'm working on <a class="smoothscroll" href="#now">now</a></h3>-->
<hr />
</div>
</div>
</header> <!-- Header End -->
<!-- Now Section
================================================== -->
<section id="resume">
<div class="row">
<div class="three columns">
<img class="profile-pic" src="/images/profilepic.jpg" alt="" />
</div>
<div class="nine columns main-col">
<h2>What I've been up to</h2>
<ul>
<li>&bull; Living in Traverse City, MI</li>
<li>&bull; Working at Hagerty Classic Car Insurance as a <del>Test Engineer</del> <ins>Developer</ins></li>
<li>&bull; Learning C# and practicing Ruby</li>
<li>&bull; Flying Drones</li>
<li>&bull; Thinking of cool ideas for <a href="https://tilde.team">tilde.team</a></li>
<li>&bull; We have a <a href="https://tilde.team/discord/">Discord server</a> now!</li>
<li>&bull; Looking for open source projects to contribute to. <a href="mailto:ben@tilde.team">Hit me up</a> if you have any ideas or suggestions.</li>
</ul>
<p>Updated December 11th, 2017</p>
</div> <!-- end .main-col -->
</div>
</section> <!-- About Section End-->
<!-- footer
================================================== -->
<footer>
<div class="row">
<div class="twelve columns">
<ul class="social social-links">
<li><a href="https://github.com/benharri"><i class="fa fa-github"></i></a></li>
<li><a href="https://gitlab.com/benharri"><i class="fa fa-gitlab"></i></a></li>
<li><a href="https://t.me/bharris"><i class="fa fa-paper-plane"></i></a></li>
<li><a href="https://facebook.com/bharrismac"><i class="fa fa-facebook"></i></a></li>
<li><a href="https://twitter.com/nebsirrah"><i class="fa fa-twitter"></i></a></li>
<li><a href="https://www.linkedin.com/in/benjaminhharris"><i class="fa fa-linkedin"></i></a></li>
<li><a href="https://instagram.com/benharr.is"><i class="fa fa-instagram"></i></a></li>
</ul>
<ul class="copyright">
<li>&copy; Copyright 2017 Benjamin Harris</li>
</ul>
</div>
<div id="go-top"><a class="smoothscroll" title="Back to Top" href="#home"><i class="icon-up-open"></i></a></div>
</div>
</footer> <!-- Footer End-->
<!-- Java Script
================================================== -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="/js/jquery-1.10.2.min.js"><\/script>')</script>
<script type="text/javascript" src="/js/jquery-migrate-1.2.1.min.js"></script>
<script src="/js/jquery.flexslider.js"></script>
<script src="/js/waypoints.js"></script>
<script src="/js/jquery.fittext.js"></script>
<script src="/js/magnific-popup.js"></script>
<script src="/js/now.js"></script>
</body>
</html>

77
now/index.php

@ -0,0 +1,77 @@
<?php
include "../header.html";
?>
<!-- Header
================================================== -->
<header id="home">
<nav id="nav-wrap">
<a class="mobile-btn" href="#nav-wrap" title="Show navigation">Show navigation</a>
<a class="mobile-btn" href="#" title="Hide navigation">Hide navigation</a>
<ul id="nav" class="nav">
<li><a href="/">Home</a></li>
<li><a href="/#about">About</a></li>
<li><a href="/#resume">Resume</a></li>
<li><a href="/#contact">Contact</a></li>
<li class="current"><a class="smoothscroll" href="#now">Now</a></li>
</ul> <!-- end #nav -->
</nav> <!-- end #nav-wrap -->
<div class="row banner">
<div class="banner-text">
<h1 class="responsive-headline">What I'm up to now</h1>
<!--<h3>This is what I'm working on <a class="smoothscroll" href="#now">now</a></h3>-->
<hr />
</div>
</div>
</header> <!-- Header End -->
<!-- Now Section
================================================== -->
<section id="resume">
<div class="row">
<div class="three columns">
<img class="profile-pic" src="/images/profilepic.jpg" alt="" />
</div>
<div class="nine columns main-col">
<h2>What I've been up to</h2>
<ul>
<li>&bull; Living in Traverse City, MI</li>
<li>&bull; Working at Hagerty Classic Car Insurance as a <del>Test Engineer</del> <ins>Developer</ins></li>
<li>&bull; Learning C# and practicing Ruby</li>
<li>&bull; <del>Flying Drones</del> (cold isn't good for battery life, hopefully picking this back up once it's warmer out:)</li>
<li>&bull; Thinking of cool ideas for <a href="https://tilde.team">tilde.team</a></li>
<li>&bull; We have a <a href="https://tilde.team/discord/">Discord server</a> now!</li>
<li>&bull; Probably spending too much time on irc??? <a href="https://tilde.team/irc/">tilde-irc</a></li>
<li>&bull; Looking for open source projects to contribute to. <a href="mailto:ben@tilde.team">Hit me up</a> if you have any ideas or suggestions.</li>
</ul>
<p>Updated April 10th, 2018</p>
</div> <!-- end .main-col -->
</div>
</section> <!-- About Section End-->
<?php include "../footer.php";
Loading…
Cancel
Save