flask-site/templates/master.html

111 lines
5.1 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>William Brawner</title>
<link rel=stylesheet type=text/css href="{{ url_for('static', filename='css/style.css') }}">
<meta name="viewport" content="width=device-width, initial scale=1">
<meta name="og:image" content="http://wbrawner.com/wp-content/uploads/2015/10/favicon.png">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link href='https://fonts.googleapis.com/css?family=Ubuntu|Open+Sans' rel='stylesheet' type='text/css'>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript" src="{{ url_for('static', filename='js/instafeed.min.js') }}"></script>
<script type="text/javascript" src="{{ url_for('static', filename='js/highlight.pack.js') }}"></script>
<link rel="shortcut icon" href="{{ url_for('static', filename='img/favicon.ico') }}">
<link rel="shortcut icon" href="{{ url_for('static', filename='css/styles/zenburn.css') }}">
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)
},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-69342914-1', 'auto');
ga('send', 'pageview');
</script>
</script></script></title>
</head>
<body>
<div id="nav"></div>
<nav class="main-nav">
<h1><a href="/">william brawner</a></h1>
<a href="javascript:void(0)" id="menu-icon"><i class="fa fa-bars "></i></a>
<div id="menu-container">
<ul id="menu">
{% if session.logged_in and session.admin %}
<li>
<a href="{{ url_for('admin.home') }}">admin</a>
</li>
{% else %}
<li>
<a href="{{ url_for('home') }}">home</a>
</li>
{% endif %}
<li>
<a href="{{ url_for('bio') }}">bio</a>
</li>
<li>
<a href="{{ url_for('projects') }}">projects</a>
</li>
<li>
<a href="{{ url_for('blog') }}">blog</a>
</li>
<li>
<a href="{{ url_for('contact') }}">contact</a>
</li>
</ul>
</div>
</nav>
<div class="container">
<div class="mobile-bg">
<img src="{{ url_for('static', filename='img/bg.jpg') }}">
</div>
<div class="content">
{% for message in get_flashed_messages() %}
<div class=flash>{{ message }}</div>
{% endfor %}
{% block body %}{% endblock %}
</div>
</div>
<footer>
<div class="one-third" id="contact">
<p>contact</p>
<p class="contact-btns"><a class="social-link" href="mailto:contact@wbrawner.com?subject=Let's Work Together"><i class="fa fa-envelope-o"></i></a>
<a target="_blank" class="social-link" href="https://www.facebook.com/wpbrawner"><i class="fa fa-facebook"></i></a>
<a target="_blank" class="social-link" href="https://twitter.com/BillyBrawner1"><i class="fa fa-twitter"></i></a>
<a target="_blank" class="social-link" href="https://www.linkedin.com/profile/view?id=AAIAABAr3PgB2QY4LrVuT2tCxni4S7Rdi2FC3MY&trk=nav_responsive_tab_profile"><i class="fa fa-linkedin"></i></a>
<a target="_blank" class="social-link" href='http://stackexchange.com/users/6090478/billy-brawner'><i class="fa fa-stack-overflow"></i></a>
<a target="_blank" class="social-link" href='https://github.com/wbrawner'><i class="fa fa-github"></i></a></p>
</div>
</footer>
<script>
$(document).ready(function() {
changeText()
var minHeight = window.innerHeight - 60 - $('body > footer').height();
$('.container').css('min-height', minHeight);
})
$(function() {
var menuVisible = false;
$('#menu-icon').click(function() {
if (menuVisible) {
$('#menu').css({'max-height':'0'});
menuVisible = false;
return;
}
$('#menu').css({'max-height':'200px'});
menuVisible = true;
});
});
var titles = ["certified linux system administrator.","web developer.", "linguist.", "traveller."];
function changeText() {
var current = $("#changing-text").data("title") || 0;
$("#changing-text").data("title", current == titles.length -1 ? 0 : current + 1).text(titles[current])
.fadeIn().delay(2000).fadeOut(500, changeText);
}
$(window).resize(function() {
var minHeight = window.innerHeight - 60 - $('body > footer').height();
$('.container').css('min-height', minHeight);
})
</script>
</body>
</html>