web/ponderings/geminicss/index.html

173 lines
5.5 KiB
HTML
Raw Normal View History

2024-07-29 13:43:21 +02:00
<!DOCTYPE html>
<html lang="en">
<head>
<title>Gemini.css | Paul&#x27;s Site of Stuff</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://paulwilde.uk/style.css">
<link rel="stylesheet" href="https://paulwilde.uk/color/orange.css">
<link rel="stylesheet" href="https://paulwilde.uk/color/background_blue.css">
<link rel="stylesheet" href="https://paulwilde.uk/font-hack-subset.css">
<meta name="description" content="An almost classless CSS style for Gemini-like HTML pages">
<meta property="og:description" content="An almost classless CSS style for Gemini-like HTML pages">
<meta property="og:title" content="Gemini.css | Paul's Site of Stuff">
<meta property="og:type" content="article">
<meta property="og:url" content="https://paulwilde.uk/ponderings/geminicss/">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:description" content="An almost classless CSS style for Gemini-like HTML pages">
<meta name="twitter:title" content="Gemini.css | Paul's Site of Stuff">
<meta property="twitter:domain" content="paulwilde.uk">
<meta property="twitter:url" content="https://paulwilde.uk/ponderings/geminicss/">
<link rel="shortcut icon" type="image/png" href="/favicon.png">
</head>
<body class="">
<div class="container">
<header class="header">
<div class="header__inner">
<div class="header__logo">
<a href="https://paulwilde.uk" style="text-decoration: none;">
<div class="logo">
Hello, I&#x27;m Paul
</div>
</a>
</div>
</div>
<nav class="menu">
<ul class="menu__inner">
<li><a href="/">home</a></li>
<li><a href="/aboutme">about me</a></li>
<li><a href="/ponderings">ponderings</a></li>
<li><a href="/iuse">i use …</a></li>
<li><a href="/tags">tags</a></li>
2024-07-29 13:44:39 +02:00
<li><a href="/atom.xml">rss</a></li>
2024-07-29 13:43:21 +02:00
</ul>
</nav>
</header>
<div class="post">
<h1 class="post-title"><a href="https://paulwilde.uk/ponderings/geminicss/">Gemini.css</a></h1>
<div class="post-meta-inline">
<span class="post-date">
2023-02-22
</span>
</div>
<span class="post-tags-inline">
:: tags:&nbsp;
<a class="post-tag" href="https://paulwilde.uk/tags/development/">#development</a>&nbsp;
<a class="post-tag" href="https://paulwilde.uk/tags/gemini/">#gemini</a>&nbsp;
<a class="post-tag" href="https://paulwilde.uk/tags/web/">#web</a></span>
<div class="sourcecode">
<a href="https:&#x2F;&#x2F;codeberg.org&#x2F;pswilde&#x2F;geminicss" target="_blank">source code</a>
</div>
<div class="post-content">
<p>Gemini.css is an <em>almost</em> classless CSS style for making Gemini-like HTML pages.</p>
<p>For a Gemini.css demonstration, go to <a href="https://geminicss.paulwilde.uk">geminicss.paulwilde.uk</a>.</p>
</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://paulwilde.uk/ponderings/nemini/">
<span class="button__icon"></span>&nbsp;
<span class="button__text">Nemini</span>
</a>
</span>
<span class="button next">
<a href="https://paulwilde.uk/ponderings/errors/">
<span class="button__text">Wholesome Errors</span>&nbsp;
<span class="button__icon"></span>
</a>
</span>
</div>
</div>
</div>
<footer class="footer">
<div class="footer__inner">
<a href="https:&#x2F;&#x2F;notnull.space&#x2F;@paul" rel="me">fediverse (gts)</a>
<a href="https:&#x2F;&#x2F;snac.notnull.space&#x2F;paul" rel="me">fediverse (snac)</a>
<a href="https:&#x2F;&#x2F;codeberg.org&#x2F;pswilde" rel="me">codeberg</a>
<a href="https:&#x2F;&#x2F;keyoxide.org&#x2F;85633E30514CC1932E4268460ED12CF710BC42CA" rel="me">keyoxide</a>
</div>
<div class="footer__inner">
<div class="copyright">
<span>©
2024
Paul Wilde</span>
<span class="copyright-theme">
<span class="copyright-theme-sep">:: </span>
Theme: <a href="https://github.com/pawroman/zola-theme-terminimal/">Terminimal</a>
</span>
</div>
</div>
</footer>
</div>
</body>
</html>