rename images to media
4
Makefile
|
@ -1,7 +1,7 @@
|
||||||
FONTS = $(shell find fonts -type f)
|
FONTS = $(shell find fonts -type f)
|
||||||
CSS = style.css where.css
|
CSS = style.css where.css
|
||||||
PAGES = index.html where.html pubkey.txt
|
PAGES = index.html where.html pubkey.txt
|
||||||
IMAGES = $(patsubst %,images/%, \
|
MEDIA = $(patsubst %,media/%, \
|
||||||
mlem.gif mlem_static.png icon.svg \
|
mlem.gif mlem_static.png icon.svg \
|
||||||
niss_uwu_bg_dim.png niss_uwu_bg.png \
|
niss_uwu_bg_dim.png niss_uwu_bg.png \
|
||||||
info.svg star.svg sparkles.svg 18_plus.svg \
|
info.svg star.svg sparkles.svg 18_plus.svg \
|
||||||
|
@ -18,7 +18,7 @@ REMOTE_DIR ?= yummy
|
||||||
|
|
||||||
all: build
|
all: build
|
||||||
|
|
||||||
build: $(patsubst %,$(BUILDDIR)/%,$(FONTS) $(CSS) $(PAGES) $(IMAGES))
|
build: $(patsubst %,$(BUILDDIR)/%,$(FONTS) $(CSS) $(PAGES) $(MEDIA))
|
||||||
|
|
||||||
upload: build
|
upload: build
|
||||||
@rsync -rPLzh --delete -e 'ssh -l $(REMOTE_USER) -i $(IDFILE)' \
|
@rsync -rPLzh --delete -e 'ssh -l $(REMOTE_USER) -i $(IDFILE)' \
|
||||||
|
|
|
@ -9,7 +9,7 @@
|
||||||
<link rel=me href=https://twitter.com/2_gecs>
|
<link rel=me href=https://twitter.com/2_gecs>
|
||||||
<link rel=me href=https://twitter.com/squishygecs>
|
<link rel=me href=https://twitter.com/squishygecs>
|
||||||
|
|
||||||
<link rel=icon href=images/icon.svg>
|
<link rel=icon href=media/icon.svg>
|
||||||
|
|
||||||
<link rel=stylesheet href=style.css>
|
<link rel=stylesheet href=style.css>
|
||||||
<title>web site more like web shite haha gottem</title>
|
<title>web site more like web shite haha gottem</title>
|
||||||
|
@ -21,8 +21,8 @@
|
||||||
<p class='mlem-text niss'>“mlem”</p>
|
<p class='mlem-text niss'>“mlem”</p>
|
||||||
<p class='mlem-text nisse'>“mlem also”</p>
|
<p class='mlem-text nisse'>“mlem also”</p>
|
||||||
<picture>
|
<picture>
|
||||||
<source srcset=images/mlem_static.png media='(prefers-reduced-motion)'>
|
<source srcset=media/mlem_static.png media='(prefers-reduced-motion)'>
|
||||||
<img src=images/mlem.gif alt='— the gecs'>
|
<img src=media/mlem.gif alt='— the gecs'>
|
||||||
</picture>
|
</picture>
|
||||||
</div>
|
</div>
|
||||||
<p>
|
<p>
|
||||||
|
|
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 1.7 KiB |
Before Width: | Height: | Size: 7 KiB After Width: | Height: | Size: 7 KiB |
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
Before Width: | Height: | Size: 952 B After Width: | Height: | Size: 952 B |
Before Width: | Height: | Size: 760 B After Width: | Height: | Size: 760 B |
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
10
style.css
|
@ -11,7 +11,7 @@ body {
|
||||||
hsl(195deg, 100%, 67%),
|
hsl(195deg, 100%, 67%),
|
||||||
hsl(155deg, 70%, 62%)
|
hsl(155deg, 70%, 62%)
|
||||||
);
|
);
|
||||||
--bg-image: url(images/niss_uwu_bg.png);
|
--bg-image: url(media/niss_uwu_bg.png);
|
||||||
--size: 1.75rem;
|
--size: 1.75rem;
|
||||||
--weight: 600;
|
--weight: 600;
|
||||||
|
|
||||||
|
@ -127,7 +127,7 @@ dd {
|
||||||
text-decoration-thickness: 2px;
|
text-decoration-thickness: 2px;
|
||||||
}
|
}
|
||||||
[title]::after {
|
[title]::after {
|
||||||
content: url(images/info.svg);
|
content: url(media/info.svg);
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 0.75em; height: 0.75em;
|
width: 0.75em; height: 0.75em;
|
||||||
vertical-align: text-top;
|
vertical-align: text-top;
|
||||||
|
@ -162,8 +162,8 @@ a:hover {
|
||||||
content: var(--around-image);
|
content: var(--around-image);
|
||||||
}
|
}
|
||||||
|
|
||||||
rt { --around-image: url(images/star.svg); }
|
rt { --around-image: url(media/star.svg); }
|
||||||
h1, h2 { --around-image: url(images/sparkles.svg); }
|
h1, h2 { --around-image: url(media/sparkles.svg); }
|
||||||
|
|
||||||
|
|
||||||
.emojo {
|
.emojo {
|
||||||
|
@ -226,7 +226,7 @@ h1, h2 { --around-image: url(images/sparkles.svg); }
|
||||||
hsl(195deg, 60%, 44%),
|
hsl(195deg, 60%, 44%),
|
||||||
hsl(155deg, 60%, 55%)
|
hsl(155deg, 60%, 55%)
|
||||||
);
|
);
|
||||||
--bg-image: url(images/niss_uwu_bg_dim.png);
|
--bg-image: url(media/niss_uwu_bg_dim.png);
|
||||||
}
|
}
|
||||||
|
|
||||||
main {
|
main {
|
||||||
|
|
14
where.html
|
@ -2,7 +2,7 @@
|
||||||
<html lang=en>
|
<html lang=en>
|
||||||
<meta charset=utf-8>
|
<meta charset=utf-8>
|
||||||
|
|
||||||
<link rel=icon href=images/icon.svg>
|
<link rel=icon href=media/icon.svg>
|
||||||
<link rel=stylesheet href=where.css>
|
<link rel=stylesheet href=where.css>
|
||||||
|
|
||||||
<title>where to find gecs</title>
|
<title>where to find gecs</title>
|
||||||
|
@ -19,29 +19,29 @@
|
||||||
<dt> fedi
|
<dt> fedi
|
||||||
<dd>
|
<dd>
|
||||||
<a href=https://cybre.space/@g>
|
<a href=https://cybre.space/@g>
|
||||||
<img src=images/cybre.png alt='' class='at outline'>
|
<img src=media/cybre.png alt='' class='at outline'>
|
||||||
g@cybre.space
|
g@cybre.space
|
||||||
</a> <br>
|
</a> <br>
|
||||||
<a href=https://donphan.social/@g>
|
<a href=https://donphan.social/@g>
|
||||||
<img src=images/donphan.png alt='' class=at>
|
<img src=media/donphan.png alt='' class=at>
|
||||||
g@donphan.social
|
g@donphan.social
|
||||||
</a> <br>
|
</a> <br>
|
||||||
<a href=https://types.pl/@g>
|
<a href=https://types.pl/@g>
|
||||||
<img src=images/types.png alt='' class='at outline'>
|
<img src=media/types.png alt='' class='at outline'>
|
||||||
g@types.pl
|
g@types.pl
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<dt> twitter
|
<dt> twitter
|
||||||
<dd> <a href=https://twitter.com/2_gecs>@2_gecs</a>
|
<dd> <a href=https://twitter.com/2_gecs>@2_gecs</a>
|
||||||
|
|
||||||
<dt> <img src=images/18_plus.svg alt=lewd class=emojo> fedi
|
<dt> <img src=media/18_plus.svg alt=lewd class=emojo> fedi
|
||||||
<dd>
|
<dd>
|
||||||
<a href=https://cybre.space/@g>
|
<a href=https://cybre.space/@g>
|
||||||
<img src=images/dragncool.svg alt='' class='at outline'>
|
<img src=media/dragncool.svg alt='' class='at outline'>
|
||||||
g@scalie.business
|
g@scalie.business
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<dt> <img src=images/18_plus.svg alt=lewd class=emojo> twitter
|
<dt> <img src=media/18_plus.svg alt=lewd class=emojo> twitter
|
||||||
<dd> <a href=https://twitter.com/squishygecs>@squishygecs</a>
|
<dd> <a href=https://twitter.com/squishygecs>@squishygecs</a>
|
||||||
|
|
||||||
<dt> telegram
|
<dt> telegram
|
||||||
|
|