restore most of homepage
This commit is contained in:
parent
6b70f4b55f
commit
4d77a9e604
4 changed files with 157 additions and 1 deletions
|
|
@ -4,6 +4,8 @@ from wagtail.wagtailadmin.edit_handlers import FieldPanel
|
|||
|
||||
|
||||
class HomePage(Page):
|
||||
is_home = True
|
||||
|
||||
body = RichTextField(blank=True)
|
||||
|
||||
content_panels = Page.content_panels + [
|
||||
|
|
|
|||
|
|
@ -20,6 +20,8 @@
|
|||
<body class="{% block body_class %}{% endblock %}" id="page-top">
|
||||
{% wagtailuserbar %}
|
||||
|
||||
{% include 'common/navbar.html' with page=self %}
|
||||
|
||||
{% block content %}{% endblock %}
|
||||
|
||||
<script type="text/javascript" src="{% static 'js/libs.js' %}"></script>
|
||||
|
|
|
|||
30
templates/common/navbar.html
Normal file
30
templates/common/navbar.html
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
<nav id="main-nav" class="navbar navbar-default navbar-fixed-top index-nav">
|
||||
<div class="container-fluid">
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a class="navbar-brand page-scroll" href="#page-top">
|
||||
|
||||
</a>
|
||||
</div>
|
||||
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
{% if page.is_home %}
|
||||
<li><a class="page-scroll" href="#about">About</a></li>
|
||||
<li><a class="page-scroll" href="#skills">Skills</a></li>
|
||||
<li><a class="page-scroll" href="#projects">Projects</a></li>
|
||||
<li><a class="page-scroll" href="#blog">Blog</a></li>
|
||||
<li><a class="page-scroll" href="#more">More</a></li>
|
||||
{% else %}
|
||||
<li><a class="page-scroll" href="/about/">About</a></li>
|
||||
<li><a class="page-scroll" href="/projects/">Projects</a></li>
|
||||
<li><a class="page-scroll" href="/blog/">Blog</a></li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
|
@ -5,5 +5,127 @@
|
|||
{% block body_class %}template-homepage{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<header class="bg-primary">
|
||||
<div class="header-content">
|
||||
<div class="header-content-inner">
|
||||
<h1>Jake Howard</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">
|
||||
<div class="row">
|
||||
<div class="col-lg-8 col-lg-offset-2 text-center">
|
||||
<h2 class="section-heading">About</h2>
|
||||
<hr class="light">
|
||||
{{ page.body|richtext }}
|
||||
<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-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 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">
|
||||
</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">
|
||||
</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 than just my project 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>
|
||||
{% endblock %}
|
||||
|
|
|
|||
Reference in a new issue