fmartingr/fmartingr.com
1
0
Fork 0
Code Issues 2 Pull requests Projects Releases Packages Wiki Activity Actions

Portfolio

Browse source 
* Added lektor htmlmin plugin
* Improved sass grid
* Little update in contact page
* Added featherlight lightbox for project details screenshots
* Only loading lightbox libraries if needed
* Portfolio content review from migration
This commit is contained in:
Felipe 2017-04-10 22:49:43 +02:00 • committed by GitHub
parent ea7ea8cc69
commit a3262ea645
149 changed files with 987 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

7
templates/_base.html
View file

@ -11,6 +11,8 @@
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<meta http-equiv="cleartype" content="on">
{% block endhead %}{% endblock %}
</head>
<body class="{% block body_class %}{% endblock %}">
<header class="center">
@ -19,7 +21,7 @@
<nav class="main-menu">
<a href="{{ '/'|url }}">/about</a> &nbsp;
<a href="{{ '/blog'|url }}">/blog</a> &nbsp;
{#<a href="{{ '/portfolio'|url }}">/portfolio</a> &nbsp;#}
<a href="{{ '/portfolio'|url }}">/portfolio</a> &nbsp;
<a href="{{ '/contact'|url }}">/contact</a>
</nav>
<hr class="light">
@ -32,7 +34,7 @@
</div>
</footer>
<script type="text/javascript" src="{{ '/static/js/app-min.js'|url }}"></script>
{% block endbody %}{% endblock %}
<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),
@ -41,7 +43,6 @@
ga('create', 'UA-41989443-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>

31
templates/portfolio.html
View file

@ -1,7 +1,34 @@
{% extends "_base.html" %}
{% block page_title %}{{ super() }} | {{ this.title }}{% endblock %}
{% block page_title %}{{ super() }} | Portfolio{% endblock %}
{% block main_content %}
portfolio
<div class="center">
<h1>Portfolio</h1>
<p>{{ this.content }}</p>
<ul>
{% for category in this.children %}
<li><a href="#{{ category.slug }}">{{ category.name }}</a></li>
{% endfor %}
</ul>
{% for category in this.children %}
<h2 id="{{ category.slug }}">{{ category.name }}</h2>
{% for item in category.children %}
<div class="project project-{{ category.slug }}" id="{{ item.slug }}">
<h3><a href="{% if item.url_in_list and item.url %}{{ item.url }}{% else %}{{ item|url }}{% endif %}">{{ item.name }}</a></h3>
{% if category.show_images %}
<div><img src="{{ item.attachments.images.first().thumbnail(512, 256, crop=True)|url }}"></div>
{% endif %}
{% if item.description_in_list %}
<p>{{ item.description }}</p>
{% endif %}
</div>
{% endfor %}
<div class="clearfloat"></div>
{% if not loop.last %}<hr class="light">{% endif %}
{% endfor %}
</div>
{% endblock %}

48
templates/project.html Normal file
View file

@ -0,0 +1,48 @@
{% extends "_base.html" %}
{% block page_title %}{{ super() }} | Portfolio | {{ this.name }}{% endblock %}
{% set images_number = this.attachments.images.count() %}
{% block main_content %}
<div class="center">
<h1>{{ this.name }}</h1>
<ul>
{% if this.date %}<li><strong>Date:</strong> {{ this.date.year }}</li>{% endif %}
{% if this.role %}<li><strong>Role:</strong> {{ this.role }}</li>{% endif %}
{% if this.stack %}<li><strong>Stack:</strong> {{ this.stack }}</li>{% endif %}
{% if this.company %}<li><strong>Company:</strong> {{ this.company }}</li>{% endif %}
{% if this.url %}<li><strong>URL:</strong> <a href="{{ this.url }}">{{ this.url }}</a></li>{% endif %}
</ul>
<p>{{ this.description }}</p>
{% if images_number > 0 %}
<div class="grid grid-pad" data-featherlight-gallery data-featherlight-filter="a">
{% for image in this.attachments.images %}
<div class="col-1-8">
<a href="{{ image|url }}">
<img src="{{ image.thumbnail(200, 150, crop=True)|url }}">
</a>
</div>
{% endfor %}
</div>
</div>
{% endif %}
{% endblock %}
{% block endhead %}
{% if images_number > 0 %}
<link href="//cdn.rawgit.com/noelboss/featherlight/1.7.2/release/featherlight.min.css" type="text/css" rel="stylesheet" />
<link href="//cdn.rawgit.com/noelboss/featherlight/1.7.2/release/featherlight.gallery.min.css" type="text/css" rel="stylesheet" />
{% endif %}
{% endblock %}
{% block endbody %}
{% if images_number > 0 %}
<script src="//code.jquery.com/jquery-latest.js"></script>
<script src="//cdn.rawgit.com/noelboss/featherlight/1.7.2/release/featherlight.min.js" type="text/javascript" charset="utf-8"></script>
<script src="//cdn.rawgit.com/noelboss/featherlight/1.7.2/release/featherlight.gallery.min.js" type="text/javascript" charset="utf-8"></script>
{% endif %}
{% endblock %}