1
0

start to move css to homepage-css folder

This commit is contained in:
dtb
2023-10-31 17:13:05 -06:00
parent b82554c370
commit 0d33afb7cf
20 changed files with 373 additions and 46 deletions

8
homepage-css/2023.css Normal file
View File

@@ -0,0 +1,8 @@
a{
color: #FF0000;
}
body{
background-color: #000000;
color: #FFDBDB;
}

11
homepage-css/4chanog.css Normal file
View File

@@ -0,0 +1,11 @@
/* is this really an OG 4chan theme?
* screenshots from nov 2003 look like
* this but idk... */
body:
background-color: #000000;
color: #FFFFFF;
h1, h2, h3, .sidebar {
color: #B77F75
}

2
homepage-css/Makefile Normal file
View File

@@ -0,0 +1,2 @@
index.html: index.m4 ../head.m4
m4 index.m4 >index.html

7
homepage-css/README.md Normal file
View File

@@ -0,0 +1,7 @@
# homepage-css
This is an obsoleted project to provide custom theming for trinity.moe, my
homepage, through JavaScript and Cascading Stylesheets.
**Except mcupdate.css**, which contains notes as to its own licensing, all code
in this repository is available under the UNLICENSE.

0
homepage-css/blank.css Normal file
View File

View File

@@ -0,0 +1,10 @@
body {
background-color: #000000;
color: #FFFFFF;
font-weight: bold;
}
a {
color: #FFFFFF;
font-weight: normal;
}

9
homepage-css/discord.css Normal file
View File

@@ -0,0 +1,9 @@
/* found on https://colorswall.com/palette/181/. seems accurate */
body {
background-color: #23272A;
color: #99AAB5;
}
a {
color: #7289DA;
}

View File

@@ -0,0 +1,3 @@
body {
background-image: linear-gradient(#bcdeff, #efdbfc, #bcdeff);
}

57
homepage-css/index.m4 Normal file
View File

@@ -0,0 +1,57 @@
define(`_PAGE', `css/')dnl
define(`_TITLE', `trinity.moe/css/')dnl
define(`_DESCRIPTION', `trinity.moe css')dnl
define(`_STYLE', `')
define(`csspage', `<INPUT ID="$1" NAME="css" TYPE="radio" VALUE="/css/$1.css" />
<LABEL FOR="$1">/css/$1.css</LABEL>
<BR />')dnl
<!DOCTYPE html>
<HTML LANG="en">
include(`../head.m4')dnl
<BODY>
<P><A HREF="/">~ Return to the rest of the site</A></P>
<SCRIPT SRC="/js/cookies.js" TYPE="application/javascript"></SCRIPT>
<SCRIPT SRC="/js/sheets.js" TYPE="application/javascript"></SCRIPT>
<SCRIPT TYPE="application/javascript">window.onload = window.initializesheets;</SCRIPT>
<H1>Site CSS selector</H1>
<HR ALIGN="left" SIZE="1" WIDTH="25%" />
<P><SMALL>
This page may be hostile to screen readers and other web assistive technologies because it's essentially a raw list of filenames with paths and extensions.
If you'd like a friendlier view, it's possible the <A HREF="https://github.com/devenblake/homepage/tree/main/css">webview directory list</A> for the repository service I use could be a better way to browse this site's more hidden stylesheets.
Otherwise, pull requests are open for the repository, and my e-mail is on the site index if you don't have an account on the service being used.
</SMALL></P>
<P><SMALL>
This page uses JavaScript.
The URLs to the sheets are provided in their entry.
If you do not wish to use JavaScript for this page, you may set a custom theme for this website in your browser settings using the sheet file.
</SMALL></P>
csspage(`blank')
csspage(`4chanog')
csspage(`calebmode')
csspage(`discord')
csspage(`givemerights')
csspage(`instantfloppy')
csspage(`instantfloppy-redandwhite')
csspage(`k')
<INPUT ID="mcupdate" NAME="css" TYPE="radio" VALUE="/css/mcupdate.css" />
<LABEL FOR="mcupdate">/css/mcupdate.css (<B>NONFREE; read <A HREF="/css/mcupdate.css">the sheet source</A></B>)</LABEL>
<BR />
csspage(`nevertoodark')
csspage(`pink')
csspage(`windowsclassic')
csspage(`yarahmode')
<H4>side-effects</H4>
<INPUT ONCLICK="
var selected;
if((selected = document.querySelector('input[name=\'css\']:checked')) != null)
window.setStyling(selected.value);
" TYPE="button" VALUE="apply to this page" />
<INPUT ONCLICK="
window.setCookie('sheet', window.getStyling(), 365);
" TYPE="button" VALUE="apply page styling site-wide with a cookie" />
</BODY>
</HTML>

View File

@@ -0,0 +1,12 @@
/** add stylesheet.css, then add this sheet **/
body {
/** cloning CNN, cheaply. **/
background-color: #DDDDDD;
color: #111111;
}
a {
color: #EE0000;
text-decoration: underline;
}

View File

@@ -0,0 +1,17 @@
body {
background-color: #000000;
color: #00FF00;
font-size: 100%;
}
a {
color: #FF4444;
text-decoration: none;
font-weight: bold;
}
h1, h2, h3, h4, h5, h6, h7 { font-weight: normal; }
h1 { font-size: 1.25em; /* 20px */ }
h2 { font-size: 1.125em; /* 18px */ }
h3 { font-size: 1em; /* 16px */ }
h7 { font-size: 0.625em; /* 10px */ }

10
homepage-css/k.css Normal file
View File

@@ -0,0 +1,10 @@
body {
background-color: #000000;
color: #FFDBDB;
font-weight: bold;
}
a {
color: #FFDBDB;
font-weight: normal;
}

8
homepage-css/lists.css Normal file
View File

@@ -0,0 +1,8 @@
/* stolen a bit from http://www.lord-enki.net/vt240.css */
tr, td, ul, ol {
outline: 1px solid;
padding-top: 5px;
padding-bottom: 5px;
margin-top: 5px;
margin-bottom: 10px;
}

35
homepage-css/mcupdate.css Normal file
View File

@@ -0,0 +1,35 @@
/* This file has no license and I did not have the right to use it except in
* fair use.
* mcupdate.css
* site theme stolen from mcupdate.tumblr.com --
*
* Photo Minimal
* A Tumblr theme by William Rainbird - http://william.rainbird.me
* Tweaked for the Minecraft Launcher by Mojang
*/
body {
font-family: sans-serif;
background-color: #222222;
background-image: url('https://static.tumblr.com/qfn3sex/ezom7y7iq/bg_main.png');
color: #e0d0d0;
}
a { color: #aaaaff; }
hr {
border: 0;
color: #111111;
background-color: #111111;
height: 2px;
}
h3 {
color: #ffffff;
font-size: 16px;
}
img {
border:0;
margin:0;
}

View File

@@ -0,0 +1,8 @@
body {
background-color: #000000;
color: #222222;
}
a {
color: #333333;
}

3
homepage-css/pink.css Normal file
View File

@@ -0,0 +1,3 @@
body {
background-color: #FFDBDB;
}

View File

@@ -0,0 +1,10 @@
body {
background-color: #3B6EA5;
color: #FFFFFF;
font-weight: bold;
}
a {
color: #FFFFFF;
font-weight: normal;
}

View File

@@ -0,0 +1,6 @@
body {
background-color: #66AA88;
}
a {
color: #7E4662;
}