2024-07-29 13:43:21 +02:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
<title>Gemini.css | Paul'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'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:
|
|
|
|
|
<a class="post-tag" href="https://paulwilde.uk/tags/development/">#development</a>
|
|
|
|
|
<a class="post-tag" href="https://paulwilde.uk/tags/gemini/">#gemini</a>
|
|
|
|
|
<a class="post-tag" href="https://paulwilde.uk/tags/web/">#web</a></span>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="sourcecode">
|
|
|
|
|
<a href="https://codeberg.org/pswilde/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>
|
|
|
|
|
<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>
|
|
|
|
|
<span class="button__icon">→</span>
|
|
|
|
|
</a>
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<footer class="footer">
|
|
|
|
|
<div class="footer__inner">
|
|
|
|
|
|
|
|
|
|
<a href="https://notnull.space/@paul" rel="me">fediverse (gts)</a>
|
|
|
|
|
|
|
|
|
|
<a href="https://snac.notnull.space/paul" rel="me">fediverse (snac)</a>
|
|
|
|
|
|
|
|
|
|
<a href="https://codeberg.org/pswilde" rel="me">codeberg</a>
|
|
|
|
|
|
|
|
|
|
<a href="https://keyoxide.org/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>
|
