Skip to content

Instantly share code, notes, and snippets.

View artlung's full-sized avatar
💭
🤖

Joe Crawford artlung

💭
🤖
76 followers · 115 following
View GitHub Profile
@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/[email protected]"
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 %}
@artlung
artlung / conicgradient-vs-lineargradient-vs-clippath-vs-maskimage.markdown
Created November 23, 2024 16:32
ConicGradient vs LinearGradient vs ClipPath vs MaskImage

ConicGradient vs LinearGradient vs ClipPath vs MaskImage

A demonstration of 4 different techniques to make an element into a particular geometric shape.

A Pen by Joe Crawford on CodePen.

License.

@artlung
artlung / libre.fm.css
Created November 9, 2024 00:09
:root {
--color: #191919;
--body-background: #666;
--content-background: #fff;
--link-color: darkblue;
--row-modifier: black;
--branding-background: purple;
--branding-color: white;
--collapse-table-width: 300px;
}
@artlung
artlung / parse-instapaper-csv.php
Last active October 31, 2024 18:03
Post links stored in individual JSON files to Linkding
<?php
// Instapaper allows you to export your saved links as a CSV file
// And I turn it into my default LINKS json format
// for better or worse
$filename = 'instapaper-export.csv';
$csv = array_map('str_getcsv', file($filename));
$ignore_header_line = true;
$destination_for_link_json = './LINKS/';
@artlung
artlung / legacy-links-php-export.php
Last active October 30, 2024 16:43
legacy-links-php-export.php