This is your work, valued

Bristol, UK

David Darnes

Elite
@daviddarnes

Senior Engineer working on Polaris at @Shopify

alembic. ⚗️ A Jekyll boilerplate theme designed to be a starting point for any Jekyll website

835

mac-cursors. ✛ All cursor icons from OS X, in SVG format

447

garth. 🥁 A really basic theme for Jekyll

161

component-template. Template for kicking off a new Web Component

153

share-button. A Web Component to share web pages using the native OS sharing options

93

netlify-plugin-ghost-markdown. Returns Ghost content as markdown files for static site generators like Jekyll to consume.

69

link-peek. A Web Component to unfurl regular links into rich previews

53

eleventy-plugin-unfurl. Unfurl links into rich cards, as seen in places like Slack and Twitter

46

play-button. A Web Component to play audio or video with a button

41

mastodon-post. A Web Component to display Mastodon posts and their metadata

38

code-pen. A Web Component to open code samples in CodePen

35

storage-form. A Web Component that allows you to submit data to local storage

31

heading-anchors. A Web Component to add anchor links to headings with IDs

30

jekyll-search-js. 🔍 Search through your jekyll pages, posts, or any collection the ES6 way

28

bluesky-post. A Web Component to display Bluesky posts and their metadata

26

inline-email-form. 📫 An inline email dialog, inspired by @MrMarkCollins and designed by @mr-stezz

25

eleventy-plugin-ghost. Access the Ghost API in Eleventy 👻🎈

20

live-filter. A Web Component for filtering items using a text input

18

daviddarnes.github.io. 🌐 My site for showing experiments, tools and other projects

17

duration-property. A Web Component to surface an audio or video's duration as a CSS Custom Property

13

is-playing. A Web Component to indicate when an audio, or video, element is playing

13

alembic-kit. ⚗️📦 Starter kit for Alembic, hosted on GitHub Pages, Netlify or anywhere you like

12

contrast-details. A Web Component to display the contrast ratio and level of two colours using CSS custom properties

12

sample-input. A Web Component to sample audio or video added to an upload input

12

alembic-netlifycms-kit. ⚗️💠 Starter kit for Alembic with Netlify CMS, hosted on Netlify

11

ticket. ⚓️ A cute little theme for Anchor CMS

11

bluesky-replies. A Web Component to display Bluesky post replies

9

random-source. A Web Component to randomly change audio or video sources

8

repo-listing-demo. ⚙ A demo showing the usage of GitHub Pages to list public repos, to coincide with my tuts+ tutorial

8

css-buttons. 💡 Literally CSS buttons

6

plain. ⚓️ Plain: An Anchor CMS theme by Chris Veto

5

flynn. 📈 Flynn is a CSS grid I use for personal projects

5

anchorthemes.com. ⚓️ Source repo for Anchor Themes and Anchor Showcase

4

gatsby-starter-ghost-blog. Gatsby starter for creating a Ghost powered blog

4

awetheme. ⚓️ Awetheme: An Anchor CMS theme by @CosminNegoita

3

garth-kit. 🥁📦 Starter kit for Garth, hosted on GitHub Pages, Netlify or anywhere you like

3

sando. ⚓️ Sando: An Anchor CMS theme by @CosminNegoita

2

alembic-stackbit-kit. ⚗️🚀 Starter kit for Alembic on Stackbit

2

greaves. ⚓️ Greaves: An Anchor CMS theme by Russell Jones

2

mic-drop. ✋🎤 Dropping the mic on Netlify Drop

2

prototype. ⚓️ Prototype: An Anchor CMS theme by @CosminNegoita

2

dropinblog-beanthere-site. Demonstration of switching from DropInBlog embed code to a fully fledged blog site, using Eleventy to generate the blog and blog pages

2

garth-stackbit-kit. 🥁🚀 Starter kit for Garth on Stackbit

1

alembic-forestry-kit. ⚗️🌲 Starter kit for Alembic with Forestry

1

cleat. ⚓️ A light and pure theme thats simple at heart

1

generator-basekit-template. 🏦 A Yeoman gernator for creating a BaseKit templates

1