tanner
/
personal-site
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Abstract article html up to base

Browse Source
master
Tanner Collin 1 year ago
parent c0acfb8836
commit 6dfa58c66c
6 changed files with 107 additions and 122 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 81
      themes/lite/templates/article.html
  2. 75
      themes/lite/templates/base.html
  3. 17
      themes/lite/templates/creations.html
  4. 5
      themes/lite/templates/index.html
  5. 27
      themes/lite/templates/projects.html
  6. 24
      themes/lite/templates/writing.html

81
themes/lite/templates/article.html
Unescape View File

@ -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>
{% block content %}
<h1>{{ article.title }}</h1>
{{ article.summary }}
{{ article.locale_date }}
<hr />
{{ article.content }}
</div>
</body>
</html>
{% endblock %}
{{ article.content }}
{% endblock %}

75
themes/lite/templates/base.html
Unescape View File

@ -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>

17
themes/lite/templates/creations.html
Unescape View File

@ -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>
Creations
=========
<h1>Creations</h1>
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>
{{ article.summary | striptags }}
<p>
<a href="/{{ article.url }}">{{ article.title }}</a><br/>
{{ article.summary | striptags }}
</p>
{% endfor %}

5
themes/lite/templates/index.html
Unescape View File

@ -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 %}

27
themes/lite/templates/projects.html
Unescape View File

@ -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>
{{ article.summary | striptags }}
<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 %}

24
themes/lite/templates/writing.html
Unescape View File

@ -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>
Writing
=======
<h1>Writing</h1>
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>
{{ article.summary | striptags }}
<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 %}

Write Preview
Loading…
Cancel
Save