ANGELF~1.HTM
This commit is contained in:
parent
2387e2fcbd
commit
ec80a72379
13 changed files with 234 additions and 3 deletions
112
ANGELF~1.CSS
Normal file
112
ANGELF~1.CSS
Normal file
|
|
@ -0,0 +1,112 @@
|
||||||
|
:root {
|
||||||
|
font: 18pt serif;
|
||||||
|
color: white;
|
||||||
|
background: url(NEWFOL~1/GEC.JPG);
|
||||||
|
}
|
||||||
|
|
||||||
|
main {
|
||||||
|
width: 30em;
|
||||||
|
padding: 1rem;
|
||||||
|
margin: 1rem auto;
|
||||||
|
border: 8px outset white;
|
||||||
|
background: #639;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
header, h1, h2, h3 { text-align: center; }
|
||||||
|
h1 { margin-top: 0; }
|
||||||
|
header { overflow: hidden; }
|
||||||
|
|
||||||
|
@media not (prefers-reduced-motion) {
|
||||||
|
@keyframes marquee {
|
||||||
|
from { transform: translateX(100%); }
|
||||||
|
to { transform: translateX(-100%); }
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
animation-name: marquee;
|
||||||
|
animation-timing-function: linear;
|
||||||
|
animation-duration: 7.5s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
#mlemtext {
|
||||||
|
position: relative;
|
||||||
|
width: 80%;
|
||||||
|
margin: 0 auto;
|
||||||
|
height: 3em;
|
||||||
|
}
|
||||||
|
.niss, .nisse { position: absolute }
|
||||||
|
.niss { left: 0 }
|
||||||
|
.nisse { right: 0 }
|
||||||
|
|
||||||
|
header picture, header img {
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto;
|
||||||
|
bacground: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
#mlem + p { margin-top: 0; }
|
||||||
|
|
||||||
|
|
||||||
|
img[src$='.svg'] { height: 1em; }
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #9cf;
|
||||||
|
font-weight: bold;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
table {
|
||||||
|
width: 80%;
|
||||||
|
border-spacing: 0.75em 0.15em ;
|
||||||
|
}
|
||||||
|
|
||||||
|
th {
|
||||||
|
text-align: right;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
td {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'W95FA';
|
||||||
|
src: url(NEWFOL~1/W95FA.otf) format('opentype'),
|
||||||
|
url(NEWFOL~1/w95fa.woff) format('woff'),
|
||||||
|
url(NEWFOL~1/w95fa.woff2) format('woff2');
|
||||||
|
}
|
||||||
|
|
||||||
|
#links {
|
||||||
|
position: absolute;
|
||||||
|
top: 0; left: 0;
|
||||||
|
font-family: 'W95FA', sans-serif;
|
||||||
|
font-size: 13pt;
|
||||||
|
padding: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
#links li {
|
||||||
|
display: block;
|
||||||
|
width: 5em;
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#links img {
|
||||||
|
display: block;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
#links a {
|
||||||
|
font-weight: normal;
|
||||||
|
color: white;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#links span {
|
||||||
|
background: black;
|
||||||
|
padding: 0 0.25ch;
|
||||||
|
}
|
||||||
110
ANGELF~1.HTM
Normal file
110
ANGELF~1.HTM
Normal file
|
|
@ -0,0 +1,110 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang=en>
|
||||||
|
<meta charset=utf-8>
|
||||||
|
|
||||||
|
<link rel=me href=https://cybre.space/@g>
|
||||||
|
<link rel=me href=https://donphan.social/@g>
|
||||||
|
<link rel=me href=https://types.pl/@g>
|
||||||
|
<link rel=me href=https://scalie.business/@g>
|
||||||
|
<link rel=me href=https://twitter.com/2_gecs>
|
||||||
|
<link rel=me href=https://twitter.com/squishygecs>
|
||||||
|
|
||||||
|
<link rel=icon href=media/icon.svg>
|
||||||
|
|
||||||
|
<link rel=stylesheet href=ANGELF~1.CSS>
|
||||||
|
<title>web site more like web shite haha gottem</title>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<header>
|
||||||
|
<h1>so basically? <b>im gecs</b></h1>
|
||||||
|
<div id=mlem>
|
||||||
|
<div id=mlemtext>
|
||||||
|
<p class='mlem-text niss'>“mlem”</p>
|
||||||
|
<p class='mlem-text nisse'>“mlem also”</p>
|
||||||
|
</div>
|
||||||
|
<a href=https://gallery.niss.website/main/niss/2020-06-20-mlem>
|
||||||
|
<picture>
|
||||||
|
<source srcset=media/mlem_static.png media='(prefers-reduced-motion)'>
|
||||||
|
<img src=media/mlem.gif alt='— the gecs'>
|
||||||
|
</picture>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
a <b>big one</b> (niss (she/her))
|
||||||
|
and a <b>little one</b> (nisse (he/him))
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<h2>stats</h2>
|
||||||
|
<table>
|
||||||
|
<tr>
|
||||||
|
<th> how to say
|
||||||
|
<td>
|
||||||
|
<a id=soundlink>/nIs/, /nIs@/</a>
|
||||||
|
<audio id=miku>
|
||||||
|
<source src=media/niss-nisse.mp3 type=audio/mpeg>
|
||||||
|
<source src=media/niss-nisse.ogg type=audio/ogg>
|
||||||
|
(<a href=media/niss-nisse.mp3>listen</a>)
|
||||||
|
</audio>
|
||||||
|
<noscript>
|
||||||
|
(<a href=media/niss-nisse.mp3>listen</a>)
|
||||||
|
</noscript>
|
||||||
|
|
||||||
|
<tr><th> prons <td title='she for niss, he for nisse'> she or they
|
||||||
|
<tr><th> quantity <td> 2
|
||||||
|
<tr><th> consistency <td> soft
|
||||||
|
<tr><th> limbs <td> many
|
||||||
|
<tr><th> energy <td> <img src=NEWFOL~1/LOWBATT.GIF alt=low>
|
||||||
|
</table>
|
||||||
|
</section>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<ul id=links>
|
||||||
|
<li>
|
||||||
|
<a href=https://gallery.niss.website>
|
||||||
|
<img src=NEWFOL~1/PBRUSH.GIF>
|
||||||
|
<span>art</span>
|
||||||
|
</a>
|
||||||
|
<li>
|
||||||
|
<a href=https://git.rhiannon.website/rhi>
|
||||||
|
<img src=NEWFOL~1/PROGRAM.GIF>
|
||||||
|
<span>code</span>
|
||||||
|
</a>
|
||||||
|
<li>
|
||||||
|
<a href=https://lang.niss.website>
|
||||||
|
<img src=NEWFOL~1/QUESTION.GIF>
|
||||||
|
<span>conlangs</span>
|
||||||
|
</a>
|
||||||
|
<li>
|
||||||
|
<a href=where.html>
|
||||||
|
<img src=NEWFOL~1/MAIL.GIF>
|
||||||
|
<span>contact</span>
|
||||||
|
</a>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
|
||||||
|
<script>
|
||||||
|
window.addEventListener('load', function() {
|
||||||
|
let link = document.getElementById('soundlink');
|
||||||
|
let miku = document.getElementById('miku');
|
||||||
|
|
||||||
|
function play(e) {
|
||||||
|
e.preventDefault();
|
||||||
|
miku.play();
|
||||||
|
}
|
||||||
|
|
||||||
|
// attempt to ensure at least one of the sources is recognised
|
||||||
|
// (and that <audio> is supported)
|
||||||
|
if (!isNaN(miku.duration)) {
|
||||||
|
link.href = '#listen';
|
||||||
|
link.addEventListener('click', play);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
<!--
|
||||||
|
- miku recorded by @derFisch
|
||||||
|
-->
|
||||||
15
Makefile
15
Makefile
|
|
@ -1,6 +1,6 @@
|
||||||
FONTS = $(shell find fonts -type f)
|
FONTS = $(shell find fonts -type f)
|
||||||
CSS = base.css index.css where.css comms.css
|
CSS = base.css index.css where.css comms.css ANGELF~1.CSS
|
||||||
PAGES = index.html where.html comms.html pubkey.txt
|
PAGES = index.html where.html comms.html ANGELF~1.HTM pubkey.txt
|
||||||
MEDIA = $(patsubst %,media/%, \
|
MEDIA = $(patsubst %,media/%, \
|
||||||
bg.png bg_2x.png bg_dim.png bg_2x_dim.png snugl.png \
|
bg.png bg_2x.png bg_dim.png bg_2x_dim.png snugl.png \
|
||||||
mlem.gif mlem_static.png cybre.png donphan.png types.png \
|
mlem.gif mlem_static.png cybre.png donphan.png types.png \
|
||||||
|
|
@ -8,6 +8,10 @@ MEDIA = $(patsubst %,media/%, \
|
||||||
comm-examples.png \
|
comm-examples.png \
|
||||||
) \
|
) \
|
||||||
$(wildcard media/*.svg)
|
$(wildcard media/*.svg)
|
||||||
|
AFMEDIA = $(patsubst %,NEWFOL~1/%, \
|
||||||
|
GEC.JPG PBRUSH.GIF PROGRAM.GIF QUESTION.GIF MAIL.GIF LOWBATT.GIF \
|
||||||
|
W95FA.otf w95fa.woff w95fa.woff2 \
|
||||||
|
)
|
||||||
|
|
||||||
BUILDDIR ?= _build
|
BUILDDIR ?= _build
|
||||||
TMPDIR ?= _tmp
|
TMPDIR ?= _tmp
|
||||||
|
|
@ -19,7 +23,7 @@ REMOTE_DIR ?= yummy
|
||||||
|
|
||||||
all: build
|
all: build
|
||||||
|
|
||||||
build: $(patsubst %,$(BUILDDIR)/%,$(FONTS) $(CSS) $(PAGES) $(MEDIA))
|
build: $(patsubst %,$(BUILDDIR)/%,$(FONTS) $(CSS) $(PAGES) $(MEDIA) $(AFMEDIA))
|
||||||
|
|
||||||
upload: build
|
upload: build
|
||||||
@rsync --recursive --partial --progress --copy-links \
|
@rsync --recursive --partial --progress --copy-links \
|
||||||
|
|
@ -54,6 +58,11 @@ $(BUILDDIR)/%_dim.png: %.png
|
||||||
@echo $(notdir $@)
|
@echo $(notdir $@)
|
||||||
@convert -channel A -evaluate Multiply 0.75 $< $@
|
@convert -channel A -evaluate Multiply 0.75 $< $@
|
||||||
|
|
||||||
|
$(BUILDDIR)/%.GIF: %.ICO
|
||||||
|
@echo $*.GIF
|
||||||
|
@mkdir -p $(dir $@)
|
||||||
|
@convert '$<[0]' $@
|
||||||
|
|
||||||
clean:
|
clean:
|
||||||
$(RM) -r $(TMPDIR) $(BUILDDIR)
|
$(RM) -r $(TMPDIR) $(BUILDDIR)
|
||||||
|
|
||||||
|
|
|
||||||
BIN
NEWFOL~1/GEC.JPG
Normal file
BIN
NEWFOL~1/GEC.JPG
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
NEWFOL~1/LOWBATT.ICO
Normal file
BIN
NEWFOL~1/LOWBATT.ICO
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
NEWFOL~1/MAIL.ICO
Normal file
BIN
NEWFOL~1/MAIL.ICO
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
NEWFOL~1/PBRUSH.ICO
Normal file
BIN
NEWFOL~1/PBRUSH.ICO
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 766 B |
BIN
NEWFOL~1/PROGRAM.ICO
Normal file
BIN
NEWFOL~1/PROGRAM.ICO
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
NEWFOL~1/QUESTION.ICO
Normal file
BIN
NEWFOL~1/QUESTION.ICO
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 766 B |
BIN
NEWFOL~1/W95FA.otf
Normal file
BIN
NEWFOL~1/W95FA.otf
Normal file
Binary file not shown.
BIN
NEWFOL~1/gec.kra
Normal file
BIN
NEWFOL~1/gec.kra
Normal file
Binary file not shown.
BIN
NEWFOL~1/w95fa.woff
Normal file
BIN
NEWFOL~1/w95fa.woff
Normal file
Binary file not shown.
BIN
NEWFOL~1/w95fa.woff2
Normal file
BIN
NEWFOL~1/w95fa.woff2
Normal file
Binary file not shown.
Loading…
Add table
Add a link
Reference in a new issue