Skip to content

Instantly share code, notes, and snippets.

View artlung's full-sized avatar
💭
🤖

Joe Crawford artlung

💭
🤖
70 followers · 106 following
View GitHub Profile
@artlung
artlung / css-changes.css
Last active December 5, 2025 17:35
CSS changes for https://test-lprry.statichost.eu/notes/2025-11-14-liquid-glass-screensaver/ 2025-12-05
/* style.css | https://test-lprry.statichost.eu/assets/css/style.css */
.snaps-vertical img {
/* width: 215px; */
width: clamp(215px, 100%, 300px);
transition: 300ms transform;
height: auto;
}
@artlung
artlung / -artlung-transitions.scss
Created December 3, 2025 23:13
Transitions on artlung.com as of 2025-12-03
@view-transition {
navigation: auto;
}
/* Customize the default animation behavior */
// TODO:
// view transition name
// view transition class
@artlung
artlung / ti994a-iwc.bas
Created August 15, 2025 19:27
1 REM ARTLUNG START
3 CALL CLEAR
5 CALL CHAR(33, "000000FFFFFFFFFF")
7 CALL VCHAR(11, 1, 33)
11 CALL VCHAR(11, 2, 33)
15 CALL VCHAR(11, 3, 33)
19 CALL VCHAR(11, 4, 33)
23 CALL VCHAR(11, 5, 33)
27 CALL VCHAR(11, 6, 33)
31 CALL VCHAR(11, 7, 33)
@artlung
artlung / .htaccess
Created July 17, 2025 19:47
.htaccess llm blocking
# https://serverfault.com/questions/1162651/blocking-bots-with-apache-htaccess
RewriteCond %{HTTP_USER_AGENT} ^.*(AdsBot-Google|Amazonbot|anthropic-ai|Applebot|Applebot-Extended|AwarioRssBot|AwarioSmartBot|Bytespider|CCBot|ChatGPT|ChatGPT-User|Claude-Web|ClaudeBot|cohere-ai|DataForSeoBot|Diffbot|GPTBot|ImagesiftBot|magpie-rawler|omgili|Omgilibot|peer39_crawler|PerplexityBot|YouBot|AhrefsBot|Barkrowler|SemrushBot|DotBot).*$ [NC]
# https://www.jwz.org/blog/2025/05/user-agent-blocking/#comment-259200
RewriteRule .* - [F,L]
@artlung
artlung / TextEdit.html
Created July 3, 2025 16:35
TextEdit.html, a TextEdit document saved as HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<title></title>
<meta name="Generator" content="Cocoa HTML Writer">
<meta name="CocoaVersion" content="2575.6">
<style type="text/css">
p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica}
@artlung
artlung / 1.json
Last active May 30, 2025 17:19
extracting video from Internet Archive @indieweb account?
{
"uid": "R:4d57aef70195e0e067aa-S:00b052d05399b263887c-P:1-K:h-T:1748573396188",
"version": "1s5",
"session_context": {
"session_key": "guest",
"created": "2025-05-30T02:49:56Z",
"client_characterization": {
"characterized_by": "not_asserted_or_authenticated",
"preferred_client_ip": null,
"client_ip": "76.167.245.116:sra",
@artlung
artlung / artlung_author_tag.html.twig
Created April 18, 2025 15:27
Likes Twig Templates by Joe Crawford (from https://artlung.com/likes/
<a href="https://artlung.com" class="p-author h-card">
Joe Crawford
<img src="https://artlung.com/blog/wp-content/uploads/2023/02/IMG_9150-100x100@2x.jpeg"
class="u-photo" alt=""
style="display: none;"
/>
</a>
@artlung
artlung / 20250415-custom-css-version-2.css
Last active April 15, 2025 17:51
/* make the about-newsletter-contact links take less space */
.header-title-nav-wrapper {
display: flex;
/*flex: 1 0 67%;*/
flex: 1 0 16%;
}
/* hide the "logo" section, not needed */
.header-title-nav-wrapper .header-title {
display: none;
}
@artlung
artlung / hampdance.html
Created April 7, 2025 21:02
wget https://web.archive.org/web/19991128125537/http://www.geocities.com/Heartland/Bluffs/4157/hampdance.html
<!--Created by GeoCities Home Page Generator-->
<html>
<head><script type="text/javascript" src="https://web-static.archive.org/_static/js/bundle-playback.js?v=msCHzjBE" charset="utf-8"></script>
<script type="text/javascript" src="https://web-static.archive.org/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script>
<script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script>
<script type="text/javascript" src="https://web-static.archive.org/_static/js/ruffle/ruffle.js"></script>
<script type="text/javascript">
__wm.init("https://web.archive.org/web");
__wm.wombat("http://geocities.com:80/Heartland/Bluffs/4157/hampdance.html","19991128125537","https://web.archive.org/","web","https://web-static.archive.org/_static/",
"943793737");
@artlung
artlung / cassette_section.html.twig
Created March 29, 2025 14:40
<section class="cassette-mix" id='{{ mixtape_id }}'>
<h2><a href='{{ mixtape_link }}'><span>{{ mixtape_title }}</span> <span>{{ mixtape_subhead }}</span></a></h2>
<p style='text-align: center;'>{{ mixtape_subtitle }}</p>
{% for side in sides %}
<div class="cassette__side">
<h3>{% if side.cassette_name %}{{ side.cassette_name }} {% endif %}{{ side.name }}</h3>
<ol>
{% for track in side.tracks %}
<li><span class='p-name'>{{ track.p_name }}</span>{% if track.p_author %}<span class='p-author'>{{ track.p_author | nl2br }}</span>{% endif %}</li>
{% endfor %}