ANGELF~1.HTM
This commit is contained in:
parent
2387e2fcbd
commit
ec80a72379
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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)
|
||||
CSS = base.css index.css where.css comms.css
|
||||
PAGES = index.html where.html comms.html pubkey.txt
|
||||
CSS = base.css index.css where.css comms.css ANGELF~1.CSS
|
||||
PAGES = index.html where.html comms.html ANGELF~1.HTM pubkey.txt
|
||||
MEDIA = $(patsubst %,media/%, \
|
||||
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 \
|
||||
|
|
@ -8,6 +8,10 @@ MEDIA = $(patsubst %,media/%, \
|
|||
comm-examples.png \
|
||||
) \
|
||||
$(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
|
||||
TMPDIR ?= _tmp
|
||||
|
|
@ -19,7 +23,7 @@ REMOTE_DIR ?= yummy
|
|||
|
||||
all: build
|
||||
|
||||
build: $(patsubst %,$(BUILDDIR)/%,$(FONTS) $(CSS) $(PAGES) $(MEDIA))
|
||||
build: $(patsubst %,$(BUILDDIR)/%,$(FONTS) $(CSS) $(PAGES) $(MEDIA) $(AFMEDIA))
|
||||
|
||||
upload: build
|
||||
@rsync --recursive --partial --progress --copy-links \
|
||||
|
|
@ -54,6 +58,11 @@ $(BUILDDIR)/%_dim.png: %.png
|
|||
@echo $(notdir $@)
|
||||
@convert -channel A -evaluate Multiply 0.75 $< $@
|
||||
|
||||
$(BUILDDIR)/%.GIF: %.ICO
|
||||
@echo $*.GIF
|
||||
@mkdir -p $(dir $@)
|
||||
@convert '$<[0]' $@
|
||||
|
||||
clean:
|
||||
$(RM) -r $(TMPDIR) $(BUILDDIR)
|
||||
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 766 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 766 B |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Loading…
Reference in New Issue