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>
|
||||
|
||||
<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>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -54,7 +54,7 @@ body:before {
|
|||
height: 100vh;
|
||||
left: 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-position: center;
|
||||
filter: blur(1rem);
|
||||
|
|
@ -90,8 +90,8 @@ img {color: white}
|
|||
<main>
|
||||
<header id="top" class="section">
|
||||
<picture>
|
||||
<source srcset="./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">
|
||||
<source srcset="./.assets/images/sunset-square-bg-blue.min.avif" type="image/avif">
|
||||
<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>
|
||||
<div class="container">
|
||||
<h1>hi, i'm a.</h1>
|
||||
|
|
@ -188,18 +188,5 @@ img {color: white}
|
|||
<a href="#top">back to top</a>
|
||||
</div>
|
||||
</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>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -7,13 +7,26 @@
|
|||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://www.w3.org/ns/activitystreams",
|
||||
"id": "https://trwnh.com/unstable/fedi-vs-web",
|
||||
"type": "Article",
|
||||
"name": "fedi vs web",
|
||||
"summary": "on the distinction between social network and social web, where activitypub straddles both",
|
||||
"url": "https://trwnh.com/unstable/fedi-vs-web"
|
||||
}
|
||||
</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>
|
||||
article {
|
||||
max-width: 80ch;
|
||||
|
|
|
|||