chore: update site

This commit is contained in:
MattTheTekie 2025-09-04 19:48:03 -04:00
commit 7067cc6b45
5 changed files with 5 additions and 359 deletions

View file

@ -2,11 +2,11 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<title>{{ if not .IsHome }}{{.Title}} - {{ end }}Dragon Linux</title>
<title>{{ if not .IsHome }}{{.Title}} - {{ end }}Home - Dragon Linux</title>
<link rel="stylesheet" href="/css/main.css?{{ slicestr (readFile "static/css/main.css" | md5) 0 8 }}">
<link href="https://use.fontawesome.com/releases/v6.7.1/css/all.css" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link id="favicon" rel="icon" href="/img/merge/dragon(1).jpeg">
<link id="favicon" rel="icon" href="/img/merge/dragon1.png">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300&family=Noto+Sans+JP:wght@300;500;700&family=Noto+Serif+JP:wght@200;500&family=Varela+Round&display=swap" rel="stylesheet">
{{ if .OutputFormats.Get "RSS" }}
<link href="{{ (.OutputFormats.Get "RSS").RelPermalink }}" rel="alternate" type="application/rss+xml" title="{{ if not .IsHome }}{{.Title}} - {{ end }}Dragon Linux" />
@ -17,13 +17,13 @@
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@DragonLinux" />
<meta name="twitter:creator" content="@DragonLinux" />
<meta name="twitter:title" content="{{ if not .IsHome }}{{.Title}} - {{ end }}Dragon Linux" />
<meta name="twitter:title" content="{{ if not .IsHome }}{{.Title}} - {{ end }}Home - Dragon Linux" />
<meta name="twitter:description" content="The most dragonified Linux distribution to exist" />
<meta name="twitter:image" content="https://dragon-linux.venith.net/img/merge/dragon(1).jpeg" />
<meta name="twitter:image" content="https://dragon-linux.venith.net/img/merge/dragon1.png" />
<meta name="twitter:image:width" content="256">
<meta name="twitter:image:height" content="256">
<meta property="og:image" content="https://dragon-linux.venith.net/img/merge/dragon(1).jpeg">
<meta property="og:image" content="https://dragon-linux.venith.net/img/merge/dragon1.png">
<meta property="og:title" content="{{ if not .IsHome }}{{.Title}} - {{ end }}Dragon Linux">
<script>
var kawaii = (new URLSearchParams(window.location.search)).get("kawaii") ?? localStorage.getItem("kawaii");

View file

@ -1,28 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<link rel="icon" type="image/png" href="img/dragon.jpeg">
<link rel="stylesheet" href="style.css">
<title>Dragon Linux Homepage</title>
<main>
<center><img src="img/dragon.jpeg" alt="whoops" style="width:190px;height:150px;border:0;" class="center">
<h1 style="color:white;">Welcome to the Dragon Linux homepage!</h1>
<p style="font-family:sans-serif">Due to the amount of support, feedback, and amount of downloads we had in the start of it all. I am officaly remastering the project to modern standards and porting to ARM!</p>
<p style="font-family:sans-serif">The new version is now out! You can download the latest version below.</p>
<a href="https://sourceforge.net/projects/sujix-linux/files/latest/download">Dragon Linux 6 X86_64 (Current Stable Release)</a></p>
</a><b><big><p style="font-family:sans-serif">Make your computer better today with Dragon Linux.</p></big></b>
<img src="img/desktop.png" alt="whoops" style="width:850px;height:600px;border:0;">
<br></br>
<div>
</a><b><big><p style="font-family:sans-serif">Why use Dragon Linux?</p></big></b></a>
</a><br><a style="font-family:sans">Your computer will be faster, and snappier then ever before with the new and awesome XFCE interface.</a></br>
<br><a style="font-family:sans">Your computer will be able to run android applications, and even windows games.</a></br>
<br><a style="font-family:sans">Your computer will have access to thousands of games with Box86, Box64, and WINE.</a></br>
<br><a style="font-family:sans">Your computer will be able to browse, surf, stream, and communicate with ease again.</a></br>
<br><a style="font-family:sans">No more having to mess with settings to get hardware to work again.</a>
</div>
<br>
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/HRLWwhaV4qw?rel=0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</br>
</center>
</html>

View file

@ -1,326 +0,0 @@
:root {
--genwidth: 850px ;
--navwidth: 175px ;
--fg: #ddd ;
--altfg: #ccc ;
--fgemph: white ;
--bg: #111 ;
--altbg: #333 ;
--emph: #333 ;
--bordercolor: #555 ;
--limish: #0e0 ;
}
body {
font-style: sans-serif ;
/* background: linear-gradient(indigo, darkslategray) fixed ; */
background-image: url("img/background.jpg");
margin-bottom: 100px ;
}
main, nav, footer {
box-shadow: 5px 5px 5px 5px rgba( 0, 0, 0, 0.3) ;
}
main {
margin: auto ;
color: var(--fg) ;
background: var(--bg) ;
border: dashed 1px var(--bordercolor) ;
padding: 1em ;
border-radius: 20px ;
}
header h1 {
font-size: xxx-large ;
max-width: var(--genwidth) ;
margin-left: auto ;
margin-right: auto ;
}
.lw, p img, li img, h1 img, h2 img, h3 img, h4 img, dt img, td img {
max-height: 1em;
max-width: 1em;
vertical-align: middle ;
}
sup {
vertical-align: top;
font-size: 0.6em;
}
nav {
font-variant: small-caps ;
}
nav,footer {
text-align: center ;
clear: both ;
background: var(--altbg) ;
border-radius: 20px ;
margin: auto ;
border: dashed 1px var(--bordercolor) ;
max-width: var(--genwidth) ;
}
footer {
color: var(--altfg) ;
margin-top: 1em ;
font-size: small ;
overflow-wrap: break-word ;
}
nav {
max-width: var(--genwidth) ;
}
nav li,footer li {
display: inline-block ;
list-style: none ;
background: var(--bg) ;
border-radius: 10px ;
padding: .5em ;
max-width: 7em ;
}
nav ul, footer ul, #taglist {
padding: 0;
margin: .5em;
}
nav a:hover li, footer a:hover li,#tagcloud a:hover li {
background: steelblue ;
color: black ;
box-shadow: 2px 2px cyan ;
}
strong { color: var(--fgemph) ; }
a strong { color: var(--limish) ; }
details { padding-left: 20px ; text-decoration: underline; }
pre {
background: #222 ;
border: 1px solid var(--limish) ;
border-radius: 20px ;
padding: 1em ;
margin: 1em ;
white-space: pre-wrap;
}
code {
background: #222 ;
color: var(--limish) ;
border-radius: 5px ;
overflow-wrap: break-word ;
}
.cryptocontainer {
display: flex ;
flex-wrap: wrap ;
justify-content: center ;
}
.cryptoinfo {
max-width: 350px ;
text-align: center ;
padding-left: 10px ;
padding-right: 10px ;
}
.cryptoinfo code {
font-size: small ;
overflow-wrap: break-word ;
}
ul {
margin-left: 20px ;
margin-right: 20px ;
}
li img, p img {
max-height: 1em ;
max-width: 1em ;
}
h1,h2,h3,h4 {
font-family: "EB Garamond", Garamond, Serif ;
text-align: center ;
text-shadow: 1px 1px var(--emph) ;
font-weight: normal ;
}
h1 { color: lightblue ; }
h2 { color: goldenrod ; }
h3 { color: tomato ; }
h4 { color: deepskyblue ; }
a { color: turquoise ; text-decoration: none ;}
a:hover { color: greenyellow ;}
dt { font-weight: bold ; color: lightgray ; }
.disappear {
display: none ;
}
/* This should be genwidth + (navwidth*2) + padding */
@media (min-width: 1200px) {
nav {
float: left ;
width: 175px ;
position: fixed ;
text-align: left ;
font-size: large ;
}
nav::before {
content: "Links" ;
text-align: center ;
display: block ;
font-size: large ;
color: violet ;
text-decoration: underline ;
margin-top: .5em ;
}
nav li {
display: block ;
text-align: center ;
margin: .5em auto ;
}
}
.resright, .resmid {
max-height: 300px ;
max-width: 90% ;
margin: auto ;
display: block ;
}
@media (min-width: 55em) {
.resright, .disappear {
display: block ;
float: right;
padding: 20px ;
clear: both ;
max-height: 300px ;
max-width: 300px ;
}
.resmid {
max-height: 300px ;
max-width: 300px ;
}
main {
max-width: var(--genwidth) ;
}
.column {
float: left;
width: 50% ;
}
}
.entry p, .entry li { margin-left: 2em ; }
figure img { max-width: 100% ; margin: auto ; }
figcaption { font-style: italic ; font-size: small ; }
figure { text-align: center; }
#toc {
font-size: x-large ;
margin-left: auto ;
margin-right: auto ;
max-width: 500px ;
}
#toc li { padding: 5px }
.new a {
color: yellow ;
}
.new a:hover {
color: magenta ;
}
.new::after {
content: " 🆕" ;
/* content: " (New 🎁)" ; */
color: goldenrod ;
}
/* For QR codes for bitcoin and crypto */
.qr { max-width: 150px ; padding: 10px }
.entryinfo {
text-align: center ;
font-size: x-small ;
margin: 0 ;
}
#tagcloud {
font-size: large ;
padding: 0;
font-variant: small-caps ;
background: var(--altbg) ;
border-radius: 10px ;
text-align: center ;
margin: 0 auto ;
}
#tagcloud li {
display: inline-block ;
padding: 5px ;
margin: 3px ;
width: auto ;
background: var(--bg) ;
border-radius: 10px ;
}
#taglist {
max-width: 300px ;
margin: auto ;
text-align: center ;
display: block ;
}
#taglist li {
display: inline-block ;
padding-right: 0.5em ;
padding-left: 0.5em ;
}
#taglist::before { content: "This article is tagged as:" ; display: block; font-size: small ; }
#taglist::after { content: "Click the links above for related articles." ; display: block ; font-size: small ;}
aside {
font-style: italic ;
font-size: small ;
color: lightgray ;
margin-left: 3em ;
margin-right: 3em ;
padding: 0 1em 0 1em ;
border: 1px solid black ;
border-radius: 20px ;
}
.titleimg {
margin: auto ;
max-width: 90% ;
display: block ;
}
.resmid {
margin: auto ;
display: block ;
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 KiB