Finalized navbar and footer.
This commit is contained in:
JayWll
parent
35e12edf02
commit
dc5385aa3e
@ -35,8 +35,8 @@ footer ul {
|
|||||||
padding-right: 5%;
|
padding-right: 5%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar-light .navbar-brand {
|
.navbar-brand {
|
||||||
height: 80px;
|
height: 75px;
|
||||||
padding-left: 100px;
|
padding-left: 100px;
|
||||||
font-family: cinzel,serif;
|
font-family: cinzel,serif;
|
||||||
font-size: 2.5rem;
|
font-size: 2.5rem;
|
||||||
|
|||||||
Binary file not shown.
|
Before Width: | Height: | Size: 2.7 KiB After Width: | Height: | Size: 3.0 KiB |
@ -19,7 +19,9 @@ description = "Default Layout"
|
|||||||
{% partial 'header' %}
|
{% partial 'header' %}
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
{% page %}
|
<div class="container-fluid">
|
||||||
|
{% page %}
|
||||||
|
</div>
|
||||||
</main>
|
</main>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
6
www/themes/jason-williamsca/pages/contact.htm
Normal file
6
www/themes/jason-williamsca/pages/contact.htm
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
title = "Contact Me"
|
||||||
|
url = "/contact"
|
||||||
|
layout = "default"
|
||||||
|
is_hidden = 0
|
||||||
|
==
|
||||||
|
<p>Contact Me</p>
|
||||||
6
www/themes/jason-williamsca/pages/feed.htm
Normal file
6
www/themes/jason-williamsca/pages/feed.htm
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
title = "Feed"
|
||||||
|
url = "/feed"
|
||||||
|
layout = "default"
|
||||||
|
is_hidden = 0
|
||||||
|
==
|
||||||
|
<p>Feed</p>
|
||||||
6
www/themes/jason-williamsca/pages/projects.htm
Normal file
6
www/themes/jason-williamsca/pages/projects.htm
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
title = "Projects"
|
||||||
|
url = "/projects"
|
||||||
|
layout = "default"
|
||||||
|
is_hidden = 0
|
||||||
|
==
|
||||||
|
<p>Projects</p>
|
||||||
6
www/themes/jason-williamsca/pages/resume.htm
Normal file
6
www/themes/jason-williamsca/pages/resume.htm
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
title = "Résumé"
|
||||||
|
url = "/resume"
|
||||||
|
layout = "default"
|
||||||
|
is_hidden = 0
|
||||||
|
==
|
||||||
|
<p>Résumé</p>
|
||||||
@ -3,16 +3,14 @@ url = "/"
|
|||||||
layout = "default"
|
layout = "default"
|
||||||
is_hidden = 0
|
is_hidden = 0
|
||||||
==
|
==
|
||||||
<div class="container-fluid">
|
<div class="row">
|
||||||
<div class="row">
|
<div class="col-lg-5 order-lg-2">
|
||||||
<div class="col-lg-7">
|
<h1>Welcome</h1>
|
||||||
<h1>Feed</h1>
|
<p>Welcome to Ja.son-Williams.ca, the little home on the web of – surprise, surprise – Jason Williams.</p>
|
||||||
|
<p>Jay is a caucasian male originally from Swansea, UK but last spotted in Calgary, Canada. By day he's a mild-mannered bank employee and by night he's... uh... asleep, mostly.</p>
|
||||||
|
<p>He doesn't kepp very much stuff here, but to browse around please make a selection from the menu at the top right of the page.</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-5">
|
<div class="col-lg-7 order-lg-1">
|
||||||
<h1>Welcome</h1>
|
<h1>Feed</h1>
|
||||||
<p>Welcome to Ja.son-Williams.ca, the little home on the web of – surprise, surprise – Jason Williams.</p>
|
|
||||||
<p>Jay is a caucasian male originally from Swansea, UK but last spotted in Calgary, Canada. By day he's a mild-mannered bank employee and by night he's... uh... asleep, mostly.</p>
|
|
||||||
<p>He doesn't kepp very much stuff here, but to browse around please make a selection from the menu at the top right of the page.</p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
@ -3,21 +3,21 @@ description = "Site Footer"
|
|||||||
<footer class="footer mt-auto py-3 static-bottom">
|
<footer class="footer mt-auto py-3 static-bottom">
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-sm-4">
|
<div class="col-md-4">
|
||||||
<p>©2020 Jason Williams</p>
|
<p>©2020 Jason Williams</p>
|
||||||
<ul>
|
<ul class="d-none d-md-block">
|
||||||
<li>Home</li>
|
<li><a href="/">Home</a></li>
|
||||||
<li>Resume</li>
|
<li><a href="/resume">Résumé</a></li>
|
||||||
<li>Feed</li>
|
<li><a href="/feed">Feed</a></li>
|
||||||
<li>Contact Me</li>
|
<li><a href="/contact">Contact Me</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
<p>Weather info goes here!</p>
|
<p>Weather info goes here!</p>
|
||||||
<p>Made with 💖 in #YYC<br><a href="#"><img src="{{ 'assets/images/madeinyyc.png'|theme }}"></a></p>
|
<p>Made with 💖 in #YYC<br><a href="https://www.madeinyyc.com/"><img src="{{ 'assets/images/madeinyyc.png'|theme }}"></a></p>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-sm-4">
|
<div class="col-md-4">
|
||||||
<p>Recent Projects</p>
|
<p>Recent Projects</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-sm-4">
|
<div class="col-md-4">
|
||||||
<p>Recent Blog Posts</p>
|
<p>Recent Blog Posts</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -1,28 +1,56 @@
|
|||||||
description = "Site Header"
|
description = "Site Header"
|
||||||
==
|
==
|
||||||
|
<?php
|
||||||
|
function onStart()
|
||||||
|
{
|
||||||
|
// Determine the acive section of the site in order to customize the navigation
|
||||||
|
$this['activeSection'] = explode('/', $_SERVER['REQUEST_URI'])[1];
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
==
|
||||||
<header>
|
<header>
|
||||||
<nav class="navbar navbar-expand-lg navbar-light">
|
<nav class="navbar navbar-expand-lg navbar-light">
|
||||||
<a class="navbar-brand" href="/">Jason Williams</a>
|
<a class="navbar-brand" href="/"><span class="d-none d-sm-inline-block">Jason Williams</span></a></a>
|
||||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample05" aria-controls="navbarsExample05" aria-expanded="false" aria-label="Toggle navigation">
|
|
||||||
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
|
||||||
<span class="navbar-toggler-icon"></span>
|
<span class="navbar-toggler-icon"></span>
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<div class="collapse navbar-collapse" id="navbarsExample05">
|
<div class="collapse navbar-collapse" id="navbarResponsive">
|
||||||
<ul class="navbar-nav mr-auto">
|
<ul class="navbar-nav ml-auto">
|
||||||
<li class="nav-item active">
|
<li class="nav-item {% if activeSection == '' %}active{% endif %}">
|
||||||
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
|
<a class="nav-link" href="/">Home {% if activeSection == '' %}<span class="sr-only">(current)</span>{% endif %}</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item {% if activeSection == 'feed' %}active{% endif %}">
|
||||||
<a class="nav-link" href="#">Feed</a>
|
<a class="nav-link" href="/feed">Feed {% if activeSection == 'feed' %}<span class="sr-only">(current)</span>{% endif %}</a>
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link" href="#">Résumé</a>
|
|
||||||
</li>
|
</li>
|
||||||
|
{% if activeSection != 'resume' %}
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="/resume">Résumé</a>
|
||||||
|
</li>
|
||||||
|
{% else %}
|
||||||
|
<li class="nav-item active d-none d-lg-inline-block">
|
||||||
|
<a class="nav-link" href="/resume">Résumé</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item dropdown active d-lg-none show">
|
||||||
|
<a class="nav-link dropdown-toggle" href="/resume" id="resumeDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">Résumé</a>
|
||||||
|
<!--<div class="dropdown-menu" aria-labelledby="resumeDropdown">
|
||||||
|
<a class="dropdown-item" href="#">Summary</a>
|
||||||
|
<a class="dropdown-item" href="#">Skills & Expertise</a>
|
||||||
|
<a class="dropdown-item" href="#">Experience</a>
|
||||||
|
<a class="dropdown-item" href="#">Education</a>
|
||||||
|
<a class="dropdown-item" href="#">Certifications</a>
|
||||||
|
</div>-->
|
||||||
|
<ul class="navbar-nav" aria-labelledby="resumeDropdown">
|
||||||
|
<li class="nav-item"><a class="dropdown-item" href="#">Summary</a></li>
|
||||||
|
<li class="nav-item"><a class="dropdown-item" href="#">Skills & Expertise</a></li>
|
||||||
|
<li class="nav-item"><a class="dropdown-item" href="#">Experience</a></li>
|
||||||
|
<li class="nav-item"><a class="dropdown-item" href="#">Education</a></li>
|
||||||
|
<li class="nav-item"><a class="dropdown-item" href="#">Certifications</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
{% endif %}
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<form class="form-inline my-2 my-md-0">
|
|
||||||
<input class="form-control" type="text" placeholder="Search">
|
|
||||||
</form>
|
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
Loading…
Reference in New Issue
Block a user