polynom.me/blog.polynom.me
Archived
2
0
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

feat: Make my blog much prettier

Browse Source
This commit is contained in:
PapaTutuWawa
2023-07-16 22:51:58 +02:00
parent 98cfbaf97c
commit ba567e0d65
13 changed files with 146 additions and 262 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
layout/item.html
View File

@@ -1,11 +1,14 @@
<div class="horizontal-center">
<div class="post-list-item">
<h2><a class="post-list-item-title" href="/{{ slug }}.html">{{ title }}</a></h2>
<!-- Post item -->
<div class="w-4/5 py-4">
<a href="/{{ slug }}.html">
<h1 class="prose prose-h1 text-2xl text-indigo-400">{{ title }}</h1>
</a>
<p><b>&gt; {{ date }}</b></p>
<p class="prose prose-xs text-white">
Posted on {{ date }}
</p>
<div class="quote text">
<p class="post-summary">{{ summary }}...</p>
</div>
</div>
</div>
<p class="prose text-white py-2">
{{ summary }}...
</p>
</div>

9
layout/list.html
View File

@@ -1,5 +1,4 @@
<div class="post-list">
<div class="vertical">
{{ content }}
</div>
</div>
<!-- Posts wrapper -->
<div class="flex flex-col items-center">
{{ content }}
</div>

88
layout/page.html
View File

@@ -1,61 +1,49 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>{{ title }}</title>
<meta property="og:title" content="{{ title }}" />
<meta property="og:description" content="{{ description }}" />
<!doctype html>
<html>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
<link rel="stylesheet" href="{{ page_assets }}/css/main.css" />
<link rel="stylesheet" href="/assets/css/blog.css" />
<link rel="stylesheet" href="/assets/css/syntax.css" />
{{ mathjax_include }}
<head>
<title>{{ title }}</title>
<meta property="og:title" content="{{ title }}" />
<meta property="og:description" content="{{ description }}" />
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="/assets/css/index.css" rel="stylesheet" />
<link href="/assets/css/code.css" rel="stylesheet" />
<!-- Optional MathJax -->
{{ mathjax_include }}
<!-- Blog -->
<link rel="alternative"
type="application/rss+xml"
title="PapaTutuWawa's Blog"
href="https://{{ blog_url }}/atom.xml" />
title="PapaTutuWawa's Blog"
href="https://{{ blog_url }}/atom.xml" />
<!-- Mastodon -->
<link rel="me" href="https://fosstodon.org/@polynomdivision" />
</head>
<body>
<div class="horizontal-center">
<div class="vertical header">
<div id="header" class="horizontal">
<img class="avatar" src="{{ page_assets }}/img/avatar.jpg" alt="" />
</head>
<div class="vertical-center">
<span class="name-title">PapaTutuWawa's Blog</span>
<body class="min-h-screen h-full flex flex-col p-8 h-full">
<div class="flex flex-col items-center">
<!-- Allow the header to be independently sized from the content -->
<div>
<div class="flex flex-row">
<img class="w-32 md:w-36 lg:w-48 h-32 md:h-36 lg:h-48 rounded-lg" src="https://cdn.polynom.me/img/avatar.jpg" />
<div id="header-links">
<ul>
<li><a href="index.html">Posts</a></li>
<li><a href="/atom.xml">RSS</a></li>
<li><a href="https://polynom.me">About</a></li>
</ul>
</div>
</div>
</div>
<div class="flex flex-col justify-center px-8">
<h1 class="text-xl lg:text-4xl text-white">PapaTutuWawa's blog</h1>
<div class="horizontal-center">
{{ content }}
</div>
<div class="flex flex-row justify-between">
<a class="text-indigo-400" href="/index.html">Posts</a>
<a class="text-indigo-400" href="/atom.xml">RSS</a>
<a class="text-indigo-400" href="https://polynom.me">About</a>
</div>
</div>
</div>
</div>
<br />
{{ content }}
</div>
</body>
<div class="horizontal-center footer">
<span>
Created by <i>PapaTutuWawa</i> with &lt;3 using
<a href="https://github.com/google/roboto">Roboto</a>,
<a href="https://github.com/RedHatOfficial/Overpass">Overpass</a> and
<a href="https://github.com/sunainapai/makesite">makesite</a>a
</span>
</div>
</div>
</div>
</body>
</html>
</html>

36
layout/post.html
View File

@@ -1,24 +1,18 @@
<div class="horizontal-center stretch-horizontally">
<div class="post">
<article>
<h1>{{ title }}</h1>
<!-- Post wrapper -->
<div class="flex flex-col items-center pt-8">
<h1 class="prose prose-h1 text-2xl text-indigo-400 self-start">{{ title }}</h1>
<p>// Posted {{ date }}</p>
<p class="prose prose-xs text-white self-start">Posted on {{ date }}</p>
<ul>
<li><a href="https://{{ git_url }}/PapaTutuWawa/blog.polynom.me/src/branch/master/content/blog/{{ file_name }}">Post source</a></li>
<li><a href="https://{{ git_url }}/PapaTutuWawa/blog.polynom.me/raw/branch/master/content/blog/{{ file_name }}.sig">Signed</a> with <a href="https://{{ email_gpg_url }}">this publickey</a></li>
</ul>
{{ mathjax_warning }}
<article class="text-white prose prose-lg pt-8">
{{ content }}
</article>
{{ content }}
<br />
If you have any questions or comments, then feel free to send me an email
(Preferably with <a href="https://{{ email_gpg_url }}">GPG encryption</a>) to
{{ email_user }} [weird "a" with a circle] {{ email_domain }}.
</article>
</div>
</div>
<!-- Post ending -->
<span class="text-white prose prose-lg self-start pt-8">
If you have any questions or comments, then feel free to send me an email (Preferably with GPG encryption) to
{{ email_user }} [at] {{ email_domain }} or
reach out to me on the Fediverse at <a class="text-indigo-400"
href="https://{{ fediverse_url }}">{{ fediverse_handle }}</a>.
</span>
</div>