Abstract article html up to base
This commit is contained in:
parent
c0acfb8836
commit
6dfa58c66c
|
|
@ -1,12 +1,8 @@
|
|||
{% extends "base.html" %}
|
||||
{% block meta %}
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
{% block meta %}
|
||||
<title>{{ article.title|striptags }} | t0.vc</title>
|
||||
<meta charset=UTF-8>
|
||||
<link rel="canonical" href="https://tannercollin.com/{{ article.slug }}/" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
{% if article.date %}
|
||||
<meta name="date" content="{{article.date}}" />
|
||||
{% endif %}
|
||||
|
|
@ -20,77 +16,14 @@
|
|||
{% for tag in article.tags %}
|
||||
<meta name="tags" content="{{tag}}" />
|
||||
{% endfor %}
|
||||
|
||||
{% endblock %}
|
||||
|
||||
{% block style %}
|
||||
|
||||
|
||||
<style>
|
||||
a.external {
|
||||
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23fff' stroke='%23000' d='M1.5 4.518h5.982V10.5H1.5z'/%3E%3Cpath fill='%23000' d='M5.765 1H11v5.39L9.427 7.937l-1.31-1.31L5.393 9.35l-2.69-2.688 2.81-2.808L4.2 2.544z'/%3E%3Cpath fill='%23fff' d='m9.995 2.004.022 4.885L8.2 5.07 5.32 7.95 4.09 6.723l2.882-2.88-1.85-1.852z'/%3E%3C/svg%3E%0A");
|
||||
background-position: center right;
|
||||
background-repeat: no-repeat;
|
||||
padding-right: 15px;
|
||||
}
|
||||
.toclink:not(:hover) {
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
}
|
||||
.content {
|
||||
max-width: 600px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
.toclink {
|
||||
color: black;
|
||||
}
|
||||
.highlight > pre {
|
||||
margin: 0;
|
||||
padding: 0.5rem;
|
||||
overflow-x: auto;
|
||||
background-color: #eee;
|
||||
}
|
||||
:not(pre)>code {
|
||||
padding: 0 2px;
|
||||
font-size: 0.8rem;
|
||||
background-color: #eee;
|
||||
}
|
||||
.toc {
|
||||
display: none;
|
||||
}
|
||||
img:not(.floated) {
|
||||
width: 600px;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.floated {
|
||||
float: left;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
@media screen and (min-width:49rem) {
|
||||
.content .aside {
|
||||
display: inline;
|
||||
float: right;
|
||||
position: relative;
|
||||
width: 8rem;
|
||||
margin-right: -10rem;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<body>
|
||||
<div class="content">
|
||||
<p><a href="/">Home | t0.vc</a></p>
|
||||
<h1>{{ article.title }}</h1>
|
||||
{{ article.summary }}
|
||||
{{ article.locale_date }}
|
||||
<hr />
|
||||
{{ article.content }}
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
{% endblock %}
|
||||
|
||||
{{ article.content }}
|
||||
|
||||
{% endblock %}
|
||||
|
|
|
|||
|
|
@ -1,2 +1,73 @@
|
|||
{% block meta %}{% endblock %}<link rel=icon href=data:>{% block style %}{% endblock %}{% block content %}
|
||||
{% endblock %}
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
{% block meta %}
|
||||
{% endblock %}
|
||||
<meta charset=UTF-8>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<style>
|
||||
a.external {
|
||||
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23fff' stroke='%23000' d='M1.5 4.518h5.982V10.5H1.5z'/%3E%3Cpath fill='%23000' d='M5.765 1H11v5.39L9.427 7.937l-1.31-1.31L5.393 9.35l-2.69-2.688 2.81-2.808L4.2 2.544z'/%3E%3Cpath fill='%23fff' d='m9.995 2.004.022 4.885L8.2 5.07 5.32 7.95 4.09 6.723l2.882-2.88-1.85-1.852z'/%3E%3C/svg%3E%0A");
|
||||
background-position: center right;
|
||||
background-repeat: no-repeat;
|
||||
padding-right: 15px;
|
||||
}
|
||||
.toclink:not(:hover) {
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
}
|
||||
.content {
|
||||
max-width: 600px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
.toclink {
|
||||
color: black;
|
||||
}
|
||||
.highlight > pre {
|
||||
margin: 0;
|
||||
padding: 0.5rem;
|
||||
overflow-x: auto;
|
||||
background-color: #eee;
|
||||
}
|
||||
:not(pre)>code {
|
||||
padding: 0 2px;
|
||||
font-size: 0.8rem;
|
||||
background-color: #eee;
|
||||
}
|
||||
.toc {
|
||||
display: none;
|
||||
}
|
||||
img:not(.floated) {
|
||||
width: 600px;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.floated {
|
||||
float: left;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
@media screen and (min-width:49rem) {
|
||||
.content .aside {
|
||||
display: inline;
|
||||
float: right;
|
||||
position: relative;
|
||||
width: 8rem;
|
||||
margin-right: -10rem;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
}
|
||||
|
||||
{% block style %}
|
||||
{% endblock %}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="content">
|
||||
<p><a href="/">Home | t0.vc</a></p>
|
||||
{% block content %}
|
||||
{% endblock %}
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -3,21 +3,16 @@
|
|||
<title>Creations | t0.vc</title>
|
||||
{% endblock %}
|
||||
|
||||
{% block style %}
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<pre style=font:unset>
|
||||
<a href="/">Home | t0.vc</a>
|
||||
<h1>Creations</h1>
|
||||
|
||||
Creations
|
||||
=========
|
||||
|
||||
Sometimes I create art or interactive tech.
|
||||
<p>Sometimes I create art or interactive tech.</p>
|
||||
|
||||
{% for article in articles if article.category.name == 'Creations' %}
|
||||
<a href="/{{ article.url }}">{{ article.title }}</a>
|
||||
<p>
|
||||
<a href="/{{ article.url }}">{{ article.title }}</a><br/>
|
||||
{{ article.summary | striptags }}
|
||||
</p>
|
||||
|
||||
{% endfor %}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,4 @@
|
|||
{% extends "base.html" %}
|
||||
{% block content %}
|
||||
<meta name=viewport content=width=1%><pre style=font:unset>Hi, I'm <a href=a>Tanner</a>! I like home automation, bots, Python,
|
||||
<link rel=icon href=data:><meta name=viewport content=width=1%><pre style=font:unset>Hi, I'm <a href=a>Tanner</a>! I like home automation, bots, Python,
|
||||
Debian, coffee, <a href=d>sensors</a>, and makerspaces.
|
||||
|
||||
Please sign my <a href=g>Guest Book</a>!
|
||||
|
|
@ -40,4 +38,3 @@ Writing
|
|||
{% endif %}
|
||||
{% endfor %}
|
||||
<a href=x>[more]
|
||||
{% endblock %}
|
||||
|
|
|
|||
|
|
@ -3,28 +3,23 @@
|
|||
<title>Projects | t0.vc</title>
|
||||
{% endblock %}
|
||||
|
||||
{% block style %}
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<pre style=font:unset>
|
||||
<a href="/">Home | t0.vc</a>
|
||||
<h1>Projects</h1>
|
||||
|
||||
Projects
|
||||
========
|
||||
|
||||
My main hobby is working on software projects. I typically design websites or
|
||||
build tools that make my life easier.
|
||||
<p>My main hobby is working on software projects. I typically design websites or build tools that make my life easier.</p>
|
||||
|
||||
{% for article in articles if article.category.name == 'Projects' %}
|
||||
<a href="/{{ article.url }}">{{ article.title }}</a>
|
||||
<p>
|
||||
<a href="/{{ article.url }}">{{ article.title }}</a><br/>
|
||||
{{ article.summary | striptags }}
|
||||
</p>
|
||||
|
||||
{% endfor %}
|
||||
<a href="https://github.com/tannercollin/standardnotes-fs" target="_blank" rel="noreferrer noopener">standardnotes-fs*</a>
|
||||
A filesystem that mounts your Standard Notes account as a directory of text
|
||||
files that you can edit.
|
||||
|
||||
* external link
|
||||
<p>
|
||||
<a class="external" href="https://github.com/tannercollin/standardnotes-fs" target="_blank" rel="noreferrer noopener">standardnotes-fs</a><br/>
|
||||
A filesystem that mounts your Standard Notes account as a directory of text files that you can edit.
|
||||
</p>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
|
|
|
|||
|
|
@ -3,30 +3,24 @@
|
|||
<title>Writing | t0.vc</title>
|
||||
{% endblock %}
|
||||
|
||||
{% block style %}
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<pre style=font:unset>
|
||||
<a href="/">Home | t0.vc</a>
|
||||
<h1>Writing</h1>
|
||||
|
||||
Writing
|
||||
=======
|
||||
|
||||
Various articles, mostly about computers.
|
||||
<p>Various articles, mostly about computers.</p>
|
||||
|
||||
{% for article in articles if article.category.name == 'Writing' %}
|
||||
<a href="/{{ article.url }}">{{ article.title }}</a>
|
||||
<p>
|
||||
<a href="/{{ article.url }}">{{ article.title }}</a><br/>
|
||||
{{ article.summary | striptags }}
|
||||
</p>
|
||||
|
||||
{% endfor %}
|
||||
|
||||
Text Files
|
||||
----------
|
||||
<h2>Text Files</h2>
|
||||
|
||||
Here are some random text notes that I share with the public.
|
||||
<p>Here are some random text notes that I share with the public.</p>
|
||||
|
||||
{% for f in list_text_files() %}
|
||||
<a href="../text/{{ f }}">{{ f }}</a>
|
||||
<a href="../text/{{ f }}">{{ f }}</a><br/>
|
||||
{% endfor %}
|
||||
{% endblock %}
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user