A demonstration of 4 different techniques to make an element into a particular geometric shape.
A Pen by Joe Crawford on CodePen.
Joe Crawford artlung
artlung
/ ti994a-iwc.bas
Created
August 15, 2025 19:27
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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) |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # 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] |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!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} |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "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_author_tag.html.twig
Created
April 18, 2025 15:27
Likes Twig Templates by Joe Crawford (from https://artlung.com/likes/
artlung
/ 20250415-custom-css-version-2.css
Last active
April 15, 2025 17:51
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* 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
/ hampdance.html
Created
April 7, 2025 21:02
wget https://web.archive.org/web/19991128125537/http://www.geocities.com/Heartland/Bluffs/4157/hampdance.html
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!--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
/ cassette_section.html.twig
Created
March 29, 2025 14:40
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <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
/ conicgradient-vs-lineargradient-vs-clippath-vs-maskimage.markdown
Created
November 23, 2024 16:32
ConicGradient vs LinearGradient vs ClipPath vs MaskImage
artlung
/ libre.fm.css
Created
November 9, 2024 00:09
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| :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; | |
| } |
NewerOlder