Skip to content

Instantly share code, notes, and snippets.

@h4k1m0u

h4k1m0u/layout.html

Created January 18, 2014 21:59
Show Gist options
  • Save h4k1m0u/8497250 to your computer and use it in GitHub Desktop.
Save h4k1m0u/8497250 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
layout.html
<!doctype html>
<title>Imgur Memes</title>
<link href="{{ url_for('static', filename='style.css') }}" rel="stylesheet" />
<script type="text/javascript" src="{{ url_for('static', filename='masonry.pkgd.min.js') }}"></script>
<script type="text/javascript">
var memes = document.querySelector('.memes')
var masonry = new Masonry(memes, {
columnWidth: 200,
itemSelector: '.meme'
});
</script>
<div class="container">
<h1>Imagur Memes</h1>
<header>
<nav>
<ul>
<li {% if request.path == '/' %}class="active"{% endif %}>
<a href="{{ url_for('top_memes') }}">Top memes</a>
</li>
<li {% if request.path == '/favs' %}class="active"{% endif %}>
<a href="{{ url_for('saved_memes') }}">Favourite memes</a>
</li>
</ul>
</nav>
</header>
<main>
{% for message in get_flashed_messages() %}
<div class="message">
{{ message }}
</div>
{% endfor %}
{% block body %}
{% endblock %}
</main>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment