androiddrew
/
datasketch-io
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Home page revamp including nav bar for site

Browse Source
master
androiddrew 6 years ago
parent 5832137a34
commit a371f47bf2
5 changed files with 75 additions and 4 deletions
Show Stats Download Patch File Download Diff File

2
services/cms/blog/templates/blog/blog_index_page.html
Unescape Escape View File

@ -6,7 +6,7 @@
{% block content %} {% block content %}
<section class="mw7 center"> <section class="mw7 center bg-white-10">
<h1 class="ph3 ph0-l">{{ page.title }}</h1> <h1 class="ph3 ph0-l">{{ page.title }}</h1>
{% for post in blogpages %} {% for post in blogpages %}

BIN
services/cms/cms/static/img/programming_background.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.7 MiB

3
services/cms/cms/templates/base.html
Unescape Escape View File

@ -29,6 +29,9 @@
<body class="{% block body_class %}{% endblock %}"> <body class="{% block body_class %}{% endblock %}">
{% wagtailuserbar %} {% wagtailuserbar %}
{% include "header.html" %}
{% block content %}{% endblock %} {% block content %}{% endblock %}
{# Global javascript #} {# Global javascript #}

17
services/cms/cms/templates/header.html
Unescape Escape View File

@ -0,0 +1,17 @@
{% load wagtailcore_tags %}
<nav class="dt w-100 center bg-dark-green">
<div class="dtc w2 v-mid pa3">
<a href="{% slugurl 'home' %}" class="dib w2 h2 pa1 br1 ba b--white-90 grow-large border-box">
<svg class="link white-90 hover-white" data-icon="skull" viewBox="0 0 32 32" style="fill:currentcolor"><title>
skull icon</title>
<path
d="M16 0 C6 0 2 4 2 14 L2 22 L6 24 L6 30 L26 30 L26 24 L30 22 L30 14 C30 4 26 0 16 0 M9 12 A4.5 4.5 0 0 1 9 21 A4.5 4.5 0 0 1 9 12 M23 12 A4.5 4.5 0 0 1 23 21 A4.5 4.5 0 0 1 23 12"></path>
</svg>
</a>
</div>
<div class="dtc v-mid tr pa3">
<a class="f6 fw4 hover-white no-underline white-70 dn dib-ns pv2 ph3" href="{% slugurl 'blog' %}">Blog</a>
<a class="f6 fw4 hover-white no-underline white-70 br1 dib ml2 pv2 ph3 ba grow" href="#">Connect</a>
</div>
</nav>

57
services/cms/home/templates/home/home_page.html
Unescape Escape View File

@ -1,10 +1,61 @@
{% extends "base.html" %} {% extends "base.html" %}
{% load static %}
{% load wagtailcore_tags %} {% load wagtailcore_tags %}
{% block body_class %}helvetica{% endblock %} {% block body_class %}helvetica bg-black-10{% endblock %}
{% block content %} {% block content %}
<h1>Welcome to Datasketch.io!</h1> <header class="sans-serif">
{{ page.body|richtext }} <div class="cover bg-left bg-center-l" style="background-image: url({% static "img/programming_background.jpg" %})">
<div class="bg-black-80 pb5 pb6-m pb7-l">
<div class="tc-l pt4 pt5-m pt6-l pb3">
<h1 class="f2 f1-l fw2 white-90 mb0 lh-title">Datasketch</h1>
<h2 class="fw1 f3 white-80 mt3 mb4">A full stack shop for web design, application development, and
training</h2>
<a class="f6 no-underline grow dib v-mid bg-blue white br1 ba b--blue ph3 pv2 mb3"
href="{% slugurl 'blog' %}">Read the blog</a>
<span class="dib v-mid ph3 white-70 mb3">or</span>
<a class="f6 no-underline grow dib v-mid white ba b--white br1 ph3 pv2 mb3" href="">Connect with us</a>
</div>
</div>
</div>
</header>
<main class="pv4 ph2 tc">
<h1>Just a man trying to make a buck</h1>
<article class="mw5 dib bg-white br1 pa3 pa4-ns mv3 mr4-l ba b--black-10 grow shadow-4">
<div class="tc">
<img src="http://tachyons.io/img/avatar_1.jpg" class="br-100 h3 w3 dib" title="Photo of a kitty staring at you">
<h1 class="f4">Training</h1>
<hr class="mw3 bb bw1 b--black-10">
</div>
<p class="lh-copy measure f6 black-70">
As a college educator I learned what does and does not work for students. I strive to bring each of my students
along thier learning journey.
</p>
</article>
<article class="mw5 dib bg-white br1 pa3 pa4-ns mv3 mr4-l ba b--black-10 grow shadow-4">
<div class="tc">
<img src="http://tachyons.io/img/avatar_1.jpg" class="br-100 h3 w3 dib" title="Photo of a kitty staring at you">
<h1 class="f4">Websites</h1>
<hr class="mw3 bb bw1 b--black-10">
</div>
<p class="lh-copy measure center f6 black-70">
Design & Development, eCommerce, Responsive Design. I can deliver you a stunning website.
</p>
</article>
<article class="mw5 dib bg-white br1 pa3 pa4-ns mv3 mr4-l ba b--black-10 grow shadow-4">
<div class="tc">
<img src="http://tachyons.io/img/avatar_1.jpg" class="br-100 h3 w3 dib" title="Photo of a kitty staring at you">
<h1 class="f4">App Development</h1>
<hr class="mw3 bb bw1 b--black-10">
</div>
<p class="lh-copy measure center f6 black-70">
Quite affectionate and outgoing.
She loves to get chin scratches and will
roll around on the floor waiting for you give her more of them.
</p>
</article>
</main>
{% endblock %} {% endblock %}

Write Preview
Loading…
Cancel
Save