move images into .assets folder, add support for seeing only my buttons
|
Before Width: | Height: | Size: 4 MiB After Width: | Height: | Size: 4 MiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 488 KiB After Width: | Height: | Size: 488 KiB |
|
Before Width: | Height: | Size: 68 KiB After Width: | Height: | Size: 68 KiB |
|
Before Width: | Height: | Size: 192 KiB After Width: | Height: | Size: 192 KiB |
|
Before Width: | Height: | Size: 58 KiB After Width: | Height: | Size: 58 KiB |
|
Before Width: | Height: | Size: 56 KiB After Width: | Height: | Size: 56 KiB |
|
Before Width: | Height: | Size: 4.4 MiB After Width: | Height: | Size: 4.4 MiB |
|
Before Width: | Height: | Size: 110 KiB After Width: | Height: | Size: 110 KiB |
|
Before Width: | Height: | Size: 5.4 MiB After Width: | Height: | Size: 5.4 MiB |
|
Before Width: | Height: | Size: 151 KiB After Width: | Height: | Size: 151 KiB |
30
public/buttons/trwnh.com/buttons.html
Normal file
|
|
@ -0,0 +1,30 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>buttons for trwnh.com</title>
|
||||||
|
<style>
|
||||||
|
img {
|
||||||
|
width: 88px;
|
||||||
|
height: 31px;
|
||||||
|
}
|
||||||
|
ul {
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
li {
|
||||||
|
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<main>
|
||||||
|
<ul>
|
||||||
|
<li><img src="./trwnh1.png" alt="trwnh.com"></li>
|
||||||
|
<li><img src="./trwnh2a.png" alt="a@trwnh.com"></li>
|
||||||
|
<li><img src="./trwnh2.png" alt="a@trwnh.com with a person laying down on it"></li>
|
||||||
|
<li><img src="./trwnh3.png" alt="a@trwnh.com with a person laying down on it and another copy of the same person waving hello. there is also a golden jiggy"></li>
|
||||||
|
</ul>
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
1
public/buttons/trwnh.com/index.html
Symbolic link
|
|
@ -0,0 +1 @@
|
||||||
|
buttons.html
|
||||||
|
|
@ -82,19 +82,5 @@ a {color: #64b5f6}
|
||||||
|
|
||||||
<footer></footer>
|
<footer></footer>
|
||||||
|
|
||||||
<script type="text/javascript">
|
|
||||||
var sc_project=10574713;
|
|
||||||
var sc_invisible=1;
|
|
||||||
var sc_security="b5296783";
|
|
||||||
</script>
|
|
||||||
<script type="text/javascript"
|
|
||||||
src="https://www.statcounter.com/counter/counter.js"
|
|
||||||
async></script>
|
|
||||||
<noscript><div class="statcounter"><a title="Web Analytics"
|
|
||||||
href="http://statcounter.com/" target="_blank"><img
|
|
||||||
class="statcounter"
|
|
||||||
src="//c.statcounter.com/10574713/0/b5296783/1/" alt="Web
|
|
||||||
Analytics"></a></div></noscript>
|
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -54,7 +54,7 @@ body:before {
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
background: url(./images/sunset-square-bg-blue.min.jpg);
|
background: url(./.assets/images/sunset-square-bg-blue.min.jpg);
|
||||||
background-size: cover; background-repeat: no-repeat;
|
background-size: cover; background-repeat: no-repeat;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
filter: blur(1rem);
|
filter: blur(1rem);
|
||||||
|
|
@ -90,8 +90,8 @@ img {color: white}
|
||||||
<main>
|
<main>
|
||||||
<header id="top" class="section">
|
<header id="top" class="section">
|
||||||
<picture>
|
<picture>
|
||||||
<source srcset="./images/sunset-square-bg-blue.min.avif" type="image/avif">
|
<source srcset="./.assets/images/sunset-square-bg-blue.min.avif" type="image/avif">
|
||||||
<img src="./images/sunset-square-bg-blue.min.jpg" alt="a picture i took of a sunset, but hue-shifted to be blue and purple" width="200" height="200">
|
<img src="./.assets/images/sunset-square-bg-blue.min.jpg" alt="a picture i took of a sunset, but hue-shifted to be blue and purple" width="200" height="200">
|
||||||
</picture>
|
</picture>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<h1>hi, i'm a.</h1>
|
<h1>hi, i'm a.</h1>
|
||||||
|
|
@ -188,18 +188,5 @@ img {color: white}
|
||||||
<a href="#top">back to top</a>
|
<a href="#top">back to top</a>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
<script type="text/javascript">
|
|
||||||
var sc_project=10574713;
|
|
||||||
var sc_invisible=1;
|
|
||||||
var sc_security="b5296783";
|
|
||||||
</script>
|
|
||||||
<script type="text/javascript"
|
|
||||||
src="https://www.statcounter.com/counter/counter.js"
|
|
||||||
async></script>
|
|
||||||
<noscript><div class="statcounter"><a title="Web Analytics"
|
|
||||||
href="http://statcounter.com/" target="_blank"><img
|
|
||||||
class="statcounter"
|
|
||||||
src="//c.statcounter.com/10574713/0/b5296783/1/" alt="Web
|
|
||||||
Analytics"></a></div></noscript>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -7,13 +7,26 @@
|
||||||
<script type="application/ld+json">
|
<script type="application/ld+json">
|
||||||
{
|
{
|
||||||
"@context": "https://www.w3.org/ns/activitystreams",
|
"@context": "https://www.w3.org/ns/activitystreams",
|
||||||
"id": "https://trwnh.com/unstable/fedi-vs-web",
|
|
||||||
"type": "Article",
|
"type": "Article",
|
||||||
"name": "fedi vs web",
|
"name": "fedi vs web",
|
||||||
"summary": "on the distinction between social network and social web, where activitypub straddles both",
|
"summary": "on the distinction between social network and social web, where activitypub straddles both",
|
||||||
"url": "https://trwnh.com/unstable/fedi-vs-web"
|
"url": "https://trwnh.com/unstable/fedi-vs-web"
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
<script type="application/ld+json">
|
||||||
|
{
|
||||||
|
"@context": "https://schema.org",
|
||||||
|
"type": "Article",
|
||||||
|
"headline": "fedi vs web",
|
||||||
|
"description": "on the distinction between social network and social web, where activitypub straddles both",
|
||||||
|
"url": "https://trwnh.com/unstable/fedi-vs-web",
|
||||||
|
"author": {
|
||||||
|
"type": "Person",
|
||||||
|
"name": "a",
|
||||||
|
"url": "https://trwnh.com"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
<style>
|
<style>
|
||||||
article {
|
article {
|
||||||
max-width: 80ch;
|
max-width: 80ch;
|
||||||
|
|
|
||||||