Change themes again to something more contemporary

The terminal theme from the hugo community looks nice
This commit is contained in:
R Tyler Croy 2023-05-18 22:52:29 -07:00
parent 7eeb97b2eb
commit 27248cefc7
6 changed files with 151 additions and 201 deletions

View File

@ -1,18 +1,73 @@
<!doctype html>
<html>
<!DOCTYPE html>
<html lang="en">
<head>
{% include head.html %}
<title>{{ page.title }}</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="
{% if page.description %}{{ page.description }}
{% else %}{{ site.description }}
{% endif %}">
<meta name="keywords" content="" />
<meta name="robots" content="noodp" />
<link rel="canonical" href="/" />
<link rel="stylesheet" href="/assets/css/terminal/styles.css">
<link rel="stylesheet" href="/assets/css/terminal/style.css">
<link rel="shortcut icon" href="/img/theme-colors/orange.png">
<link rel="apple-touch-icon" href="/img/theme-colors/orange.png">
<meta property="og:locale" content="en" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Terminal">
<meta property="og:description" content="A simple, retro theme for Hugo" />
<meta property="og:url" content="/" />
<meta property="og:site_name" content="Terminal" />
<meta property="og:image" content="/img/favicon/orange.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="627">
<link href="/atom.xml" rel="alternate" type="application/rss+xml" title="rtyler's blog" />
</head>
<body>
<body class="orange">
<div class="container">
{% include header.html %}
<div class="container headings--one-size">
<header class="header">
<div class="header__inner">
<div class="header__logo">
<a href="/">
<div class="logo">
rtyler
</div>
</a>
<div class="post-container">
{{ content }}
</div>
</div>
{%- include footer.html -%}
<nav class="navigation-menu">
<ul class="navigation-menu__inner menu--desktop">
<li><a href="/about">About</a></li>
<li><a rel="me" href="https://hacky.town/@rtyler">Mastodon</a></li>
</ul>
</nav>
</header>
<div class="content">
{{content}}
</div>
<footer class="footer">
<div class="footer__inner">
<div class="copyright">
<span>© 2023
<span>:: <a href="https://github.com/panr/hugo-theme-terminal" target="_blank">Theme</a> made by <a href="https://github.com/panr" target="_blank">panr</a></span>
</div>
</div>
</footer>
</div>
</body>
</html>

View File

@ -2,23 +2,6 @@
layout: default
---
<div class="apache-nav">
<table style="width: 100%;">
<tr>
<td>
<img src="/images/icons/back.png"/>
<a href="/">Back</a>
<td>
</tr>
<tr>
<td>
<img src="/images/icons/text.png"/>
{{ page.title }}
<td>
</tr>
</table>
</div>
<hr/>
<h1>{{page.title}}</h1>
{{ content }}

View File

@ -1,87 +1,28 @@
<!doctype html>
<html>
<head>
{% include head.html %}
</head>
---
layout: default
---
<body>
<article class="post on-list">
<h1 class="post-title">
<a href="{{ page.url | relative_url }}">{{ page.title }}</a>
</h1>
<div class="container">
<header id="header">
<div id= post-title>
<h1>{{ page.title }}</h1>
<div class="post-meta">
<time class="post-date">
{{ page.date | date_to_string }}
</time>
<span class="post-author">{{ page.author }}</span>
</div>
</header>
<hr/>
<span class="post-tags">
{% for category in page.tags %}
<a href="{% capture url %}/tag/{{ category | slugify }}.html{% endcapture %}
{{ url | relative_url }}">{{category}}</a>
{% endfor %}
</span>
<div class="apache-nav">
<table style="width: 100%;">
<tr>
<td>
<img src="/images/icons/back.png"/>
<a href="/">Back</a>
<td>
</tr>
<tr>
<td>
<img src="/images/icons/xml.png"/>
<a href="/atom.xml">atom.xml</a>
<td>
</tr>
<tr>
<td>
<img src="/images/icons/folder.png"/>
blog
<td>
</tr>
<tr>
<td>
<img src="/images/icons/blank.png"/>
<img src="/images/icons/layout.png"/>
{{ page.title }}
<td>
<td>
<span style="float:right;">
{{ page.date | date_to_string }}
</span>
</td>
</tr>
<tr>
<td>
<img src="/images/icons/blank.png"/>
<img src="/images/icons/blank.png"/>
{% for category in page.tags %}
<a href="{% capture url %}/tag/{{ category | slugify }}.html{% endcapture %}
{{ url | relative_url }}">{{category}}</a>
{% endfor %}
</td>
</tr>
</table>
</div>
<hr/>
<div class="post-container">
<article id = "post">
{{ content }}
<div class="post-content">
{{ content }}
</div>
</article>
</div>
{% if site.data.settings.related-posts.active %}
{% include related-posts.html %}
{% endif %}
{% if site.data.settings.disqus.disqus_shortname %}
{% include disqus.html %}
{% endif %}
</div>
{%- include footer.html -%}
{% if site.data.settings.mathjax.active %}
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
{% endif %}
</body>
</html>

View File

File diff suppressed because one or more lines are too long

View File

@ -1,101 +1,69 @@
---
layout: default
title: Home
title: rtyler's blog
---
<div class="apache-nav">
<table style="width: 100%;">
<tr>
<td>
<img src="/images/icons/text.png"/>
<a href="/about">about.txt</a>
</td>
</tr>
<tr>
<td>
<img src="/images/icons/folder.png"/>
blog/
</td>
</tr>
{% if paginator.previous_page %}
<tr>
<td>
<img src="/images/icons/blank.png"/>
<img src="/images/icons/continued.png"/>
<a class = "newer paginate-button" href="{{ paginator.previous_page_path | relative_url }}">Newer Posts</a>
</td>
</tr>
{% endif %}
{% for post in paginator.posts %}
<tr>
<td>
<img src="/images/icons/blank.png"/>
<img src="/images/icons/layout.png"/>
<a href="{{ post.url | relative_url }}">{{ post.title }}</a>
</td>
<td>
<span style="float:right;">
{{ post.date | date_to_string }}
</span>
</td>
</tr>
{% endfor %}
{% if paginator.next_page %}
<tr>
<td>
<img src="/images/icons/blank.png"/>
<img src="/images/icons/continued.png"/>
<a class = "older paginate-button" href="{{ paginator.next_page_path | relative_url }}">Older Posts</a>
</td>
</tr>
{% endif %}
<tr>
<td>
<img src="/images/icons/folder.png"/>
feeds/
</td>
</tr>
<tr>
<td>
<img src="/images/icons/blank.png"/>
<img src="/images/icons/xml.png"/>
<a href="/atom.xml">atom.xml</a>
</td>
</tr>
<tr>
<td>
<img src="/images/icons/blank.png"/>
<img src="/images/icons/xml.png"/>
<a href="/microblog.xml">microblog.xml</a>
</td>
</tr>
<tr>
<td>
<img src="/images/icons/blank.png"/>
<img src="/images/icons/xml.png"/>
<a href="/podcast-picks.xml">podcast-picks.xml</a>
</td>
</tr>
<tr>
<td>
<img src="/images/icons/blank.png"/>
<img src="/images/icons/xml.png"/>
<a rel="me" href="https://hacky.town/@rtyler">Mastodon</a>
</td>
</tr>
<tr>
<td>
<img src="/images/icons/comp.gray.png"/>
<a href="gopher://gopher.brokenco.de/">gopher site</a>
</td>
</tr>
<tr>
<td>
<img src="/images/icons/folder.png"/>
<a href="/categories">tags/</a>
</td>
</tr>
</table>
<hr/>
<div class="index-content framed">
<h1 id="hello-there">Howdy!</h1>
<p>Welcome to my blog where I write about <code>software
development</code>, cycling, and other random nonsense. This is not
the only place I write, you can find more words I typed on the <a
href="https://www.buoyantdata.com/blog/" target="_blank">Buoyant Data blog</a>, <a
href="https://tech.scribd.com" target="_blank">Scribd tech blog</a>, and <a
href="https://github.com/rtyler" target="_blank">GitHub</a>.
</p>
</div>
<div class="posts">
{% for post in paginator.posts %}
<article class="post on-list">
<h1 class="post-title">
<a href="{{ post.url | relative_url }}">{{ post .title }}</a>
</h1>
<div class="post-meta">
<time class="post-date">
{{ post.date | date_to_string }}
</time>
<span class="post-author">{{ post.author }}</span>
</div>
<span class="post-tags">
{% for category in post.tags %}
<a href="{% capture url %}/tag/{{ category | slugify }}.html{% endcapture %}
{{ url | relative_url }}">{{category}}</a>
{% endfor %}
</span>
<div class="post-content">
{{ post.excerpt }}
</div>
<div>
<a class="read-more button" href="{{ post.url | relative_url }}">Read more →</a>
</div>
</article>
{% endfor %}
<div class="pagination">
<div class="pagination__buttons">
{% if paginator.previous_page %}
<a href="{{ paginator.previous_page_path | relative_url }}" class="button next">
<span class="button__icon"></span>
<span class="button__text">Newer posts</span>
</a>
{% endif %}
{% if paginator.next_page %}
<a href="{{ paginator.next_page_path | relative_url }}" class="button next">
<span class="button__text">Older posts</span>
<span class="button__icon"></span>
</a>
{% endif %}
</div>
</div>
</div>