Rewrote home page, added markdown compiler

This commit is contained in:
Tim Stallard 2016-04-19 23:16:47 +01:00
parent b240fef922
commit 049474146f
4 changed files with 51 additions and 42 deletions

View File

@ -8,6 +8,7 @@
"docpad-plugin-cleanurls": "~2.8.1", "docpad-plugin-cleanurls": "~2.8.1",
"docpad-plugin-ejs": "~2.0.2", "docpad-plugin-ejs": "~2.0.2",
"docpad-plugin-livereload": "~2.7.1", "docpad-plugin-livereload": "~2.7.1",
"docpad-plugin-marked": "~2.3.0",
"docpad-plugin-moment": "~2.0.2", "docpad-plugin-moment": "~2.0.2",
"docpad-plugin-nodesass": "~2.8.1" "docpad-plugin-nodesass": "~2.8.1"
}, },

View File

@ -1,42 +0,0 @@
---
layout: core
title: "Home"
icon: "home"
order: 0
---
<div id="big">
<div id="columns">
<div class="animated">
<div id="text">
<h1 style="font-size: 7.85vw; font-family: 'Open Sans';">Hi, I'm Tim!</h1>
<h2 style="font-size: 1.48vw;">Programmer, Student, Hardware-hacker, Sysadmin, Geek.</h2>
<div id="maindesc">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus varius facilisis commodo. Aliquam convallis at sem at scelerisque. Integer dictum, ipsum a mollis dictum, erat tortor imperdiet urna, vitae scelerisque sem augue nec sapien. Mauris interdum tempor semper. Proin tristique lacinia commodo. Sed sed rhoncus purus, vitae feugiat massa. Quisque leo turpis, dapibus ut nisl vitae, placerat pretium risus. Duis sit amet tellus tristique, porta dolor vel, consequat eros. Donec vel nunc vehicula, accumsan diam ut, blandit massa. Nullam pellentesque mi pretium scelerisque ultricies.
</div>
</div>
</div>
<div class="animated">
<img src="/img/Photo.jpg" />
</div>
</div>
<div class="social animated">
<a class="fa fa-twitter-square" href="https://twitter.com/Tim_Stallard" target="_blank"></a>
<a class="fa fa-facebook-square" href="https://facebook.com/geekytim" target="_blank"></a>
<a class="fa fa-github-square" href="https://github.com/TimStallard" target="_blank"></a>
</div>
</div>
<div id="slim" class="animated">
<div class="header animated">
<h1 style="font-size: 15.8vw; font-family: 'Open Sans';">Hi, I'm Tim!</h1>
<h2 style="font-size: 3vw;">Programmer, Student, Hardware-hacker, Sysadmin, Geek.</h2>
</div>
<img src="/img/Photo.jpg" class="animated" />
<div class="description animated">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus varius facilisis commodo. Aliquam convallis at sem at scelerisque. Integer dictum, ipsum a mollis dictum, erat tortor imperdiet urna, vitae scelerisque sem augue nec sapien. Mauris interdum tempor semper. Proin tristique lacinia commodo. Sed sed rhoncus purus, vitae feugiat massa. Quisque leo turpis, dapibus ut nisl vitae, placerat pretium risus. Duis sit amet tellus tristique, porta dolor vel, consequat eros. Donec vel nunc vehicula, accumsan diam ut, blandit massa. Nullam pellentesque mi pretium scelerisque ultricies.
</div>
<div class="social animated">
<a class="fa fa-twitter-square" href="https://twitter.com/Tim_Stallard" target="_blank"></a>
<a class="fa fa-facebook-square" href="https://facebook.com/geekytim" target="_blank"></a>
<a class="fa fa-github-square" href="https://github.com/TimStallard" target="_blank"></a>
</div>
</div>

View File

@ -0,0 +1,11 @@
---
layout: home
title: "Home"
icon: "home"
order: 0
bigtitle: "Hi, I'm Tim!"
subtitle: "Programmer, Student, Hardware-hacker, Sysadmin, Geek."
---
Hey There! I'm Tim, a 17 year old guy from Warwickshire who's a bit obsessed with technology. When I'm not sitting in lessons studying for my A Levels, you'll normally find me in a dark room, surrounded by screens, messing around with some code or servers.
I primarily do Web Development, starting with HTML when I was around 8, and more recently including some fun server-side projects using modern technologies such as Node.JS. I also enjoy working with computer hardware, ranging from building my own systems to maintaining a small homelab set of servers. While I'm a day-to-day Windows guy, I'm equally at home sitting at a Linux command line.

39
src/layouts/home.html.ejs Normal file
View File

@ -0,0 +1,39 @@
---
layout: core
---
<div id="big">
<div id="columns">
<div class="animated">
<div id="text">
<h1 style="font-size: 7.85vw; font-family: 'Open Sans';"><%- document.bigtitle %></h1>
<h2 style="font-size: 1.48vw;"><%- document.subtitle %></h2>
<div id="maindesc">
<%- content %>
</div>
</div>
</div>
<div class="animated">
<img src="/img/Photo.jpg" />
</div>
</div>
<div class="social animated">
<a class="fa fa-twitter-square" href="https://twitter.com/Tim_Stallard" target="_blank"></a>
<a class="fa fa-facebook-square" href="https://facebook.com/geekytim" target="_blank"></a>
<a class="fa fa-github-square" href="https://github.com/TimStallard" target="_blank"></a>
</div>
</div>
<div id="slim" class="animated">
<div class="header animated">
<h1 style="font-size: 15.8vw; font-family: 'Open Sans';"><%- document.bigtitle %></h1>
<h2 style="font-size: 3vw;"><%- document.subtitle %></h2>
</div>
<img src="/img/Photo.jpg" class="animated" />
<div class="description animated">
<%- content %>
</div>
<div class="social animated">
<a class="fa fa-twitter-square" href="https://twitter.com/Tim_Stallard" target="_blank"></a>
<a class="fa fa-facebook-square" href="https://facebook.com/geekytim" target="_blank"></a>
<a class="fa fa-github-square" href="https://github.com/TimStallard" target="_blank"></a>
</div>
</div>