Skip to content

Instantly share code, notes, and snippets.

View blackspike's full-sized avatar
😬

felix blackspike

😬
View GitHub Profile
.nav-mobile-toggler {
anchor-name: --nav-toggler;
}
.nav-mobile {
position-anchor: --nav-toggler;
position-area: block-end span-inline-start;
margin: 0.5rem 0 0 0;
@media (prefers-reduced-motion: no-preference) {
opacity: 0;
/**
{
"api":1,
"name":"Unwrap Paragraphs",
"description":"Joins soft-wrapped lines into single lines, keeping paragraph breaks.",
"author":"felix",
"icon":"collapse",
"tags":"unwrap,join,lines,paragraph,reflow,wrap"
}
**/
@blackspike
blackspike / language-transfer.xml
Created April 3, 2026 07:18
language-transfer.xml
<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd">
<channel>
<title>Complete Greek - Language Transfer: The Thinking Method</title>
<link>https://soundcloud.com/languagetransfer/sets/complete-greek-more-audios</link>
<description>Complete Greek course by Language Transfer - The Thinking Method. 120 tracks.</description>
<language>en</language>
<itunes:author>Language Transfer</itunes:author>
<itunes:image href="https://i1.sndcdn.com/artworks-000143519197-n8nci5-t500x500.jpg"/>
<script setup>
const id = useId()
</script>
<template>
<label :for="id">test</label>
---
import { getLiveCollection } from 'astro:content'
import Layout from '../layouts/Layout.astro'
export const prerender = false
const { entries: photos, error } = await getLiveCollection('photos', { limit: 10 })
if (error) {
console.error('Failed to load photos: ', error.message)
// Greek alphabet consonant and vowel pairs for the pairs game
export const greekAlphabetPairs = [
// Consonant pairs
{
pair: 'μπ',
type: 'consonant',
equivalent: 'b',
example: {
greek: 'μπανάνα',
english: 'banana'
on open droppedFiles
repeat with theFile in droppedFiles
set posixPath to POSIX path of theFile
set fileName to do shell script "basename " & quoted form of posixPath
set baseName to text 1 thru ((offset of "." & "mp4" in fileName) - 1) of fileName
set dirName to do shell script "dirname " & quoted form of posixPath
-- Append .optim to baseName for output files
set optimBaseName to baseName & ".optim"
---
import 'glightbox/dist/css/glightbox.css'
const { files, dir, id } = Astro.props
---
<section class="glightbox-images" id={`gallery-${id || 1}`}>
{
files.map((f) => (
<a
.hbspt-btn {
background-color: #1ba97f;
color: #fff;
border: none;
font-size: .9rem;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 2px;
border-radius: 4px;
display: inline-flex;
<!-- Hero header -->
<header class="mt-4 mb-5">
<!-- Header row -->
<div class="d-flex align-items-center">
<!-- Logo -->
<a href="https://azureweekly.info/" class="logo" style="block-size: 2rem;">
<span class="visually-hidden">Azure Weekly Home</span>
</a>
<!-- Nav -->
<nav class="d-flex me-auto ms-1 ms-sm-3">