mirror of
https://github.com/pawroman/zola-theme-terminimal.git
synced 2025-01-09 12:11:05 +01:00
220 lines
8.8 KiB
HTML
220 lines
8.8 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<title>Zola Terminimal theme</title>
|
||
|
|
|
||
|
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||
|
|
<meta name="robots" content="noodp"/>
|
||
|
|
|
||
|
|
<link rel="stylesheet" href="https://pawroman.github.io/zola-theme-terminimal/style.css">
|
||
|
|
<link rel="stylesheet" href="https://pawroman.github.io/zola-theme-terminimal/color/blue.css">
|
||
|
|
|
||
|
|
<link rel="stylesheet" href="https://pawroman.github.io/zola-theme-terminimal/font-hack-subset.css">
|
||
|
|
|
||
|
|
<meta name="description" content="">
|
||
|
|
|
||
|
|
<meta property="og:description" content="">
|
||
|
|
<meta property="og:title" content="Zola Terminimal theme">
|
||
|
|
<meta property="og:type" content="article">
|
||
|
|
<meta property="og:url" content="https://pawroman.github.io/zola-theme-terminimal/welcome-terminimal-theme/">
|
||
|
|
|
||
|
|
<meta name="twitter:card" content="summary_large_image">
|
||
|
|
<meta name="twitter:description" content="">
|
||
|
|
<meta name="twitter:title" content="Zola Terminimal theme">
|
||
|
|
<meta property="twitter:domain" content="pawroman.github.io/zola-theme-terminimal">
|
||
|
|
<meta property="twitter:url" content="https://pawroman.github.io/zola-theme-terminimal/welcome-terminimal-theme/">
|
||
|
|
|
||
|
|
<link rel="alternate" type="application/rss+xml" title="Zola Terminimal theme RSS Feed" href="https://pawroman.github.io/zola-theme-terminimal/rss.xml" />
|
||
|
|
<link rel="alternate" type="application/atom+xml" title="Zola Terminimal theme Atom Feed" href="https://pawroman.github.io/zola-theme-terminimal/atom.xml" />
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body class="">
|
||
|
|
<div class="container">
|
||
|
|
|
||
|
|
<header class="header">
|
||
|
|
<div class="header__inner">
|
||
|
|
<div class="header__logo">
|
||
|
|
|
||
|
|
<a href="https://pawroman.github.io/zola-theme-terminimal" style="text-decoration: none;">
|
||
|
|
<div class="logo">
|
||
|
|
|
||
|
|
Terminimal theme
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<nav class="menu">
|
||
|
|
<ul class="menu__inner">
|
||
|
|
<li class="active"><a href="https://pawroman.github.io/zola-theme-terminimal">blog</a></li>
|
||
|
|
|
||
|
|
<li><a href="https://pawroman.github.io/zola-theme-terminimal/tags">tags</a></li>
|
||
|
|
|
||
|
|
<li><a href="https://pawroman.github.io/zola-theme-terminimal/archive">archive</a></li>
|
||
|
|
|
||
|
|
<li><a href="https://pawroman.github.io/zola-theme-terminimal/about">about me</a></li>
|
||
|
|
|
||
|
|
<li><a href="https://github.com/pawroman/zola-theme-terminimal" target="_blank" rel="noopener noreferrer">github</a></li>
|
||
|
|
</ul>
|
||
|
|
</nav>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</header>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="content">
|
||
|
|
|
||
|
|
<div class="post">
|
||
|
|
|
||
|
|
<h1 class="post-title"><a href="https://pawroman.github.io/zola-theme-terminimal/welcome-terminimal-theme/">Welcome to Terminimal Theme for Zola</a></h1>
|
||
|
|
<div class="post-meta-inline">
|
||
|
|
|
||
|
|
<span class="post-date">
|
||
|
|
2019-02-04
|
||
|
|
</span>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<span class="post-tags-inline">
|
||
|
|
:: tags:
|
||
|
|
<a class="post-tag" href="https://pawroman.github.io/zola-theme-terminimal/tags/showcase/">#showcase</a>
|
||
|
|
<a class="post-tag" href="https://pawroman.github.io/zola-theme-terminimal/tags/theme/">#theme</a>
|
||
|
|
<a class="post-tag" href="https://pawroman.github.io/zola-theme-terminimal/tags/zola/">#zola</a></span>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="post-content">
|
||
|
|
<p>Welcome to Terminimal! This is a theme showcase post.</p>
|
||
|
|
<p>Code block (using "boron" theme):</p>
|
||
|
|
<pre data-lang="python" style="background-color:#151515;color:#e8e8d3;" class="language-python "><code class="language-python" data-lang="python"><span style="color:#888888;">#!/usr/bin/python3
|
||
|
|
</span><span>
|
||
|
|
</span><span style="color:#8fbfdc;">class </span><span style="color:#ffb964;">HelloPrinter</span><span>:
|
||
|
|
</span><span> </span><span style="color:#8fbfdc;">def </span><span style="color:#fad07a;">__init__</span><span>(</span><span style="color:#ffb964;">self</span><span>, </span><span style="color:#ffb964;">thing</span><span>):
|
||
|
|
</span><span> </span><span style="color:#ffb964;">self</span><span>.thing = thing
|
||
|
|
</span><span>
|
||
|
|
</span><span> </span><span style="color:#8fbfdc;">def </span><span style="color:#fad07a;">__call__</span><span>(</span><span style="color:#ffb964;">self</span><span>):
|
||
|
|
</span><span> </span><span style="color:#ffb964;">print</span><span>(</span><span style="color:#8fbfdc;">f</span><span style="color:#556633;">"</span><span style="color:#99ad6a;">Hello, </span><span>{</span><span style="color:#ffb964;">self</span><span>.thing}</span><span style="color:#99ad6a;">!</span><span style="color:#556633;">"</span><span>)
|
||
|
|
</span><span>
|
||
|
|
</span><span>
|
||
|
|
</span><span>printer = </span><span style="color:#ffb964;">HelloPrinter</span><span>(</span><span style="color:#556633;">"</span><span style="color:#99ad6a;">World</span><span style="color:#556633;">"</span><span>)
|
||
|
|
</span><span style="color:#ffb964;">printer</span><span>()
|
||
|
|
</span><span>
|
||
|
|
</span><span style="color:#888888;"># prints: Hello, World!
|
||
|
|
</span></code></pre>
|
||
|
|
<p>Inline code: <code>print("Hello world!")</code>.</p>
|
||
|
|
<p>Basic typography:</p>
|
||
|
|
<p><em>Italic text</em>. <strong>Bold text</strong>. <em><strong>Italic bold</strong></em>. Link: <a href="#">click me</a></p>
|
||
|
|
<h1 id="header-1">Header 1</h1>
|
||
|
|
<h2 id="header-2">Header 2</h2>
|
||
|
|
<h3 id="header-3">Header 3</h3>
|
||
|
|
<h4 id="header-4">Header 4</h4>
|
||
|
|
<p>Quote:</p>
|
||
|
|
<blockquote>
|
||
|
|
<p>"Theory is when you know everything but nothing works.
|
||
|
|
Practice is when everything works but no one knows why.
|
||
|
|
In our lab, theory and practice are combined: nothing works and no one knows why."</p>
|
||
|
|
</blockquote>
|
||
|
|
<p>Lists:</p>
|
||
|
|
<ul>
|
||
|
|
<li>A</li>
|
||
|
|
<li>B</li>
|
||
|
|
<li>CDEF
|
||
|
|
<ul>
|
||
|
|
<li>Nested Item
|
||
|
|
<ul>
|
||
|
|
<li>And more nesting</li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li>GHIJ</li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
<ol>
|
||
|
|
<li>One</li>
|
||
|
|
<li>Two</li>
|
||
|
|
<li>Three</li>
|
||
|
|
</ol>
|
||
|
|
<p>Horizontal line:</p>
|
||
|
|
<hr />
|
||
|
|
<p>This is where the post summary ends.</p>
|
||
|
|
<span id="continue-reading"></span>
|
||
|
|
<p>The second part follows here.</p>
|
||
|
|
<h2 id="shortcodes">Shortcodes</h2>
|
||
|
|
<p><code>figure</code> shortcode:</p>
|
||
|
|
<pre style="background-color:#151515;color:#e8e8d3;"><code><span>figure(src="http://rustacean.net/assets/rustacean-flat-gesture.png",
|
||
|
|
</span><span> style="width: 25%;",
|
||
|
|
</span><span> position="center",
|
||
|
|
</span><span> caption_position="left",
|
||
|
|
</span><span> caption="**Ferris**, the (unofficial) Rust mascot",
|
||
|
|
</span><span> caption_style="font-weight: bold; font-style: italic;")
|
||
|
|
</span></code></pre>
|
||
|
|
|
||
|
|
<figure class="center" >
|
||
|
|
<img src="http://rustacean.net/assets/rustacean-flat-gesture.png" style="width: 25%;" decoding="async" loading="lazy"/>
|
||
|
|
|
||
|
|
<figcaption class="left" style="font-style: italic;"><p><strong>Ferris</strong>, the (unofficial) Rust mascot</p>
|
||
|
|
</figcaption>
|
||
|
|
|
||
|
|
</figure>
|
||
|
|
|
||
|
|
<hr />
|
||
|
|
<p><code>image</code> shortcode:</p>
|
||
|
|
<pre style="background-color:#151515;color:#e8e8d3;"><code><span>image(src="https://upload.wikimedia.org/wikipedia/commons/3/35/Tux.svg",
|
||
|
|
</span><span> position="left")
|
||
|
|
</span></code></pre>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<img src="https://upload.wikimedia.org/wikipedia/commons/3/35/Tux.svg" class="left" decoding="async" loading="lazy"/>
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="pagination">
|
||
|
|
<div class="pagination__title">
|
||
|
|
<span class="pagination__title-h">Thanks for reading! Read other posts?</span>
|
||
|
|
<hr />
|
||
|
|
</div>
|
||
|
|
<div class="pagination__buttons">
|
||
|
|
<span class="button previous">
|
||
|
|
<a href="https://pawroman.github.io/zola-theme-terminimal/more-ranting/">
|
||
|
|
<span class="button__icon">←</span>
|
||
|
|
<span class="button__text">More ranting</span>
|
||
|
|
</a>
|
||
|
|
</span>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<footer class="footer">
|
||
|
|
<div class="footer__inner">
|
||
|
|
<div class="copyright">
|
||
|
|
<span>©
|
||
|
|
2024
|
||
|
|
Powered by <a href="https://www.getzola.org/">Zola</a></span>
|
||
|
|
<span class="copyright-theme">
|
||
|
|
<span class="copyright-theme-sep">:: </span>
|
||
|
|
Theme: <a href="https://github.com/pawroman/zola-theme-terminimal/">Terminimal</a> by pawroman
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</footer>
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|