Skip to content

Instantly share code, notes, and snippets.

View dragontheory's full-sized avatar
Could tell you, but then I'd have to, well . . . you know.

D7460N dragontheory

Could tell you, but then I'd have to, well . . . you know.
View GitHub Profile
@dragontheory
dragontheory / Fluid-typography-quick-best-practices.md
Created January 19, 2026 14:44
Quick practical best practices on fluid typography using modern CSS.

Image

Short, practical guidance on fluid typography using modern CSS — focusing on concise principles and minimal, real code examples using clamp(), viewport units, and container queries. References link to authoritative specs and articles; snippets are ready‑to‑use. ([Smashing Magazine][1])


1) Why Fluid Typography?

Instead of fixed font sizes or hardcoded breakpoints, fluid typography lets text scale smoothly based on the viewport or container size — improving readability and reducing maintenance. Modern CSS eliminates many media queries. ([Smashing Magazine][1])

@dragontheory
dragontheory / CSS-state-system-patterns.md
Created January 19, 2026 14:40
Practical, copy‑paste CSS state system patterns built on hidden‑checkbox/label toggles, `:has()`, style queries, and other modern CSS features.

Image

Practical, copy‑paste CSS state system patterns (no JS) built on hidden‑checkbox/label toggles, :has(), style queries, and other modern CSS features:


1) Hidden‑Checkbox Toggle (classic “CSS checkbox hack”)

Use a hidden <input type="checkbox"> as a state driver. Clicking the <label> toggles :checked which styles siblings. Works for menus, accordions, modals, etc.([CSS-Tricks][1])

@dragontheory
dragontheory / Drop‑in-CSS-Debug-Snippets.md
Last active January 19, 2026 14:35
Short, minimal, drop‑in CSS snippets for diagnosing common layout, spacing, overflow, stacking, focus/keyboard, contrast, and responsive issues.

Image

Here are short, drop‑in CSS snippets for diagnosing common layout, spacing, overflow, stacking, focus/keyboard, contrast, and responsive issues. These are minimal and meant to be temporarily added in DevTools or your CSS while debugging:


🧱 Layout & Spacing

Outline all elements (visualize boundaries to spot spacing/layout misalignments):

@dragontheory
dragontheory / Accessibility-Checklist-HTML-CSS.md
Last active January 19, 2026 14:27
Accessibility Checklist - HTML & CSS–Only, Failure‑Mode Oriented - Catch real-world failures early

Image

♿ Accessibility Checklist — HTML & CSS–Only, Failure‑Mode Oriented

Catch real-world failures early


1. Semantic Markup — Prevent Structural Failure

@dragontheory
dragontheory / electric-border-ios-safe.markdown
Created January 2, 2026 03:42
Electric Border (iOS Safe)

DISCLAIMER : :
All opinions expressed here and or in other gists are mine alone and do not necessarily reflect the church as individuals or the church as an organization or institution.

Final Word: Trust, Obedience, and the Authority of Truth

At the root of this discussion is a deeper question than staging, sensitivity, or audience response:

Do we trust God to communicate His own message?

Altering the message out of fear that it may offend—whether emotionally, culturally, or personally—is not ultimately an act of care. It is an act of distrust. It assumes that God’s truth requires our protection, refinement, or softening in order to be effective.

DISCLAIMER : :
All opinions expressed here and or in other gists are mine alone and do not necessarily reflect the church as individuals or the church as an organization or institution.

Answering the Questions:

“Who defines ‘faithful representation’?” and “How much blood is enough?”


DISCLAIMER : :
All opinions expressed here and or in other gists are mine alone and do not necessarily reflect the church as individuals or the church as an organization or institution.

Answering the Questions:

“What about the special needs kids?”

This concern is sincere and should not be mocked or minimized. However, sincerity alone does not determine whether an argument is decisive, binding, or properly applied.

The question is not whether some individuals may be affected differently by intense imagery. The question is whether the presence of a smaller, sensitive subset justifies altering or diluting the core message for everyone.

DISCLAIMER : :
All opinions expressed here and or in other gists are mine alone and do not necessarily reflect the church as individuals or the church as an organization or institution.

Answering the Question:

“The actor is not Jesus. This is just a play.”

That statement is factually true—but it does not resolve the issue. It misunderstands the nature and purpose of biblical representation.

No one involved believes the actor is Jesus. No one is proposing a literal crucifixion or the use of real blood. The question is not whether the portrayal is literal, but whether it is faithful.

@dragontheory
dragontheory / debate_scene.md
Last active December 19, 2025 21:08
Easter Pageant leadership department head choir room meeting where an unplanned short but significant and telling debate took place about a crucifixion scene without blood.

DISCLAIMER : :
All opinions expressed here and or in other gists are mine alone and do not necessarily reflect the church as individuals or the church as an organization or institution.

Debate Concerning a Biblically Accurate Portrayal of the Crucifixion

Specific Focus: The Depiction of Christ’s Blood in the Easter Pageant

What follows is my understanding of the discussion as you conveyed it to me. Please forgive any details I may have misunderstood, omitted, or recalled incorrectly.

A secondary discussion occurred later, but for the sake of clarity, this account is limited strictly to the question of whether—and to what extent—the blood of Jesus should be portrayed during the crucifixion scene.