rhi/yummy.cricket
1
0
Fork 0
Code Issues Releases Activity

move styles and scripts into directories

Browse source
This commit is contained in:
Rhiannon Morris 2024-09-22 21:39:06 +02:00
parent 7341f49b5a
commit 28eb19ff41
8 changed files with 33 additions and 33 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
Makefile
View file

@ -1,10 +1,10 @@
CSS = $(wildcard *.css) $(shell find fonts -type f)
CSS = $(wildcard style/*.css) $(shell find fonts -type f)
PAGES = index.html pubkey.txt
MEDIA = \
$(wildcard media/*.png) $(wildcard media/*.gif) $(wildcard media/*.webp) \
$(wildcard media/flags/*) $(wildcard media/buttons/*) \
$(wildcard media/icons/*) $(wildcard media/bg/*) 8831.png 8831-quox.png
SCRIPTS = $(patsubst %.ts,%.js,$(wildcard *.ts))
SCRIPTS = $(patsubst %.ts,%.js,$(wildcard script/*.ts))
MISC = $(shell find .well-known -type f)
ALL = $(CSS) $(PAGES) $(MEDIA) $(SCRIPTS) $(MISC)

12
index.html
View file

@ -9,11 +9,11 @@
<link rel=me href=https://cohost.org/niss>
<link rel=icon href=media/favicon.png>
<link rel=stylesheet href=base.css>
<link rel=stylesheet href=cube.css>
<link rel=stylesheet href=flat.css>
<link rel=stylesheet href=style/base.css>
<link rel=stylesheet href=style/cube.css>
<link rel=stylesheet href=style/flat.css>
<noscript>
<link rel=stylesheet href=static.css>
<link rel=stylesheet href=style/static.css>
</noscript>
<meta property=og:type content=article>
@ -26,8 +26,8 @@
<meta name=twitter:image content="XXXXXX">
-->
<script src=shuffle.js type=module></script>
<script src=run.js type=module></script>
<script src=script/shuffle.js type=module></script>
<script src=script/run.js type=module></script>
<nav id=face-menu>
<menu class='menu hide-boxes'>

0
run.ts → script/run.ts
View file

0
shuffle.ts → script/shuffle.ts
View file

50
base.css → style/base.css
View file

@ -1,4 +1,4 @@
@import url(fonts/muller/muller.css) (prefers-reduced-data: no-preference);
@import url(../fonts/muller/muller.css) (prefers-reduced-data: no-preference);
/* OUTER */
@ -197,20 +197,20 @@ strong { font-weight: 700; }
/* extra #cube selector for specificity */
#cube #hello {
--bg-image: url(media/wave.png);
--bg-image: url(../media/wave.png);
background:
var(--bg-image) bottom right / auto 60% no-repeat,
var(--base-background);
}
@media (prefers-color-scheme: dark) {
#cube #hello { --bg-image: url(media/wave-neon.png); }
#cube #hello { --bg-image: url(../media/wave-neon.png); }
}
@media (prefers-reduced-data: reduce) {
#cube #hello { --bg-image: url(media/wave.webp); }
#cube #hello { --bg-image: url(../media/wave.webp); }
}
@media (prefers-color-scheme: dark) and (prefers-reduced-data: reduce) {
#cube #hello { --bg-image: url(media/wave-neon.webp); }
#cube #hello { --bg-image: url(../media/wave-neon.webp); }
}
#id, #id ::selection, #flags img {
@ -253,7 +253,7 @@ strong { font-weight: 700; }
#cube #activities {
/* height of quobl.png is 58% of width */
--bg-image: url(media/quobl.png);
--bg-image: url(../media/quobl.png);
background:
var(--bg-image) bottom left 2ex / 50% auto no-repeat local,
var(--base-background);
@ -261,13 +261,13 @@ strong { font-weight: 700; }
}
@media (prefers-color-scheme: dark) {
#cube #activities { --bg-image: url(media/quobl-neon.png); }
#cube #activities { --bg-image: url(../media/quobl-neon.png); }
}
@media (prefers-reduced-data: reduce) {
#cube #activities { --bg-image: url(media/quobl.webp); }
#cube #activities { --bg-image: url(../media/quobl.webp); }
}
@media (prefers-color-scheme: dark) and (prefers-reduced-data: reduce) {
#cube #activities { --bg-image: url(media/quobl-neon.png); }
#cube #activities { --bg-image: url(../media/quobl-neon.png); }
}
#links, #links ::selection {
@ -307,21 +307,21 @@ strong { font-weight: 700; }
#links a:hover { text-decoration: none; }
#links #gallery {
--icon: url(media/favicon.png);
--icon: url(../media/favicon.png);
--fg: hsl(280deg 38% 43%);
--bg: hsl(100deg 99% 81%);
image-rendering: pixelated;
}
#links #code {
--icon: url(media/icons/forgejo.svg);
--icon: url(../media/icons/forgejo.svg);
--fg: white;
--icon-bg: #171e26;
--bg: #c2410c;
}
#links #blog {
--icon: url(media/icons/blog.png);
--icon: url(../media/icons/blog.png);
--fg: #ffeebb;
--bg: #332255;
/* image-rendering: pixelated; */
@ -332,61 +332,61 @@ strong { font-weight: 700; }
}
#links #itaku {
--icon: url(media/icons/itaku.svg);
--icon: url(../media/icons/itaku.svg);
--fg: #ffeb3b;
--bg: #303030;
}
#links #weasyl {
--icon: url(media/icons/weasyl.svg);
--icon: url(../media/icons/weasyl.svg);
--fg: white;
--bg: #970000;
}
#links #fa {
--icon: url(media/icons/furaffinity.png);
--icon: url(../media/icons/furaffinity.png);
--icon-bg: #20242a;
--bg: #353b45;
--fg: white;
}
#links #da {
--icon: url(media/icons/deviantart.png);
--icon: url(../media/icons/deviantart.png);
--icon-bg: #000608;
--bg: #314537;
--fg: #e7ede4;
}
#links #kofi {
--icon: url(media/icons/ko-fi.webp);
--icon: url(../media/icons/ko-fi.webp);
--icon-bg: #def3ff;
--bg: white;
--fg: #ff5966;
}
#links #artfight {
--icon: url(media/icons/artfight.png);
--icon: url(../media/icons/artfight.png);
--icon-bg: #222222;
--bg: #a65178;
--fg: white;
}
#links #chitter {
--icon: url(media/icons/chitter.png);
--icon: url(../media/icons/chitter.png);
--bg: #582c58;
--icon-bg: #2c162c;
--fg: white;
}
#links #cohost {
--icon: url(media/icons/cohost.svg);
--icon: url(../media/icons/cohost.svg);
--bg: #ffab5c;
--icon-bg: #83254f;
--fg: black;
}
#links #bluesky {
--icon: url(media/icons/bluesky.svg);
--icon: url(../media/icons/bluesky.svg);
--bg: #161e27;
--fg: white;
}
@ -501,18 +501,18 @@ strong { font-weight: 700; }
}
#cube #six {
--bg-image: url(media/kesi.png);
--bg-image: url(../media/kesi.png);
background:
var(--bg-image) bottom right / 100% auto no-repeat,
var(--base-background);
}
@media (prefers-color-scheme: dark) {
#cube #six { --bg-image: url(media/kesi-neon.png); }
#cube #six { --bg-image: url(../media/kesi-neon.png); }
}
@media (prefers-reduced-data: reduce) {
#cube #activities { --bg-image: url(media/kesi.webp); }
#cube #activities { --bg-image: url(../media/kesi.webp); }
}
@media (prefers-color-scheme: dark) and (prefers-reduced-data: reduce) {
#cube #activities { --bg-image: url(media/kesi-neon.webp); }
#cube #activities { --bg-image: url(../media/kesi-neon.webp); }
}

0
cube.css → style/cube.css
View file

0
flat.css → style/flat.css
View file

0
static.css → style/static.css
View file