New layout
This commit is contained in:
parent
440e7a3994
commit
f6a070f084
GPG key ID:
716BC147715E716F
45 changed files with 661 additions and 758 deletions
|
|
@ -8,6 +8,7 @@
|
|||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.0.11/css/fork-awesome.min.css" integrity="sha256-MGU/JUq/40CFrfxjXb5pZjpoZmxiP2KuICN5ElLFNd8=" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="{{ get_pygments_stylesheet()|url }}">
|
||||
<link rel="alternate" type="application/rss+xml" title="RSS Feed for fmartingr.com" href="/feed.xml" />
|
||||
<link rel="icon" href="/static/images/favicon.ico">
|
||||
<!-- Mobile -->
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
|
|
@ -17,40 +18,58 @@
|
|||
{% block endhead %}{% endblock %}
|
||||
</head>
|
||||
<body class="{% block body_class %}{% endblock %}">
|
||||
<header class="center">
|
||||
<h1>Felipe Martín</h1>
|
||||
<h2>Be incomprehensible. If they can't understand, they can't disagree.</h2>
|
||||
<nav class="main-menu">
|
||||
<a {% if this.path == '/' %}class="text-bold"{% endif %} href="{{ '/'|url }}">/home</a>
|
||||
{% for section in site.get('/').children %}
|
||||
<a{% if this.is_child_of(section) %} class="text-bold"{% endif
|
||||
%} href="{{ section|url }}">{{ section.path }}</a> {% if not loop.last %} {% endif %}
|
||||
{% endfor %}
|
||||
</nav>
|
||||
<hr class="light">
|
||||
</header>
|
||||
{% block main_content %}{% endblock %}
|
||||
<footer class="center text-center">
|
||||
<hr class="light">
|
||||
<div>
|
||||
Powered by <a href="https://www.getlektor.com/" target="_blank">Lektor</a> and <a href="https://about.gitlab.com/product/pages/">Gitlab Pages</a>.
|
||||
</div>
|
||||
<div>
|
||||
<a target="_blank" href="mailto:me@fmartingr.com">E-Mail</a>
|
||||
|
|
||||
<a target="_blank" href="https://gitlab.com/fmartingr">Gitlab</a>
|
||||
|
|
||||
<a target="_blank" href="https://github.com/fmartingr">Github</a>
|
||||
|
|
||||
<a target="_blank" href="https://www.linkedin.com/in/fmartingr/">LinkedIn</a>
|
||||
|
|
||||
<a target="_blank" href="https://telegram.me/fmartingr">Telegram</a>
|
||||
|
|
||||
<a target="_blank" rel="me" href="https://fosstodon.org/@fmartingr">Mastodon</a>
|
||||
</div>
|
||||
</footer>
|
||||
<script src="https://cdn.commento.io/js/commento.js"></script>
|
||||
<script src="https://cdn.commento.io/js/count.js"></script>
|
||||
<div class="page-content">
|
||||
<section class="main-content">
|
||||
{% block main_content %}asd{% endblock %}
|
||||
</section>
|
||||
<header>
|
||||
<h1>Felipe Martín</h1>
|
||||
<img class="avatar" src="{{ '/static/images/avatar.jpg'|asseturl }}">
|
||||
<hr class="light" />
|
||||
<nav>
|
||||
<a {% if this.path == '/' %}class="text-bold"{% endif %} href="{{ '/'|url }}">/home</a>
|
||||
{% for section in site.get('/').children %}
|
||||
<a {% if this.is_child_of(section) %}class="text-bold"{% endif %} href="{{ section|url }}">{{ section.path }}</a>
|
||||
{% endfor %}
|
||||
</nav>
|
||||
<hr class="light" />
|
||||
<ul class="social text-size-small">
|
||||
<li>
|
||||
<span class="title">E-mail</span>
|
||||
<a target="_blank" href="mailto:me@fmartingr.com">me@fmartingr.com</a>
|
||||
</li>
|
||||
<li>
|
||||
<span class="title">Sourcehut</span>
|
||||
<a target="_blank" href="https://git.sr.ht/~fmartingr">~fmartingr</a>
|
||||
</li>
|
||||
<li>
|
||||
<span class="title">LinkedIn</span>
|
||||
<a target="_blank" href="https://www.linkedin.com/in/fmartingr/">linkedin.com/fmartingr</a>
|
||||
</li>
|
||||
<li>
|
||||
<span class="title">Mastodon</span>
|
||||
<a target="_blank" rel="me" href="https://fosstodon.org/@fmartingr">fmartingr@fosstodon.org</a>
|
||||
</li>
|
||||
<li>
|
||||
<span class="title">PGP</span>
|
||||
<a href="/pubkey.txt">716B C147 715E 716F</a>
|
||||
<li>
|
||||
<a href="{{ '/about'|url }}">[+ more]</a>
|
||||
</li>
|
||||
</ul>
|
||||
<hr class="light" />
|
||||
<ul class="social text-size-small">
|
||||
<li>
|
||||
<span class="title">Site created using</span>
|
||||
<a target="_blank" href="https://www.getlektor.com/">lektor</a>
|
||||
</li>
|
||||
<li>
|
||||
<span class="title">Published using</span>
|
||||
<a target="_blank" href="https://sites.town">sites.town</a>
|
||||
</li>
|
||||
</ul>
|
||||
</header>
|
||||
</div>
|
||||
<script type="text/javascript" src="{{ '/static/js/app-min.js'|url }}"></script>
|
||||
{% block endbody %}{% endblock %}
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -1,3 +1,3 @@
|
|||
{% extends "_base.html" %}
|
||||
|
||||
{% block page_title %}{{ super() }} | Blog{% endblock %}
|
||||
{% block page_title %}Blog | {{ super() }}{% endblock %}
|
||||
|
|
|
|||
|
|
@ -3,15 +3,15 @@
|
|||
|
||||
{% block body_class %}blog post{% endblock %}
|
||||
|
||||
{% block page_title %}{{ super() }} | {{ this.title }}{% endblock %}
|
||||
{% block page_title %}{{ this.title }} | {{ super() }}{% endblock %}
|
||||
|
||||
{% block main_content %}
|
||||
{{ render_blog_post(this) }}
|
||||
{% if this.children.get("gallery") %}
|
||||
{{ render_gallery(this) }}
|
||||
{% endif %}
|
||||
<div class="center block-info">
|
||||
Comments have been disabled in this blog. If you want to contact me directly please use the information at the bottom of the page.
|
||||
In order to make a public comment on this entry please use
|
||||
<a href="mailto:~fmartingr/fmartingr.com@lists.sr.ht?subject=Re: {{ this.title }}">the mailing list</a>
|
||||
and if you want to approach me directly use the most appropriate channel from
|
||||
<a href="{{ '/about'|url }}">the about page</a>.
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,16 +1,19 @@
|
|||
{% extends "_base.html" %}
|
||||
{% from "macros/blog.html" import render_blog_post %}
|
||||
|
||||
{% block page_title %}{{ super() }} | {{ this.title }}{% endblock %}
|
||||
{% block page_title %}{{ this.title }} | {{ super() }}{% endblock %}
|
||||
|
||||
{% block main_content %}
|
||||
<div class="grid center">
|
||||
<div class="col-1-3">
|
||||
<img src="{{ 'static/images/avatar.jpg'|url }}">
|
||||
</div>
|
||||
<div class="col-2-3">
|
||||
{{ this.body }}
|
||||
</div>
|
||||
</div>
|
||||
<h2>Latest blog posts</h2>
|
||||
{% for post in site.get('/blog').pagination.for_page(1).pagination.items %}
|
||||
<article class="blog-post center">
|
||||
<p class="text-right float-right"><a href="{{ post|url }}">Read »</a></p>
|
||||
<h3 class="title"><a href="{{ post|url }}">{{ post.title }}</a></h3>
|
||||
<div class="info">{{ post.pub_date }}</div>
|
||||
</article>
|
||||
<hr class="light">
|
||||
{% endfor %}
|
||||
{{ this.body }}
|
||||
{% endblock %}
|
||||
|
||||
{% block body_class %}home{% endblock %}
|
||||
|
|
|
|||
|
|
@ -1,39 +1,24 @@
|
|||
{% macro render_blog_post(post, from_index=false) %}
|
||||
{% macro render_blog_post(post, from_index=false, include_content=true) %}
|
||||
{% set summary = post.body.html.split('<!-- readmore -->') %}
|
||||
<article class="blog-post center">
|
||||
<h1><a href="{{ post|url }}">{{ post.title }}</a></h1>
|
||||
<h1 class="title"><a href="{{ post|url }}">{{ post.title }}</a></h1>
|
||||
<div class="info">
|
||||
Published on {{ post.pub_date }}
|
||||
</div>
|
||||
<div class="content">
|
||||
{% if from_index and summary|length > 1 %}
|
||||
{{ summary[0] }}
|
||||
<p class="text-right"><a href="{{ post|url }}">Read more »</a></p>
|
||||
{% else %}
|
||||
{{ post.body }}
|
||||
{% if include_content %}
|
||||
<div class="content">
|
||||
{% if from_index and summary|length > 1 %}
|
||||
{{ summary[0] }}
|
||||
<p class="text-right"><a href="{{ post|url }}">Read more »</a></p>
|
||||
{% else %}
|
||||
{{ post.body }}
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if not from_index and post.edit_comment %}
|
||||
<h3>Edits</h3>
|
||||
{{ post.edit_comment }}
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if not from_index and post.edit_comment %}
|
||||
<h3>Edits</h3>
|
||||
{{ post.edit_comment }}
|
||||
{% endif %}
|
||||
<hr class="light">
|
||||
</article>
|
||||
{% endmacro %}
|
||||
|
||||
{% macro render_gallery(post) %}
|
||||
<div class="center">
|
||||
<h2>Gallery</h2>
|
||||
<div class="grid">
|
||||
{% for attachment in post.children.get("gallery").attachments.order_by("_id") %}
|
||||
<a href="/blog/{{post._slug}}/gallery/{{attachment._id}}">
|
||||
<img src="/blog/{{post._slug}}/gallery/{{attachment._id}}" class="col-1-3">
|
||||
</a>
|
||||
{% if loop.index is divisibleby(3) %}
|
||||
</div><div class="grid">
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
<hr class="light">
|
||||
</div>
|
||||
{% endmacro %}
|
||||
|
|
|
|||
|
|
@ -1,9 +0,0 @@
|
|||
{% extends "_base.html" %}
|
||||
|
||||
{% block page_title %}{{ super() }} | {{ this.title }}{% endblock %}
|
||||
|
||||
{% block main_content %}
|
||||
<div class="center">
|
||||
{{ this.body }}
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
|
@ -1,10 +1,11 @@
|
|||
{% extends "_base.html" %}
|
||||
|
||||
{% block page_title %}{{ super() }} | {{ this.title }}{% endblock %}
|
||||
{% block page_title %}{{ this.title }} | {{ super() }}{% endblock %}
|
||||
|
||||
{% block body_class %}{{ this.title|lower }}{% endblock %}
|
||||
|
||||
{% block main_content %}
|
||||
<h2>{{ this.title }}</h2>
|
||||
<div class="center">
|
||||
{{ this.body }}
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,34 +0,0 @@
|
|||
{% extends "_base.html" %}
|
||||
|
||||
{% block page_title %}{{ super() }} | Portfolio{% endblock %}
|
||||
|
||||
{% block main_content %}
|
||||
<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 %}
|
||||
|
|
@ -1,48 +0,0 @@
|
|||
{% 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 %}
|
||||
Loading…
Add table
Add a link
Reference in a new issue