### Install Dependencies and Start Dev Server Source: https://github.com/abhinavs/moonwalk/blob/master/CONTRIBUTING.md Run these commands to set up the development environment and launch the local server. ```bash bin/bootstrap bin/start ``` -------------------------------- ### Development Setup Commands Source: https://github.com/abhinavs/moonwalk/blob/master/README.md Commands to set up dependencies, start the development server with live reload, and build the production version of the theme. ```bash bin/bootstrap # or make setup ``` ```bash bin/start # or make serve ``` ```bash bin/build # or make build ``` -------------------------------- ### Setup and Run HTTPlex Source: https://github.com/abhinavs/moonwalk/blob/master/_posts/2026-04-22-i-run-my-own-httpbin.md Clone the repository, set up dependencies, and start the Phoenix server to run HTTPlex locally. ```bash git clone https://github.com/abhinavs/httplex cd httplex mix setup mix phx.server ``` -------------------------------- ### Start Moonwalk Development Server Source: https://github.com/abhinavs/moonwalk/blob/master/README.md Starts a local development server to preview your blog. Accessible at http://127.0.0.1:4000. ```bash bin/start ``` -------------------------------- ### Install Bundler Source: https://github.com/abhinavs/moonwalk/blob/master/moonwalk_on_windows.md Installs the Ruby package manager, Bundler. Run this command in an elevated command prompt. ```bash gem install bundler ``` -------------------------------- ### Basic Soniq Job and Enqueue Example Source: https://github.com/abhinavs/moonwalk/blob/master/_posts/2026-05-03-postgres-is-enough-for-background-jobs.md A minimal example demonstrating how to define a background job using Soniq and enqueue it. This requires a Postgres database URL and the Soniq library. ```python from soniq import Soniq app = Soniq(database_url="postgresql://localhost/myapp") @app.job() async def send_welcome(to: str): print(f"Sending welcome email to {to}") await app.enqueue(send_welcome, to="dev@example.com") ``` -------------------------------- ### Bootstrap Moonwalk Theme Source: https://github.com/abhinavs/moonwalk/blob/master/README.md Installs the Moonwalk theme and its dependencies. Ensure you have forked the repository first. ```bash bin/bootstrap ``` -------------------------------- ### Run Moonwalk Repository Source: https://github.com/abhinavs/moonwalk/blob/master/moonwalk_on_windows.md Navigates to the Moonwalk directory and executes bootstrap and start scripts to run the theme locally. Assumes you have already cloned the repository. ```bash cd bin/bootstrap bin/start ``` -------------------------------- ### Complete Agent Pipeline with Validation and Masking Source: https://github.com/abhinavs/moonwalk/blob/master/_posts/2026-04-15-vrk-unix-tools-for-agents.md This example demonstrates a full agent pipeline using vrk tools for input validation, secret masking, LLM prompting, and output validation. Each stage uses explicit error handling to ensure robustness. ```bash cat data.json \ | vrk validate --schema input.schema.json \ | vrk mask \ | vrk prompt --model claude-opus-4-7 --system 'Extract entities' \ | vrk validate --schema output.schema.json ``` -------------------------------- ### Curated llms.txt Configuration Data Source: https://github.com/abhinavs/moonwalk/blob/master/_posts/2026-05-06-agent-friendly-jekyll.md Provides an example YAML structure for `_data/llms.yml` to manually curate the content and structure of the `llms.txt` index file. ```yaml title: Your Site description: > One paragraph about who you are and what readers (human or otherwise) will find here. sections: - heading: Featured Writing links: - title: My best post url: https://example.com/best-post description: One line on what it covers - heading: About links: - title: About me url: https://example.com/about description: Background and contact ``` -------------------------------- ### JavaScript Console Log Example Source: https://github.com/abhinavs/moonwalk/blob/master/_posts/2020-07-07-overview-post.md A basic JavaScript snippet to log a string to the console. Useful for simple debugging or output. ```javascript const ultimateTruth = 'follow middlepath'; console.log(ultimateTruth); ``` -------------------------------- ### GitHub Markdown Alerts Examples Source: https://github.com/abhinavs/moonwalk/blob/master/README.md Utilize GitHub-style Markdown alerts for different types of information. These are styled with color-coded borders and icons. ```markdown > [!NOTE] > Useful information that users should know, even when skimming content. ``` ```markdown > [!TIP] > Helpful advice for doing things better or more easily. ``` ```markdown > [!IMPORTANT] > Key information users need to know to achieve their goal. ``` ```markdown > [!WARNING] > Urgent info that needs immediate user attention to avoid problems. ``` ```markdown > [!CAUTION] > Advises about risks or negative outcomes of certain actions. ``` -------------------------------- ### Jekyll Plugin Build Output Messages Source: https://github.com/abhinavs/moonwalk/blob/master/_posts/2026-05-06-agent-friendly-jekyll.md Example output messages indicating that the jekyll-markdown-output and jekyll-llms-output plugins have successfully generated their respective files. ```text MarkdownOutput: wrote 9 markdown file(s) LlmsOutput: wrote /llms.txt LlmsOutput: wrote /llms-full.txt ``` -------------------------------- ### Show Footnote Tooltip on Hover/Tap Source: https://github.com/abhinavs/moonwalk/blob/master/_includes/footnotes.html This snippet adds event listeners to footnote references to display a tooltip with the footnote content when hovered or focused. It requires the footnote references to have the class 'footnote' or be an anchor tag with an href starting with '#fn'. ```javascript (function() { // Render a small tooltip preview when hovering/tapping kramdown-generated // footnote refs (e.g. 1) so readers don't have to // scroll to the bottom of the post. var refs = document.querySelectorAll('a.footnote, sup a[href^="#fn"]'); if (!refs.length) return; var tip = document.createElement('div'); tip.className = 'fn-tooltip'; tip.setAttribute('role', 'tooltip'); document.body.appendChild(tip); function show(ref) { var id = ref.getAttribute('href').slice(1); var fn = document.getElementById(id); if (!fn) return; var clone = fn.cloneNode(true); var back = clone.querySelector('.reversefootnote, a[href^="#fnref"]'); if (back) back.remove(); tip.innerHTML = clone.innerHTML; var rect = ref.getBoundingClientRect(); var top = window.scrollY + rect.bottom + 8; var left = Math.max(12, window.scrollX + rect.left - 12); tip.style.top = top + 'px'; tip.style.left = left + 'px'; tip.classList.add('visible'); } function hide() { tip.classList.remove('visible'); } refs.forEach(function(ref) { ref.addEventListener('mouseenter', function() { show(ref); }); ref.addEventListener('mouseleave', hide); ref.addEventListener('focus', function() { show(ref); }); ref.addEventListener('blur', hide); }); })(); ``` -------------------------------- ### Alternative Build and Serve Commands Source: https://github.com/abhinavs/moonwalk/blob/master/CONTRIBUTING.md Use these make commands as an alternative to bin/start and bin/build. ```bash make serve make build ``` -------------------------------- ### Build the Site Source: https://github.com/abhinavs/moonwalk/blob/master/CONTRIBUTING.md Ensure the site builds cleanly using this command before submitting changes. ```bash bin/build ``` -------------------------------- ### Enable Jekyll Plugins in Configuration Source: https://github.com/abhinavs/moonwalk/blob/master/_posts/2026-05-06-agent-friendly-jekyll.md Shows how to enable the jekyll-markdown-output and jekyll-llms-output plugins by adding them to the Jekyll configuration file. ```yaml plugins: - jekyll-markdown-output - jekyll-llms-output markdown_output: collections: [posts] llms_output: index: collections: [posts] full: collections: [posts] respect_markdown_output: true ``` -------------------------------- ### Configure Soopr Publish Token Source: https://github.com/abhinavs/moonwalk/blob/master/_posts/2021-03-04-soopr.md Add your Soopr publish token to the _config.yml file to enable Soopr features. Restart the server after making changes. ```yaml soopr: publish-token: "ADD_YOUR_PUBLISH_TOKEN_HERE" ``` -------------------------------- ### Link Preview Card Implementation Source: https://github.com/abhinavs/moonwalk/blob/master/_includes/link_preview.html This JavaScript code adds hover effects to internal links, displaying a preview card with post details. It fetches data from a search index and dynamically creates/updates a preview card element. ```javascript (function() { // Hover any internal post link to see a small preview card with title, // excerpt and date. Pulls from /search.json which is a Jekyll-generated // index of all posts. var postIndex = null; var loading = null; function loadIndex() { if (loading) return loading; loading = fetch('{{ "/search.json" | relative\_url }}') .then(function(r) { return r.ok ? r.json() : [] }) .then(function(data) { postIndex = data; return data; }) .catch(function() { postIndex = []; return []; }); return loading; } var card = document.createElement('div'); card.className = 'link-preview'; document.body.appendChild(card); var hideTimer; function show(link, post) { card.innerHTML = '
' + escape(post.title) + '
' + (post.excerpt ? '
' + escape(post.excerpt) + '
' : '') + '
' + escape(post.date || '') + '
'; var rect = link.getBoundingClientRect(); card.style.top = (window.scrollY + rect.bottom + 8) + 'px'; card.style.left = Math.max(12, window.scrollX + rect.left) + 'px'; card.classList.add('visible'); } function hide() { hideTimer = setTimeout(function() { card.classList.remove('visible'); }, 100); } function escape(s) { return String(s || '').replace(/["&<>'"`]/g, function(c) { return { '&':'&','<':'<','>':'>','"':'"',"'":''' }[c]; }); } document.querySelectorAll('.page-content a[href^="/"], .page-content a[href^="{{ site.url }}"]').forEach(function(link) { link.addEventListener('mouseenter', function() { clearTimeout(hideTimer); loadIndex().then(function(idx) { var href = link.getAttribute('href').replace('{{ site.url }}', ''); var match = idx.find(function(p) { return p.url === href || p.url === href + '/'; }); if (match) show(link, match); }); }); link.addEventListener('mouseleave', hide); }); card.addEventListener('mouseenter', function() { clearTimeout(hideTimer); }); card.addEventListener('mouseleave', hide); })(); ``` -------------------------------- ### Jekyll Directory Structure with Markdown Output Source: https://github.com/abhinavs/moonwalk/blob/master/_posts/2026-05-06-agent-friendly-jekyll.md Illustrates the file structure generated by the jekyll-markdown-output plugin, showing both the HTML and the corresponding Markdown file for a post. ```text _site/ foo.html <- foo.md <- ``` -------------------------------- ### Clone Moonwalk Repository Source: https://github.com/abhinavs/moonwalk/blob/master/moonwalk_on_windows.md Clones the Moonwalk GitHub repository to your local machine. ```bash git clone https://github.com/abhinavs/moonwalk ``` -------------------------------- ### Load JSON Configuration Source: https://github.com/abhinavs/moonwalk/blob/master/_posts/2021-01-08-code.md Reads a JSON configuration file from a specified path. Raises FileNotFoundError if the path does not exist. ```python from pathlib import Path import json def load_config(path: str) -> dict: """Read a JSON config file and return its contents.""" config_path = Path(path) if not config_path.exists(): raise FileNotFoundError(f"Config not found: {path}") return json.loads(config_path.read_text()) config = load_config("settings.json") print(config.get("name", "world")) ``` -------------------------------- ### Token Budget Check for LLM Input Source: https://github.com/abhinavs/moonwalk/blob/master/_posts/2026-04-15-vrk-unix-tools-for-agents.md Use 'vrk tok --check' to prevent LLM prompts from exceeding a token budget. This ensures that the prompt stage is only executed if the input is within the allowed limit, avoiding retries and unexpected costs. ```bash cat article.md | vrk tok --check 8000 | vrk prompt --system 'Summarize' ``` -------------------------------- ### Jekyll Configuration for LLM Plugins Source: https://github.com/abhinavs/moonwalk/blob/master/README.md Configure Moonwalk's Jekyll plugins for LLM crawlers by specifying collections and output settings in _config.yml. Set 'enabled: false' to disable. ```yaml plugins: - jekyll-markdown-output - jekyll-llms-output markdown_output: collections: [posts] llms_output: index: collections: [posts] full: collections: [posts] respect_markdown_output: true ``` -------------------------------- ### Theme Toggling JavaScript Source: https://github.com/abhinavs/moonwalk/blob/master/_includes/toggle_theme_js.html Use this script to implement a theme toggle button. It persists the selected theme in local storage and applies a visual transition effect. ```javascript window.addEventListener('load', themeChange); const currentTheme = localStorage.getItem('theme') ? localStorage.getItem('theme') : null; if (currentTheme) document.documentElement.setAttribute('data-theme', currentTheme); function themeChange() { var button = document.querySelector('.theme-toggle'); if (!button) return; function updateIcon(theme) { button.setAttribute('aria-pressed', theme === 'dark' ? 'true' : 'false'); button.querySelector('.icon-sun').style.display = theme === 'dark' ? 'block' : 'none'; button.querySelector('.icon-moon').style.display = theme === 'dark' ? 'none' : 'block'; } updateIcon(document.documentElement.getAttribute('data-theme')); button.addEventListener('click', function (e) { var currentTheme = document.documentElement.getAttribute('data-theme'); var next = currentTheme === 'dark' ? 'light' : 'dark'; transition(); document.documentElement.setAttribute('data-theme', next); localStorage.setItem('theme', next); updateIcon(next); }); function transition() { document.documentElement.classList.add('transition'); window.setTimeout(function () { document.documentElement.classList.remove('transition'); }, 1000); } } ``` -------------------------------- ### List Posts by Tag Source: https://github.com/abhinavs/moonwalk/blob/master/tags.html Iterates through the sorted tags again. For each tag, it displays the tag name and its total post count, followed by a list of all posts associated with that tag, including their date and title. ```Liquid {% for tag in tags %} {{ tag[0] }} {{ tag[1].size }} {% if tag[1].size == 1 %}post{% else %}posts{% endif %} -------------------------------------------------------------------------------------------- {% for post in tag[1] %}* {{ post.date | date: site.theme_config.date_format }}» [{{ post.title }}]({{ post.url | relative_url }}) {% endfor %} {% endfor %} ``` -------------------------------- ### Fetch Current Weather Data Source: https://github.com/abhinavs/moonwalk/blob/master/_posts/2021-01-08-code.md Fetches current weather data for a given city from an external API. Raises an error for non-successful HTTP responses. ```ruby require "net/http" require "json" module Weather BASE_URL = "https://api.weather.example.com" def self.fetch(city) uri = URI("#{BASE_URL}/current?city=#{city}") response = Net::HTTP.get_response(uri) unless response.is_a?(Net::HTTPSuccess) raise "Request failed: #{response.code}" end JSON.parse(response.body, symbolize_names: true) end end data = Weather.fetch("Tokyo") puts "#{data[:city]}: #{data[:temp_c]}C" ``` -------------------------------- ### Fetch Posts by Tag Source: https://github.com/abhinavs/moonwalk/blob/master/_posts/2021-01-08-code.md Asynchronously fetches posts tagged with a specific keyword from an API. Handles network errors and returns a mapped array of post titles and slugs. ```javascript async function fetchPosts(tag) { const url = new URL("https://api.example.com/posts"); url.searchParams.set("tag", tag); const response = await fetch(url); if (!response.ok) { throw new Error(`Failed to fetch posts: ${response.status}`); } const { posts } = await response.json(); return posts.map(({ title, slug }) => ({ title, slug })); } const posts = await fetchPosts("javascript"); console.log(`Found ${posts.length} posts`); ``` -------------------------------- ### Run Async Tasks with Timeout Source: https://github.com/abhinavs/moonwalk/blob/master/_posts/2021-01-08-code.md Runs a list of asynchronous tasks, awaiting their completion with a specified timeout. Useful for parallelizing operations with a deadline. ```elixir defmodule TaskRunner do @moduledoc "Runs async tasks with a timeout." def run(tasks, timeout \ 5_000) do tasks |> Enum.map(&Task.async/1) |> Enum.map(&Task.await(&1, timeout)) end end results = TaskRunner.run([ fn -> HTTPClient.get("/users") end, fn -> HTTPClient.get("/posts") end ]) IO.inspect(results, label: "results") ``` -------------------------------- ### HTML Details Element Source: https://github.com/abhinavs/moonwalk/blob/master/README.md Use the native HTML `
` element for collapsible content sections within your Markdown. ```html
Long version Hidden by default, expanded on click.
``` -------------------------------- ### Iterate and Display Tags with Counts Source: https://github.com/abhinavs/moonwalk/blob/master/tags.html Assigns all site tags to a variable, sorts them, and then iterates through them to display each tag name along with its associated post count. This is useful for creating tag clouds or navigation menus. ```Liquid {% assign tags = site.tags | sort %} {% for tag in tags %} {% assign count = tag[1].size %} [{{ tag[0] }}{{ count }}](#{{ tag[0] | slugify }}) {% endfor %} ``` -------------------------------- ### Skip Single Post for Markdown Twin Generation Source: https://github.com/abhinavs/moonwalk/blob/master/_posts/2026-05-06-agent-friendly-jekyll.md Demonstrates how to prevent a specific post from generating a Markdown twin by setting `markdown_output: false` in its frontmatter. ```yaml markdown_output: false ``` -------------------------------- ### Back to Top Button CSS Source: https://github.com/abhinavs/moonwalk/blob/master/_includes/back_to_top.html Styles the 'back to top' button, including its fixed position, appearance, and transition effects. It also includes a media query for smaller screens. ```css .back-to-top { position: fixed; bottom: 2em; right: 2em; width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--border); background: var(--bg-secondary); color: var(--text); cursor: pointer; opacity: 0; pointer-events: none; transition: opacity 0.3s ease; display: flex; align-items: center; justify-content: center; z-index: 50; } .back-to-top.visible { opacity: 1; pointer-events: auto; } .back-to-top:hover { color: var(--links); } @media screen and (max-width: 600px) { .back-to-top { bottom: 1em; right: 1em; width: 36px; height: 36px; } } ``` -------------------------------- ### Light Mode CSS Variables Source: https://github.com/abhinavs/moonwalk/blob/master/README.md Customize CSS variables for light mode to adjust background, text, and link colors. ```css html { --bg: #fcfcfc; --bg-secondary: #f1f2f4; --bg-subtle: #f6f7f8; --headings: #0f172a; --text: #2b2f36; --text-secondary: #5b6470; --links: #4f46e5; --highlight: #ffecb2; // light yellow --code-text: #9d174d; } ``` -------------------------------- ### Include Search Snippet Source: https://github.com/abhinavs/moonwalk/blob/master/README.md Add client-side search functionality to your site by including this HTML snippet. ```html {% raw %}{% include search.html %}{% endraw %} ``` -------------------------------- ### Add Language Labels and Copy Buttons to Code Blocks Source: https://github.com/abhinavs/moonwalk/blob/master/_includes/code_copy.html This JavaScript code iterates through all code blocks on a page, adds a language label based on its class, and appends a 'copy' button. The button copies the code's text content to the clipboard and provides visual feedback. ```javascript (function() { document.querySelectorAll('div.highlighter-rouge').forEach(function(block) { block.style.position = 'relative'; // Language label derived from rouge's language-\* class var langClass = Array.from(block.classList).find(function(c) { return c.indexOf('language-') === 0 && c !== 'language-plaintext'; }); if (langClass) { var label = document.createElement('span'); label.className = 'code-lang'; label.textContent = langClass.replace('language-', ''); block.appendChild(label); } var btn = document.createElement('button'); btn.className = 'code-copy'; btn.setAttribute('aria-label', 'Copy code to clipboard'); btn.textContent = 'copy'; btn.addEventListener('click', function() { var code = block.querySelector('code'); navigator.clipboard.writeText(code.innerText).then(function() { btn.textContent = 'copied!'; setTimeout(function() { btn.textContent = 'copy'; }, 2000); }); }); block.appendChild(btn); }); })(); ``` -------------------------------- ### JavaScript for GitHub Alerts Source: https://github.com/abhinavs/moonwalk/blob/master/_includes/github_alerts.html This script processes blockquotes on the page. It looks for specific markers at the beginning of the first paragraph to identify the alert type and then restructures the blockquote to include an alert title with an icon and applies appropriate CSS classes. ```javascript document.addEventListener("DOMContentLoaded", function () { var defined_alerts = { NOTE: { icon: '', label: 'Note' }, TIP: { icon: '', label: 'Tip' }, IMPORTANT: { icon: '', label: 'Important' }, WARNING: { icon: '', label: 'Warning' }, CAUTION: { icon: '', label: 'Caution' } }; var blockquotes = document.querySelectorAll("blockquote"); for (var i = 0; i < blockquotes.length; i++) { var bq = blockquotes[i]; var firstP = bq.querySelector("p:first-child"); if (!firstP) continue; var text = firstP.innerHTML; var match = text.match(/^\\\[!(NOTE|TIP|IMPORTANT|WARNING|CAUTION)\\\]\\s\*()?/); if (!match) continue; var type = match[1]; var alert = defined_alerts[type]; firstP.innerHTML = text.replace(match[0], "").trim(); if (!firstP.innerHTML) { firstP.remove(); } var title = document.createElement("p"); title.className = "markdown-alert-title"; title.innerHTML = alert.icon + " " + alert.label; bq.insertBefore(title, bq.firstChild); bq.classList.add("markdown-alert", "markdown-alert-" + type.toLowerCase()); } }); ``` -------------------------------- ### Client-Side Search Implementation Source: https://github.com/abhinavs/moonwalk/blob/master/_includes/search.html This JavaScript code handles the client-side search functionality. It loads a JSON index, scores search results based on title, tags, and excerpt, escapes HTML entities for safe rendering, and displays the top 8 matches. It's triggered by user input in the search field. ```javascript (function() { var input = document.getElementById('search-input'); var list = document.getElementById('search-results'); if (!input || !list) return; var index = null; function loadIndex() { return fetch('{{ "/search.json" | relative\_url }}') .then(function(r) { return r.ok ? r.json() : \[\]; }) .then(function(data) { index = data; return data; }); } function score(p, q) { var s = 0; var ql = q.toLowerCase(); if ((p.title || '').toLowerCase().indexOf(ql) !== -1) s += 5; if ((p.tags || \[\]).some(function(t) { return t.toLowerCase().indexOf(ql) !== -1; })) s += 3; if ((p.excerpt || '').toLowerCase().indexOf(ql) !== -1) s += 1; return s; } function escape(s) { return String(s || '').replace(/\ específicamente\['&<> ``` -------------------------------- ### CSS for Progress Bar Source: https://github.com/abhinavs/moonwalk/blob/master/_includes/progress_bar.html Defines the styling and fixed positioning for the progress bar element. It ensures the bar is always visible at the top of the viewport and transitions smoothly. ```css .progress-bar { position: fixed; top: 0; left: 0; width: 0%; height: 3px; background: var(--links); z-index: 100; transition: width 50ms linear; } ``` -------------------------------- ### CSS Styling for Code Blocks Source: https://github.com/abhinavs/moonwalk/blob/master/_posts/2021-01-08-code.md Applies rounded borders to highlighted code blocks and blockquotes, with a distinct background and border for blockquotes. ```css .highlight, pre code, blockquote { border-radius: 0.5em; } blockquote { background-color: var(--bg-secondary); border: 1px var(--border) solid; } ``` -------------------------------- ### Back to Top Button JavaScript Source: https://github.com/abhinavs/moonwalk/blob/master/_includes/back_to_top.html Controls the visibility of the 'back to top' button by adding or removing the 'visible' class based on the user's scroll position. The button appears after scrolling past 400 pixels. ```javascript (function() { var btn = document.querySelector('.back-to-top'); window.addEventListener('scroll', function() { if (window.scrollY > 400) { btn.classList.add('visible'); } else { btn.classList.remove('visible'); } }); })(); ``` -------------------------------- ### JavaScript for Scroll-Based Progress Bar Source: https://github.com/abhinavs/moonwalk/blob/master/_includes/progress_bar.html Calculates the scroll progress and updates the width of the progress bar accordingly. This script should be placed after the HTML and CSS for the progress bar are loaded. ```javascript (function() { var bar = document.querySelector('.progress-bar'); window.addEventListener('scroll', function() { var scrollTop = window.scrollY; var docHeight = document.documentElement.scrollHeight - window.innerHeight; if (docHeight > 0) { bar.style.width = (scrollTop / docHeight * 100) + '%'; } }); })(); ``` -------------------------------- ### Custom Fonts CSS Variables Source: https://github.com/abhinavs/moonwalk/blob/master/README.md Override default font variables to use custom fonts like Inter and JetBrains Mono. ```css :root { --font-sans: "Inter", system-ui, sans-serif; --font-mono: "JetBrains Mono", monospace; } ``` -------------------------------- ### Select Queued Jobs with SKIP LOCKED Source: https://github.com/abhinavs/moonwalk/blob/master/_posts/2026-05-03-postgres-is-enough-for-background-jobs.md This SQL query selects the next available queued job for processing, using SKIP LOCKED to prevent multiple workers from picking up the same job concurrently. It's suitable for high-contention queue workloads. ```sql SELECT id, payload FROM jobs WHERE state = 'queued' AND run_at <= now() ORDER BY run_at LIMIT 1 FOR UPDATE SKIP LOCKED; ``` -------------------------------- ### Dark Mode CSS Variables Source: https://github.com/abhinavs/moonwalk/blob/master/README.md Customize CSS variables for dark mode to adjust background, text, and link colors. ```css @mixin dark-appearance { html, body { --headings: #e6edf3; --links: #91a7ff; --highlight: #41c7c7; --bg: #15161d; --bg-secondary: #23242f; --bg-subtle: #1c1d26; --text: #c4ccd6; --text-secondary: #8b94a3; --code-text: #91a7ff; }; } ``` === COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.