rollback
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:54:08 -03:00
parent 2b8ab02de6
commit 6685176e55
3 changed files with 124 additions and 88 deletions

View file

@ -1,9 +1,8 @@
<!-- 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 2025 <a href="https://thergic.ar">Thergic</a> • All wrongs reserved</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> <p>Built with 💚 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 -->
</body> </body>
</html> </html>

View file

@ -43,8 +43,16 @@
<meta name="theme-color" content="#1e1b17"> <meta name="theme-color" content="#1e1b17">
<!-- End Favicon --> <!-- End Favicon -->
<!-- Styesheet+Logo -->
<style>
html * {font-family:monospace,sans-serif;}
body {background-color:#121619;margin:40px auto;max-width:650px;padding:0 10px;color:#65f85a;}
a {color:#b8f1b4;}
hr {color:#65f85a;}
.topbar a {color:#65f85a;}
</style>
<link rel="stylesheet" href="/config/main.css"> <link rel="stylesheet" href="/config/main.css">
<div class="logo"><a href="/"><img src="/config/logo.png" alt="Site logo" /></a></div> <div class="logo"><a href="/"><img src="/config/logo.png" /></a></div>
<!-- End Styles+Logo --> <!-- End Styles+Logo -->
<!-- Navigation --> <!-- Navigation -->

View file

@ -1,41 +1,46 @@
/*** Core page styles ***/
/* Base styling */ /*** Core page styles to set the primary colours and styles to be inherited by everything else ***/
/* Core Styling */
html * { html * {
font-family: sans-serif; font-family:sans-serif;
} }
body{ body{
margin: 40px auto; margin:40px auto;
max-width: 650px; max-width:650px;
line-height: 1.6; line-height:1.6;
font-size: 18px; font-size:18px;
color: #65f85a; /* green text */ color:#65f85a;
background-color: #121619; /* almost black */ background-color:#121619;
padding: 0 10px; padding:0 10px;
} }
/********************************/
/********************************/
/*** Post styling. This section is for defining markup classes to make it easier to write prettier posts. ***/
/*** Post styling ***/
img { img {
max-width: 100%; max-width: 100%;
max-height: 100%; max-height: 100%;
margin-top: 20px; margin-top:20px;
margin-bottom: 20px; margin-bottom:20px;
border-radius: 16px; border-radius:16px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
display: block; display: block;
} }
code { code {
background-color: #293137; background-color:#293137;
border-radius: 16px; border-radius:16px;
padding-left: 30px; padding-left:30px;
padding-right: 30px; padding-right:30px;
padding-top: 1px; line-height:2em;
padding-bottom: 1px;
line-height: 2em; padding-top:1px;
color: #65f85a; padding-bottom:1px;
font-family: monospace; color:#65f85a;
font-family:monospace;
} }
pre { pre {
@ -48,26 +53,26 @@ pre {
} }
blockquote { blockquote {
border-left: 1px solid #65f85a; border-left:1px solid #65f85a;
display: block; display:block;
margin-top: 1em; margin-top: 1em;
margin-bottom: 1em; margin-bottom: 1em;
margin-left: 30px; margin-left: 30px;
padding-left: 10px; padding-left: 10px;
margin-right: 40px; margin-right: 40px;
font-style: italic; font-style: italic;
color: #46ab3e; color:#46ab3e;
} }
hr { hr {
color: #65f85a; color:#65f85a;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
max-width: 300px; max-width: 300px;
} }
#endline { #endline { /* Special kind of <hr> for spacing out footnotes from the rest of a post */
color: #65f85a; color:#65f85a;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
max-width: 300px; max-width: 300px;
@ -75,63 +80,87 @@ hr {
} }
a { a {
color: #b8f1b4; color:#b8f1b4
text-decoration: none;
} }
h1{ h1{
line-height: 1.2; line-height:1.2
} }
h2, h3{ h2,h3{
padding-top: 24px; padding-top:24px;
line-height: 1.2; line-height:1.2
} }
/* Inline dates */ /* Style for inline dates. These are configured via a separate include file in /config/content_header.html. See notes on Arise page creation for more details. */
.date { .date {
padding-bottom: 0; padding-bottom:0;
margin-bottom: 0; margin-bottom:0;
font-size: 14px; font-size:14px;
} }
@media screen and (max-width: 900px) { @media screen and (max-width: 900px) {
.date { .date {
text-align: right; text-align:right;
} }
} }
@media screen and (min-width: 901px) { @media screen and (min-width: 901px) {
.date { .date {
float: right; float:right;
margin-left: 30px; margin-left:30px;
} }
} }
/*** Modular components ***/ /********************************/
/********************************/
/* Logo */
/*** Modular component styles. Includes styling for the headers, navigation controls, and footer. ***/
/* Site logo. Styled to responsively move to either left or be centred, depending if the page is being viewed on desktop or mobile respectively. */
.logo { .logo {
margin-bottom: 20px; margin-bottom:20px;
text-align: center; text-align:center;
} }
/* Navbar styling */ /* Navbar styling. */
.topbar { .topbar {
padding-right: 10px; padding-right:10px;
border-top: 1px solid #65f85a; border-top:1px solid #65f85a;
border-bottom: 1px solid #65f85a; border-bottom:1px solid #65f85a;
margin-bottom: 20px; margin-bottom:20px;
text-align: center; text-align:center;
} }
.topbar a { .topbar a {
color: #65f85a; color:#65f85a;
text-decoration: none; text-decoration:none;
} }
/* Footer styling */ /* Site footer styling */
.footer { .footer {
border-top: 2px solid #65f85a; border-top:2px solid #65f85a;
font-size: 12px; font-size:12px;
margin-top: 120px; margin-top:120px;
text-align: center; text-align:center;
}
/********************************/
/********************************/
/*** Other misc garbage ***/
/* Arise Index Style */
.arise-toc-td {
border-width: 1px;
border-color: #65f85a;
border-top-style: solid;
text-align: center;
padding-right: 10px;
padding-bottom: 5px
}
.arise-toc-th {
padding-bottom: 20px;
border-bottom: 1px;
border-bottom-style: solid;
} }