A minimal static blog generator that converts markdown files into a single HTML page. Perfect for hosting on Cloudflare Pages.
This build system:
.md files in your directorymarked library
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>My Notepad</title> | |
| <script src="https://hyperclay.com/js/hyperclay-starter-kit.js" type="module"></script> | |
| </head> | |
| <body> | |
| <div edit-mode-contenteditable>My Notepad</div> |
| (() => { | |
| // Remove any existing highlights | |
| document.querySelectorAll('.overflow-highlight').forEach(el => { | |
| el.style.outline = ''; | |
| el.classList.remove('overflow-highlight'); | |
| }); | |
| // Get viewport width | |
| const viewportWidth = document.documentElement.clientWidth; | |
| import React, { useState } from 'react'; | |
| const useEditable = (initialText) => { | |
| const [text, setText] = useState(initialText); | |
| const [isEditingDraft, setIsEditingDraft] = useState(false); | |
| const [draftText, setDraftText] = useState(text); | |
| const enableEditingDraft = () => { | |
| setDraftText(text); | |
| setIsEditingDraft(true); |
| /* | |
| Files in directories in "ephemeral" will be deleted | |
| when they're older than the name specified by the directory | |
| For example: | |
| - Files in directory "min5" won't be older than 5 minutes | |
| - Files in directory "min15" won't be older than 15 minutes | |
| - Files in directory "day30" won't be older than 30 days |
| function animateFavicon () { | |
| const frameDelay = 10; | |
| const angleChange = .5; | |
| let angle = 0; | |
| let lastFrameTime = 0; | |
| const favicon = document.querySelector("[rel='icon']"); | |
| const canvas = document.createElement('canvas'); | |
| const ctx = canvas.getContext('2d'); | |
| const img = new Image(); |
| /* | |
| # calculate your taxes in your browser console | |
| ## Usage ## | |
| taxes.bracket(0, 22000, .10) | |
| taxes.bracket(22001, 89450, .12); | |
| taxes.bracket(89451, 190750, .22); |
| /* | |
| # taxes.js - calculate Federal Taxes | |
| ## Usage: | |
| taxes.bracket(0, 22000, 0.10) | |
| taxes.bracket(22001, 89450, 0.12); | |
| taxes.bracket(89451, 190750, 0.22); |
| import toastNotification from "./toast-notification"; | |
| import {callEventCallbacks} from "./event-callbacks"; | |
| let emailPlatforms = [ | |
| { | |
| urlIncludes: ".convertkit.com/forms", | |
| subscribeFunction: addSubscriberToConvertKit | |
| }, | |
| { | |
| urlIncludes: ".list-manage.com/subscribe", |