miles/miles-web
1
0
Fork 0
mirror of https://github.com/mileswolfallen2/miles-web.git synced 2026-09-08 11:23:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update share.html and top-shows.html: add Twitch link and update show descriptions; create project ID file

Browse Source
This commit is contained in:
miles
2026-09-01 23:40:35 -05:00
parent 755815e61a
commit eeb6be0de9
2 changed files with 39 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
share.html
+10 -4
View File
@@ -32,7 +32,8 @@
"https://bsky.app/profile/wolfreaper90.bsky.social",
"https://github.com/mileswolfallen2",
"https://open.spotify.com/user/31bodx3k4uok7wcmm64hovz57udu",
"https://www.youtube.com/channel/UCeUJbFoCDwUUg6uZi-G-zhQ"
"https://www.youtube.com/channel/UCeUJbFoCDwUUg6uZi-G-zhQ",
"https://www.twitch.tv/mileswa1q2"
]
}
</script>
@@ -205,12 +206,12 @@
<a class="soc" data-anim="soc" href="https://github.com/mileswolfallen2" target="_blank" rel="noopener" aria-label="GitHub">
<svg viewBox="0 0 24 24"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
</a>
<a class="soc" data-anim="soc" href="https://www.twitch.tv/mileswa1q2" target="_blank" rel="noopener" aria-label="Twitch">
<svg viewBox="0 0 24 24"><path d="M11.571 4.714h1.715v5.143H11.57zm4.715 0H18v5.143h-1.714zM6 0 1.714 4.286v15.428h5.143V24l4.286-4.286h3.428L22.286 12V0zm14.571 11.143-3.428 3.428h-3.429l-3 3v-3H6.857V1.714h13.714Z"/></svg>
</a>
<a class="soc" data-anim="soc" href="https://discord.com/users/1058108777112543402" target="_blank" rel="noopener" aria-label="Discord">
<svg viewBox="0 0 24 24"><path d="M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189z"/></svg>
</a>
<a class="soc" data-anim="soc" href="https://www.youtube.com/channel/UCeUJbFoCDwUUg6uZi-G-zhQ" target="_blank" rel="noopener" aria-label="YouTube">
<svg viewBox="0 0 24 24"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg>
</a>
</div>
</div>
@@ -251,6 +252,11 @@
<span class="r-body"><span class="r-title">YouTube</span></span>
<span class="r-right">↗</span>
</a>
<a class="row" href="https://www.twitch.tv/mileswa1q2" target="_blank" rel="noopener">
<span class="ico"><svg viewBox="0 0 24 24"><path d="M11.571 4.714h1.715v5.143H11.57zm4.715 0H18v5.143h-1.714zM6 0 1.714 4.286v15.428h5.143V24l4.286-4.286h3.428L22.286 12V0zm14.571 11.143-3.428 3.428h-3.429l-3 3v-3H6.857V1.714h13.714Z"/></svg></span>
<span class="r-body"><span class="r-title">Twitch</span></span>
<span class="r-right">↗</span>
</a>
<a class="row" href="https://discord.com/users/1058108777112543402" target="_blank" rel="noopener">
<span class="ico"><svg viewBox="0 0 24 24"><path d="M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189z"/></svg></span>
<span class="r-body"><span class="r-title">Discord</span></span>
top-shows.html
+29 -7
View File
@@ -4,16 +4,16 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>top shows · miles wolf allen</title>
<meta name="description" content="Miles Wolf Allen's top shows: Jujutsu Kaisen, Dr. Stone, and Invincible — ranked with details.">
<meta name="description" content="Miles Wolf Allen's top shows: Jujutsu Kaisen, Dr. Stone, Battlestar Galactica, and Invincible — ranked with details.">
<meta name="author" content="Miles Wolf Allen">
<link rel="canonical" href="https://milesallen.site/top-shows.html">
<meta property="og:type" content="website">
<meta property="og:title" content="top shows · miles wolf allen">
<meta property="og:description" content="My top 3 shows, ranked: their stats, what they're about, and why they made the list.">
<meta property="og:description" content="My top 4 shows, ranked: their stats, what they're about, and why they made the list.">
<meta property="og:url" content="https://milesallen.site/top-shows.html">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="top shows · miles wolf allen">
<meta name="twitter:description" content="My top 3 shows, ranked: their stats, what they're about, and why they made the list.">
<meta name="twitter:description" content="My top 4 shows, ranked: their stats, what they're about, and why they made the list.">
<link rel="icon" type="image/png" href="favicon.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@@ -81,6 +81,7 @@
.score.s1{background:linear-gradient(135deg,#f6c343,#e8930a);box-shadow:0 4px 14px rgba(232,147,10,.5);}
.score.s2{background:linear-gradient(135deg,#cfd6df,#8b96a5);box-shadow:0 4px 14px rgba(139,150,165,.45);}
.score.s3{background:linear-gradient(135deg,#e2a06e,#b06a3c);box-shadow:0 4px 14px rgba(176,106,60,.45);}
.score.s4{background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 4px 14px rgba(109,40,217,.45);}
.rank{
width:56px;height:56px;border-radius:50%;flex-shrink:0;
display:flex;align-items:center;justify-content:center;
@@ -90,6 +91,7 @@
.rank.r1{background:linear-gradient(135deg,#f6c343,#e8930a);box-shadow:0 4px 14px rgba(232,147,10,.4);}
.rank.r2{background:linear-gradient(135deg,#cfd6df,#949fad);box-shadow:0 4px 14px rgba(148,159,173,.35);}
.rank.r3{background:linear-gradient(135deg,#e2a06e,#b06a3c);box-shadow:0 4px 14px rgba(176,106,60,.35);}
.rank.r4{background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 4px 14px rgba(109,40,217,.35);}
.show-body{flex:1;min-width:0;}
.show-title{font-size:21px;font-weight:800;letter-spacing:-.01em;}
.show-type{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:2px;}
@@ -135,7 +137,7 @@
<div class="page-head">
<div class="crumbs"><a href="share.html">↩ miles wolf allen</a></div>
<div class="page-title" data-anim="txt">top shows</div>
<div class="page-sub" data-anim="txt">my current top 3 shows, ranked &amp; scored</div>
<div class="page-sub" data-anim="txt">my current top 4 shows, ranked &amp; scored</div>
</div>
<div class="card">
@@ -182,10 +184,30 @@
<div class="show" data-anim="show">
<div class="poster" data-anim="poster">
<img src="https://image.tmdb.org/t/p/w400/4tblBrslcKSifMVZ3TmtT2ukMor.jpg" alt="Invincible poster" loading="lazy">
<span class="score s3"><span>7.5</span><span class="of">/10</span></span>
<img src="https://image.tmdb.org/t/p/w400/99PJSbcO2LeM10uOGWeFihNp77j.jpg" alt="Battlestar Galactica poster" loading="lazy">
<span class="score s3"><span>8</span><span class="of">/10</span></span>
</div>
<div class="rank r3" data-anim="rank">3</div>
<div class="show-body">
<div class="show-title">Battlestar Galactica</div>
<div class="show-type">tv series · sci-fi · drama</div>
<div class="chips">
<span class="chip">Syfy</span>
<span class="chip">2004–2009</span>
<span class="chip">sci-fi</span>
<span class="chip">drama</span>
</div>
<p class="synopsis">When the Cylons return and obliterate the twelve colonies, the aging warship Galactica leads the last remnants of humanity on a desperate journey toward the fabled thirteenth colony, Earth — hunted the whole way by machines that look indistinguishable from people.</p>
<p class="why"><b>Why it's #3:</b> it's really good until about season three and four, where it starts to become kind of a slog. but it is still great.</p>
</div>
</div>
<div class="show" data-anim="show">
<div class="poster" data-anim="poster">
<img src="https://image.tmdb.org/t/p/w400/4tblBrslcKSifMVZ3TmtT2ukMor.jpg" alt="Invincible poster" loading="lazy">
<span class="score s4"><span>7.5</span><span class="of">/10</span></span>
</div>
<div class="rank r4" data-anim="rank">4</div>
<div class="show-body">
<div class="show-title">Invincible</div>
<div class="show-type">animated series · superhero · drama</div>
@@ -196,7 +218,7 @@
<span class="chip">action-drama</span>
</div>
<p class="synopsis">Mark Grayson is just a regular teenager — until he inherits superpowers from his father, Omni-Man, Earth's greatest hero. As the rookie hero Invincible, he learns that being the son of a legend is nowhere near as simple as it looks when a dark family secret threatens everything he thought he knew.</p>
<p class="why"><b>Why it's #3:</b> it's number three because of the way it toys around with superhero ideas in flipping them around, truly having complex characters that can actually change, it does the cliché of the evil superhero very well and really shows itself off even on the first episode alone.</p>
<p class="why"><b>Why it's #4:</b> it's number four because of the way it toys around with superhero ideas in flipping them around, truly having complex characters that can actually change, it does the cliché of the evil superhero very well and really shows itself off even on the first episode alone.</p>
</div>
</div>