155 lines
5.3 KiB
HTML
155 lines
5.3 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>Welcome to my website</h1>
|
|
<hr>
|
|
<p>The place where my knowledge lies, or at least most of it!</p>
|
|
<a href="#about" class="btn btn-primary btn-xl page-scroll">Find Out More</a>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<section class="bg-primary" id="about">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-8 col-lg-offset-2 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 the past year now, and studying computer-science for several years. This is my website, where all my projects, blog posts, and other stuff live. A 1-stop place to find all my content!
|
|
</p>
|
|
<a href="/about/" class="btn btn-primary-dark btn-xl">More Info</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="skills">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12 text-center">
|
|
<h2 class="section-heading">Skills</h2>
|
|
<hr class="primary">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-3 col-md-6 text-center">
|
|
<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 text-center">
|
|
<div class="service-box">
|
|
<i class="fa fa-4x fa-internet-explorer wow bounceIn text-primary" data-wow-delay=".5s"></i>
|
|
<h3>Client</h3>
|
|
<p>Creating functional, fast, and mobile-friendly websites</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 text-center">
|
|
<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 text-center">
|
|
<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">
|
|
<div class="row">
|
|
<div class="col-lg-10 col-lg-offset-1 text-center">
|
|
<h2 class="section-heading">Blog</h2>
|
|
<hr class="light">
|
|
<div class="row">
|
|
<div class="col-sm-10 col-sm-offset-1">
|
|
{% for article in categories|category_find("blog")|limit(4) %}
|
|
<div class="row">
|
|
<div class="col-xs-12 text-left">
|
|
<p class="h3"><a href="{{ article.url }}">{{ article.title }}</a></p>
|
|
<p>{{ article.summary|striptags|e }}</p>
|
|
</div>
|
|
</div>
|
|
<hr class="light">
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
<a href="/blog/" class="btn btn-primary-dark btn-xl">View all posts</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="more">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-8 col-lg-offset-2 text-center">
|
|
<h2 class="section-heading">More Content</h2>
|
|
<hr class="primary">
|
|
<p>There's more content on my site than just my Projects and Blog!</p>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-xs-12 text-center">
|
|
<a class="btn btn-primary btn-xl margin" href="/college/">
|
|
College
|
|
</a>
|
|
<a class="btn btn-primary btn-xl margin" href="/setup/">
|
|
Setup
|
|
</a>
|
|
<a class="btn btn-primary btn-xl margin" href="/work/">
|
|
Work
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</body>
|