steve0greatness,
created on Monday, 10 June 2024, 21:41:59 (1718055719),
received on Monday, 10 June 2024, 21:42:19 (1718055739)
Author identity: Steve0Greatness <steve0greatnessiscool@gmail.com>
0589e847eb50782b4041dd7923d0ef6292d9cb12
index.html
@@ -72,7 +72,9 @@
</li>
</template>
<script type="module">
<script>
(async function() {
const ThemeList = await fetch("themes.xml")
.then(res => res.text())
.then(txt => {
@@ -102,6 +104,8 @@
HTMLThemeList.appendChild(ListEl);
}
})();
</script>
</body>
themes.xml
@@ -1,4 +1,6 @@
<themes>
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="themesxml.css" type="text/css"?>
<themes xmlns:xlink="http://www.w3.org/1999/xlink">
<theme>
<title>Dusk</title>
@@ -6,8 +8,15 @@
uri="https://roundabout-host.com/roundabout"
instance="roundabout-host.com"
username="roundabout"
xlink:type="simple"
xlink:href="https://roundabout-host.com/roundabout"
xlink:show="replace"
>Roundabout developer</author>
<uri>roundabout/dusk.css</uri>
<uri
xlink:type="simple"
xlink:href="/themes/roundabout/dusk.css"
xlink:show="replace"
>roundabout/dusk.css</uri>
</theme>
</themes>
themesxml.css
@@ -0,0 +1,48 @@
@import url("gully.css");
themes {
display: flex;
background-color: #101010;
font-family: "Gully";
}
themes {}
theme {
text-align: center;
margin: 15px
}
theme title,
theme author,
theme uri {
color: white;
display: block;
}
theme uri,
theme author {
user-select: all;
background: linear-gradient( 90deg, rgb(255, 150, 150) 0%, rgb(255, 194, 102) 10%, rgb(244, 255, 107) 20%, rgb(176, 253, 173) 30%, rgb(155, 255, 254) 40%, rgb(192, 246, 255) 50%, rgb(96, 172, 255) 60%, rgb(138, 79, 255) 70%, rgb(217, 110, 255) 80%, rgb(255, 126, 237) 90%, rgb(255, 145, 145) 100% );
background-clip: text;
-webkit-text-fill-color: transparent;
text-decoration: underline #551a8b 2px;
cursor: help;
}
theme title::before {
content: "Theme: ";
}
theme author::before {
color: white;
content: "Author: ";
}
theme author::after {
content: " <" attr(uri) ">";
}
theme uri::before {
user-select: all;
content: "Theme CSS: /themes/";
}