robots and style
Some checks are pending
Deploy Arise to html branch / Deploy Arise (push) Waiting to run

This commit is contained in:
Jose Falanga 2025-10-13 18:13:55 -03:00
parent f21be57087
commit 70b79d517b
4 changed files with 141 additions and 76 deletions

View file

@ -1,8 +1,7 @@
<!-- Page Footer --> <!-- Page Footer -->
<div class="footer"> <div class="footer">
<p>Copyleft &copy 2023 <a href="https://spectrasecu.re">Spectra Secure</a> • All wrongs reserved</p> <p>Copyleft &copy; 2023 <a href="https://spectrasecu.re">Spectra Secure</a> • All wrongs reserved</p>
<p>Built with 💚 using <a href="https://github.com/spectrasecure/arise">Arise</a>, a cloud-native static site generator written in Bash.</p> <p>Built with <span style="color:#d6b676;"></span> using <a href="https://github.com/spectrasecure/arise">Arise</a>, a cloud-native static site generator written in Bash.</p>
</div> </div>
<!-- End Page Footer --> <!-- End Page Footer -->

View file

@ -2,64 +2,108 @@
<html lang="{{language}}"> <html lang="{{language}}">
<head> <head>
<!-- Basic Metadata --> <!-- Basic Metadata -->
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="HandheldFriendly" content="True" /> <meta name="HandheldFriendly" content="True" />
<meta name="generator" content="Arise" /> <meta name="generator" content="Arise" />
<title>{{title}} · {{global_name}}</title> <title>{{title}} · {{global_name}}</title>
<meta name="description" content="{{description}}"> <meta name="description" content="{{description}}">
<meta name="author" content="{{author}}"> <meta name="author" content="{{author}}">
<!-- End Basic Metadata --> <!-- End Basic Metadata -->
<!-- OpenGraph Metadata --> <!-- OpenGraph Metadata -->
<meta property="og:site_name" content="{{global_name}}" /> <meta property="og:site_name" content="{{global_name}}" />
<meta property="og:type" content="article" /> <meta property="og:type" content="article" />
<meta property="og:title" content="{{title}} · {{global_name}}" /> <meta property="og:title" content="{{title}} · {{global_name}}" />
<meta property="og:description" content="{{description}}" /> <meta property="og:description" content="{{description}}" />
<meta property="og:url" content="{{canonical_url}}" /> <meta property="og:url" content="{{canonical_url}}" />
<meta property="og:image" content="{{canonical_url}}{{thumbnail}}" /> <meta property="og:image" content="{{canonical_url}}{{thumbnail}}" />
<meta property="article:published_time" content="{{published_date}}" /> <meta property="article:published_time" content="{{published_date}}" />
<meta property="article:modified_time" content="{{modified_date}}" /> <meta property="article:modified_time" content="{{modified_date}}" />
<!-- End OpenGraph Metadata --> <!-- End OpenGraph Metadata -->
<!-- Twitter Metadata -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="{{title}} · {{global_name}}" />
<meta name="twitter:description" content="{{description}}" />
<meta name="twitter:url" content="{{canonical_url}}" />
<meta name="twitter:image" content="{{canonical_url}}{{thumbnail}}" />
<!-- End Twitter Metadata -->
<!-- Favicon --> <!-- Twitter Metadata -->
<link rel="apple-touch-icon" sizes="180x180" href="/config/favicon/apple-touch-icon.png"> <meta name="twitter:card" content="summary_large_image" />
<link rel="icon" type="image/png" sizes="32x32" href="/config/favicon/favicon-32x32.png"> <meta name="twitter:title" content="{{title}} · {{global_name}}" />
<link rel="icon" type="image/png" sizes="16x16" href="/config/favicon/favicon-16x16.png"> <meta name="twitter:description" content="{{description}}" />
<link rel="manifest" href="/config/favicon/site.webmanifest"> <meta name="twitter:url" content="{{canonical_url}}" />
<link rel="mask-icon" href="/config/favicon/safari-pinned-tab.svg" color="#5bbad5"> <meta name="twitter:image" content="{{canonical_url}}{{thumbnail}}" />
<link rel="shortcut icon" href="/config/favicon/favicon.ico"> <!-- End Twitter Metadata -->
<meta name="msapplication-TileColor" content="#00aba9">
<meta name="msapplication-config" content="/config/favicon/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<!-- End Favicon -->
<!-- Styesheet+Logo --> <!-- Favicon -->
<style> <link rel="apple-touch-icon" sizes="180x180" href="/config/favicon/apple-touch-icon.png">
html * {font-family:monospace,sans-serif;} <link rel="icon" type="image/png" sizes="32x32" href="/config/favicon/favicon-32x32.png">
body {background-color:#121619;margin:40px auto;max-width:650px;padding:0 10px;color:#65f85a;} <link rel="icon" type="image/png" sizes="16x16" href="/config/favicon/favicon-16x16.png">
a {color:#b8f1b4;} <link rel="manifest" href="/config/favicon/site.webmanifest">
hr {color:#65f85a;} <link rel="mask-icon" href="/config/favicon/safari-pinned-tab.svg" color="#5bbad5">
.topbar a {color:#65f85a;} <link rel="shortcut icon" href="/config/favicon/favicon.ico">
</style> <meta name="msapplication-TileColor" content="#3b2e1f">
<link rel="stylesheet" href="/config/main.css"> <meta name="msapplication-config" content="/config/favicon/browserconfig.xml">
<div class="logo"><a href="/"><img src="/config/logo.png" /></a></div> <meta name="theme-color" content="#1e1b17">
<!-- End Styles+Logo --> <!-- End Favicon -->
<!-- Navigation --> <!-- Styles+Logo -->
<nav class="topbar"> <style>
<a href="/">Home</a><a href="/posts">Posts</a><a href="https://github.com/spectrasecure/arise">GitHub</a> html * {
</nav> font-family: system-ui, sans-serif;
<!-- End Navigation --> }
body {
background-color: #1e1b17;
color: #d2b48c;
margin: 40px auto;
max-width: 650px;
padding: 0 10px;
line-height: 1.6;
}
a {
color: #d6b676;
text-decoration: none;
}
a:hover {
color: #f0d89a;
}
hr {
border: none;
border-top: 1px solid #6b5633;
margin: 1.5em auto;
max-width: 300px;
}
.logo {
text-align: center;
margin-bottom: 20px;
}
.logo img {
max-height: 80px;
opacity: 0.95;
}
.topbar {
text-align: center;
padding: 10px 0;
border-top: 1px solid #6b5633;
border-bottom: 1px solid #6b5633;
margin-bottom: 20px;
}
.topbar a {
color: #d2b48c;
padding: 0 8px;
}
.topbar a:hover {
color: #f0d89a;
}
</style>
<link rel="stylesheet" href="/config/main.css">
<div class="logo"><a href="/"><img src="/config/logo.png" alt="Site logo" /></a></div>
<!-- End Styles+Logo -->
<!-- Navigation -->
<nav class="topbar">
<a href="/">Home</a>
<a href="/posts">Posts</a>
<a href="https://github.com/spectrasecure/arise">GitHub</a>
</nav>
<!-- End Navigation -->
</head> </head>
<body> <body>

View file

@ -10,8 +10,8 @@ body{
max-width:650px; max-width:650px;
line-height:1.6; line-height:1.6;
font-size:18px; font-size:18px;
color:#65f85a; color: #d2b48c; /* muted gold-beige text */
background-color:#121619; background-color: #1e1b17; /* warm dark brown background */
padding:0 10px; padding:0 10px;
} }
/********************************/ /********************************/
@ -31,7 +31,7 @@ img {
} }
code { code {
background-color:#293137; background-color: #2a2420; /* slightly warmer dark */
border-radius:16px; border-radius:16px;
padding-left:30px; padding-left:30px;
padding-right:30px; padding-right:30px;
@ -39,8 +39,8 @@ code {
padding-top:1px; padding-top:1px;
padding-bottom:1px; padding-bottom:1px;
color:#65f85a; color: #d2b48c; /* same as body text */
font-family:monospace; font-family:monospace;
} }
pre { pre {
@ -53,7 +53,7 @@ pre {
} }
blockquote { blockquote {
border-left:1px solid #65f85a; border-left: 1px solid #6b5633;
display:block; display:block;
margin-top: 1em; margin-top: 1em;
margin-bottom: 1em; margin-bottom: 1em;
@ -61,18 +61,18 @@ blockquote {
padding-left: 10px; padding-left: 10px;
margin-right: 40px; margin-right: 40px;
font-style: italic; font-style: italic;
color:#46ab3e; color: #bfa074; /* subtle, readable tone */
} }
hr { hr {
color:#65f85a; color:#6b5633;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
max-width: 300px; max-width: 300px;
} }
#endline { /* Special kind of <hr> for spacing out footnotes from the rest of a post */ #endline { /* Special kind of <hr> for spacing out footnotes from the rest of a post */
color:#65f85a; color:#6b5633;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
max-width: 300px; max-width: 300px;
@ -80,7 +80,10 @@ hr {
} }
a { a {
color:#b8f1b4 color: #d6b676; /* muted gold */
}
a:hover {
color: #f0d89a; /* lighter gold on hover */
} }
h1{ h1{
@ -126,22 +129,41 @@ h2,h3{
/* Navbar styling. */ /* Navbar styling. */
.topbar { .topbar {
padding-right:10px; padding-right:10px;
border-top:1px solid #65f85a; border-top:1px solid #6b5633;
border-bottom:1px solid #65f85a; border-bottom:1px solid #6b5633;
margin-bottom:20px; margin-bottom:20px;
text-align:center; text-align:center;
} }
.topbar a { .topbar a {
color:#65f85a; color:#6b5633;
text-decoration:none; text-decoration:none;
} }
/* Site footer styling */ /* Site footer styling */
/* Footer */
.footer { .footer {
border-top:2px solid #65f85a; border-top: 1px solid #6b5633;
font-size:12px; color: #a89064;
margin-top:120px; font-size: 13px;
text-align:center; margin-top: 100px;
text-align: center;
padding-top: 15px;
padding-bottom: 20px;
line-height: 1.5;
}
.footer a {
color: #d6b676;
text-decoration: none;
}
.footer a:hover {
color: #f0d89a;
}
/* Optional: subtle fade effect for decorative symbol */
.footer span {
opacity: 0.8;
} }
/********************************/ /********************************/
@ -153,7 +175,7 @@ text-decoration:none;
/* Arise Index Style */ /* Arise Index Style */
.arise-toc-td { .arise-toc-td {
border-width: 1px; border-width: 1px;
border-color: #65f85a; border-color: #6b5633;
border-top-style: solid; border-top-style: solid;
text-align: center; text-align: center;
padding-right: 10px; padding-right: 10px;

View file

@ -1,4 +1,4 @@
User-agent: * User-agent: *
Disallow: https://ari.se.net/config/* Disallow: https://log.thergic.ar/config/*
Sitemap: https://ari.se.net/sitemap.xml Sitemap: https://log.thergic.ar/sitemap.xml