129 lines
4.4 KiB
HTML
129 lines
4.4 KiB
HTML
<head>
|
|
<meta name="url" content="" />
|
|
<meta name="save_as" content="index.html" />
|
|
<meta name="title" content="Homepage" />
|
|
<meta name="template" content="page-home">
|
|
</head>
|
|
<body>
|
|
<header class="bg-primary">
|
|
<div class="header-content">
|
|
<div class="header-content-inner">
|
|
<h1>{{ AUTHOR }}</h1>
|
|
<hr>
|
|
<p>Full-stack Developer, Hardware tinkerer, <i>Hacker</i> of all the things</p>
|
|
</div>
|
|
</div>
|
|
<a href="#about" class="page-scroll">
|
|
<i class="fa fa-chevron-down animated pulse infinite" aria-hidden="true"></i>
|
|
</a>
|
|
</header>
|
|
|
|
<section class="bg-primary" id="about">
|
|
<div class="container text-center">
|
|
<h2 class="section-heading">About</h2>
|
|
<hr class="light">
|
|
<p>
|
|
Hi, I'm Jake. I've been working as a full-stack developer for just over a year. This is my website, where all my projects, blog posts, and other stuff live. Some of it useful, some not so much!
|
|
</p>
|
|
<a href="/about/" class="btn btn-primary-dark btn-xl">More Info</a>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="skills">
|
|
<div class="container text-center">
|
|
<h2 class="section-heading">Skills</h2>
|
|
<hr class="primary">
|
|
<div class="row">
|
|
<div class="col-lg-3 col-md-6">
|
|
<div class="service-box">
|
|
<i class="fa fa-4x fa-server wow bounceIn text-primary" data-wow-delay=".3s"></i>
|
|
<h3>Server</h3>
|
|
<p>Designing and building high-performance server applications and environments</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6">
|
|
<div class="service-box">
|
|
<i class="fa fa-4x fa-firefox wow bounceIn text-primary" data-wow-delay=".5s"></i>
|
|
<h3>Client</h3>
|
|
<p>Creating functional, fast, and responsive websites</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6">
|
|
<div class="service-box">
|
|
<i class="fa fa-4x fa-mobile wow bounceIn text-primary" data-wow-delay=".7s"></i>
|
|
<h3>Mobile</h3>
|
|
<p>Building lightweight, cross-platform mobile applications</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6">
|
|
<div class="service-box">
|
|
<i class="fa fa-4x fa-usb wow bounceIn text-primary" data-wow-delay=".9s"></i>
|
|
<h3>Hardware</h3>
|
|
<p>Constructing workflow-specific Desktops, Servers and Notebooks</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="projects">
|
|
<div class="container-fluid">
|
|
<div class="row no-gutter">
|
|
{% for project in INDEX_PROJECTS %}
|
|
<div class="col-lg-4 col-sm-6">
|
|
<a href="{{ project.url }}" class="portfolio-box image" data-image="{{ project.image }}">
|
|
<div class="portfolio-box-caption">
|
|
<div class="portfolio-box-caption-content">
|
|
<div class="project-name">
|
|
<h2>
|
|
{{ project.name }}
|
|
</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-xs-12 text-center">
|
|
<a href="/projects/" class="btn btn-primary btn-xl margin">
|
|
View all projects
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="bg-primary" id="blog">
|
|
<div class="container text-center">
|
|
<h2 class="section-heading">Blog</h2>
|
|
<hr class="light">
|
|
{% for article in categories|category_find("blog")|limit(4) %}
|
|
<div class="row">
|
|
<div class="col-xs-12">
|
|
<p class="h3"><a href="{{ article.url }}">{{ article.title }}</a></p>
|
|
<p>{{ article.summary|striptags|e }}</p>
|
|
</div>
|
|
</div>
|
|
<hr class="light">
|
|
{% endfor %}
|
|
<a href="/blog/" class="btn btn-primary-dark btn-xl">View all posts</a>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="more">
|
|
<div class="container text-center">
|
|
<h2 class="section-heading">More Content</h2>
|
|
<hr class="primary">
|
|
<p>There's more than just my project and blog!</p>
|
|
{% for category, articles in categories %}
|
|
{% if category.name not in ['blog', 'projects'] %}
|
|
<a class="btn btn-primary btn-xl margin" href="{{ category.url }}">
|
|
{{ category.name }}
|
|
</a>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</div>
|
|
</section>
|
|
</body>
|