A demonstration of 4 different techniques to make an element into a particular geometric shape.
A Pen by Joe Crawford on CodePen.
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 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 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 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 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; | |
| } |
artlung
/ parse-instapaper-csv.php
Last active
October 31, 2024 18:03
Post links stored in individual JSON files to Linkding
This file contains 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
| <?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
/ legacy-links-php-export.php
Last active
October 30, 2024 16:43
legacy-links-php-export.php
This file contains 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
| <?php | |
| //$hostname = ""; // the address of the MySQL server | |
| //$username = ""; // your username | |
| //$password = ""; //your password | |
| //$databaseName = ""; // name of the database | |
| $cn = mysqli_connect($hostname, $username, $password, $databaseName) or die("Cannot connect to database."); | |
| //Array |
artlung
/ static.wikia.nocookie.net.har
Created
September 7, 2024 15:41
static.wikia.nocookie.net.har
This file contains 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
| function show(object,x,y) { | |
| if (document.all && document.all[object]) { | |
| document.all[object].style.left = x+'px'; | |
| document.all[object].style.top = y+'px'; | |
| document.all[object].style.zIndex = AlwaysTopmostZ; | |
| document.all[object].style.color = '#000'; | |
| AlwaysTopmostZ++; | |
| document.all[object].style.visibility = 'visible'; | |
| } | |
| else if (document.layers && document.layers[object] != null) { |
NewerOlder