From 5721add857efbada8a24c0379f32098d3ed4b81d Mon Sep 17 00:00:00 2001 From: Maggie Appleton Date: Fri, 10 Sep 2021 10:22:45 +0100 Subject: [PATCH 01/11] refactored side menu --- components/Sidemenu.js | 98 ++++++++++++++++++++++++------------------ pages/_app.js | 14 ++++-- pages/index.js | 4 +- tailwind.config.js | 9 ++-- 4 files changed, 73 insertions(+), 52 deletions(-) diff --git a/components/Sidemenu.js b/components/Sidemenu.js index bbb191b..c0a642b 100644 --- a/components/Sidemenu.js +++ b/components/Sidemenu.js @@ -3,48 +3,64 @@ import Link from "next/link"; export default function Sidemenu() { return ( - + {[ + { name: leafSVG, path: "/" }, + + { + name: "What's a Digital Garden?", + path: "/what", + style: "font-bold", }, - }} - className="flex flex-col space-y-3 mt-28 ml-6 w-60 mr-12 text-deepGreen" - > - - - What's a Digital Garden? - - - - - Garden Directory - - - - - Tools for Gardening - - - - - Gardening Tutorials and Guides - - - - - Gardening Theory and Navel-Gazing - - + { name: "Directory", path: "/directory" }, + { name: "Tools", path: "/tools" }, + { name: "Tutorials and Guides", path: "/tutorials" }, + { name: "Theory, Philosophy, & Navel-Gazing", path: "/theory" }, + ].map((item, index) => ( + + + {item.name} + + + ))} ); } + +const leafSVG = ( + + + +); diff --git a/pages/_app.js b/pages/_app.js index 4979a44..c87803e 100644 --- a/pages/_app.js +++ b/pages/_app.js @@ -1,7 +1,13 @@ -import '../styles/tailwind.css' +import "../styles/tailwind.css"; +import Sidemenu from "../components/Sidemenu"; -function MyApp({Component, pageProps}) { - return +function MyApp({ Component, pageProps }) { + return ( +
+ + +
+ ); } -export default MyApp; \ No newline at end of file +export default MyApp; diff --git a/pages/index.js b/pages/index.js index 91663fe..04a3e0d 100644 --- a/pages/index.js +++ b/pages/index.js @@ -4,7 +4,6 @@ import Link from "next/link"; import path from "path"; import Container from "../components/Container"; import Layout from "../components/Layout"; -import Sidemenu from "../components/Sidemenu"; import Card from "../components/Card"; import { gardenFilePath, GARDENS_PATH } from "../utils/mdxUtils"; import { motion } from "framer-motion"; @@ -31,7 +30,6 @@ const tools = [ export default function Index({ gardens }) { return ( - -

+

Garden of Digital Gardens

diff --git a/tailwind.config.js b/tailwind.config.js index e54a1b9..3bc1363 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -11,7 +11,7 @@ module.exports = { extend: { fontFamily: { sans: ["Poppins", ...defaultTheme.fontFamily.sans], - serif: ["Source Serif Pro", ...defaultTheme.fontFamily.mono], + serif: ["Source Serif Pro", ...defaultTheme.fontFamily.serif], }, fontSize: { // Set in Perfect Fourth typescale (1.33) @@ -25,10 +25,11 @@ module.exports = { }, colors: { ...colors, + brightGreen: "#189191", deepGreen: "#136464", - offWhite: "#F7F7F5", - black: "#2B2B2B", - lightBlack: "#3F433E", + offWhite: "#F5F4EF", + black: "#373435", + lightBlack: "#514B4C", orangeRed: "#FF6148", }, }, From 2529c8b45321a24135f20a4532193bc50a96ef96 Mon Sep 17 00:00:00 2001 From: Maggie Appleton Date: Fri, 10 Sep 2021 10:24:06 +0100 Subject: [PATCH 02/11] sidebar tweak --- pages/_app.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/pages/_app.js b/pages/_app.js index c87803e..f5c8846 100644 --- a/pages/_app.js +++ b/pages/_app.js @@ -3,7 +3,7 @@ import Sidemenu from "../components/Sidemenu"; function MyApp({ Component, pageProps }) { return ( -
+
From 4b081e25cb5a32d2f01d528ca2634d1076e8c1ef Mon Sep 17 00:00:00 2001 From: Kushan Joshi <0o3ko0@gmail.com> Date: Sun, 24 Oct 2021 21:25:59 -0400 Subject: [PATCH 03/11] Add bangle.io https://bangle.io is a simple yet powerful note taking web app that does not have any servers and does not take users that as hostage. It relies on native file storage api to read and modify your locally saved markdown notes. --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 0816195..d72eaf5 100644 --- a/README.md +++ b/README.md @@ -33,6 +33,7 @@ A collective of gardeners publicly tending their digital notes on the interwebs - [Hyperdraft](https://hyperdraft.rosano.ca) - Turns plain markdown notes into a website as you write. Easy to setup and doesn't require builds or deploys. - [Neuron](https://github.com/srid/neuron) - Managing and publishing system for plain-text Zettelkasten-style notes. - [Innos Notes](https://innos.io/) – Features include parallel pages, content blocks, and knowledge graph visualisations. +- [Bangle.io](https://bangle.io) - A free alternative to Notion that takes markdown notes saved right in your computer. #### Building a Private Garden From f336e70fddfffdc08c557d02a31ea649fdfde2c4 Mon Sep 17 00:00:00 2001 From: mnm <75578970+manunamz@users.noreply.github.com> Date: Mon, 6 Dec 2021 14:03:44 -0500 Subject: [PATCH 04/11] Add jekyll-bonsai (#82) --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 0816195..32753ad 100644 --- a/README.md +++ b/README.md @@ -26,6 +26,7 @@ A collective of gardeners publicly tending their digital notes on the interwebs - [Gatsby Theme Garden](https://github.com/mathieudutour/gatsby-digital-garden/) - A set of tools to build a digital garden with Gatsby.js. Pull data from Roam Research or markdown. - [Simply Jekyll](https://simply-jekyll.netlify.app/posts/introduction-to-simply-jekyll) - A Jekyll theme with bidirectional links, sidenotes, and transclusion - [Digital Garden Jekyll Template](https://github.com/maximevaillancourt/digital-garden-jekyll-template) - A simple, clean jekyll template with bi-directional links +- [Jekyll-Bonsai](https://github.com/manunamz/jekyll-bonsai) - A modern jekyll theme for semantically inclined digital gardeners. - [Eleventy Garden](https://github.com/b3u/eleventy-garden) - A minimal template with backlinks, built in [Eleventy](https://11ty.dev) - [Foam](https://foambubble.github.io/foam/) - Roam-like personal note management and publishing system built inside VSCode - [Foamy NextJS](https://github.com/yenly/foamy-nextjs) - Basic Foam + NextJS with MDX starter for building a digital garden From c42104e73e15fbb3ab987274700f13f6c43dc4a1 Mon Sep 17 00:00:00 2001 From: m0wer Date: Sat, 1 Jan 2022 13:57:51 +0300 Subject: [PATCH 05/11] feat: add m0wer/memento digital garden --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 32753ad..9df803c 100644 --- a/README.md +++ b/README.md @@ -144,3 +144,4 @@ A collective of gardeners publicly tending their digital notes on the interwebs | [David Ralph Lewis](https://notes.davidralphlewis.co.uk) | TiddlyWiki | Writing, poetry, wellbeing, psychology | | [Soren Bjornstad](https://zettelkasten.sorenbjornstad.com) | TiddlyWiki + homegrown scripts | Almost everything; emphasis on tech, reading, and how to live | | [Paul Batchelor](https://pbat.ch/wiki) | [WeeWiki](https://pbat.ch/wiki/weewiki) | Computer Music, Audio Programming, Literate Programming, Food | +| [Memento](https://m0wer.github.io/memento/) | [MkDocs](https://www.mkdocs.org/), [MkDocs Newsletter](https://lyz-code.github.io/mkdocs-newsletter/) | Python, GNU/Linux, DevOps, Flutter, traveling, cooking, ...| From 39e0af9ef7e3b8b1f884b5d640f3fdc0a465f354 Mon Sep 17 00:00:00 2001 From: Maggie Appleton <5599295+MaggieAppleton@users.noreply.github.com> Date: Mon, 17 Jan 2022 09:05:47 +0000 Subject: [PATCH 06/11] added definition up top --- README.md | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index 32753ad..ef4e8e2 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,10 @@ -# Digital Gardening +# Digital Gardening Tools and Resources -A collective of gardeners publicly tending their digital notes on the interwebs +This collection of apps, tools and articles is here to help you learn more about digital gardening. Ideally, it's here to help you start your own garden. + +#### What is "digital gardening"? + +A garden is something inbetween a personal blog and a wiki. It's a collection of evolving notes, essays, and ideas that aren't strictly organised by their publication date. They're inherently exploratory – posts are linked through contextual associations. They aren't refined or complete - posts can be published as half-finished thoughts that will grow and evolve over time. They're less rigid, less performative, and less perfect than the personal "blogs" we're used to encountering on the web. ![An illustration of a plant with an pencil edit icon](https://res.cloudinary.com/dg3gyk0gu/image/upload/c_scale,w_850/v1590401937/maggieappleton.com/notes/garden-history/garden-wide.png) @@ -63,7 +67,7 @@ A collective of gardeners publicly tending their digital notes on the interwebs ## Theory, Philosophy, and Navel-Gazing -- **[The Garden and the Stream: A Techno pastoral](https://hapgood.us/2015/10/17/the-garden-and-the-stream-a-technopastoral/)** by Mike Caulfield +- **[The Garden and the Stream: A Techno pastoral](https://hapgood.us/2015/10/17/the-garden-and-the-stream-a-technopastoral/)** by Mike Caulfield – the original source of the concept of **Digital Gardening** - [Of Digital Streams, Campfires and Gardens](https://tomcritchlow.com/2018/10/10/of-gardens-and-wikis/) by Tom Critchlow - [How the Blog Broke the Web](https://stackingthebricks.com/how-blogs-broke-the-web/) by Amy Hoy - [My blog is a digital garden, not a blog](https://joelhooks.com/digital-garden) by Joel Hooks From 58e682289d7cde1e3604fe0370de5670543e4e25 Mon Sep 17 00:00:00 2001 From: Maggie Appleton <5599295+MaggieAppleton@users.noreply.github.com> Date: Mon, 17 Jan 2022 09:08:09 +0000 Subject: [PATCH 07/11] formatting --- README.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index ef4e8e2..41af8b5 100644 --- a/README.md +++ b/README.md @@ -2,10 +2,12 @@ This collection of apps, tools and articles is here to help you learn more about digital gardening. Ideally, it's here to help you start your own garden. -#### What is "digital gardening"? +## What is "digital gardening"? A garden is something inbetween a personal blog and a wiki. It's a collection of evolving notes, essays, and ideas that aren't strictly organised by their publication date. They're inherently exploratory – posts are linked through contextual associations. They aren't refined or complete - posts can be published as half-finished thoughts that will grow and evolve over time. They're less rigid, less performative, and less perfect than the personal "blogs" we're used to encountering on the web. +See the [Theory, Philosophy, and Navel-gazing](https://github.com/MaggieAppleton/digital-gardeners#theory-philosophy-and-navel-gazing) section for more on the 'what' of gardens. + ![An illustration of a plant with an pencil edit icon](https://res.cloudinary.com/dg3gyk0gu/image/upload/c_scale,w_850/v1590401937/maggieappleton.com/notes/garden-history/garden-wide.png)
From 27a27e34c90ac3d18c80034592110200ca3b4d77 Mon Sep 17 00:00:00 2001 From: Juan Caicedo Date: Tue, 18 Jan 2022 19:21:15 -0800 Subject: [PATCH 08/11] Update Maggie in Garden Directory --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 41af8b5..b4afe46 100644 --- a/README.md +++ b/README.md @@ -103,7 +103,7 @@ See the [Theory, Philosophy, and Navel-gazing](https://github.com/MaggieAppleton | [Tom Critchlow](https://tomcritchlow.com/) | Jekyll | Indie consulting | | [Shawn Wang](https://www.swyx.io/writing) | Sapper | Web development, writing, speaking | [Kevin Cummingham](https://kevincunningham.co.uk) | Gatsby | Web development, React, AWS, GraphQL -| [Maggie Appleton](https://maggieappleton.com/garden) | Gatsby + MDX | Anthropology, metaphors, visual explanations, and web development +| [Maggie Appleton](https://maggieappleton.com/garden) | Next.js + MDX | Anthropology, metaphors, visual explanations, and web development | [Chris Biscardi](https://www.christopherbiscardi.com/garden) | Sector / Toast? | Web development, MDX, GraphQL, Gatsby | [Wess Daniels](https://nurselog.online) | Tiddlywiki (Pre-Release 5.1.23) | Culture and systems change, liberation theology, tech and pedagogy | [Aengus McMillin](https://aengusmcmillin.com/brain) | Gatsby | Programming, Stoicism | From bc957b0a46dd6400fad8e7e609eb39aa6f42fa2f Mon Sep 17 00:00:00 2001 From: Maggie Appleton <5599295+MaggieAppleton@users.noreply.github.com> Date: Wed, 19 Jan 2022 08:49:45 +0000 Subject: [PATCH 09/11] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index d72eaf5..36a54fb 100644 --- a/README.md +++ b/README.md @@ -33,12 +33,12 @@ A collective of gardeners publicly tending their digital notes on the interwebs - [Hyperdraft](https://hyperdraft.rosano.ca) - Turns plain markdown notes into a website as you write. Easy to setup and doesn't require builds or deploys. - [Neuron](https://github.com/srid/neuron) - Managing and publishing system for plain-text Zettelkasten-style notes. - [Innos Notes](https://innos.io/) – Features include parallel pages, content blocks, and knowledge graph visualisations. -- [Bangle.io](https://bangle.io) - A free alternative to Notion that takes markdown notes saved right in your computer. #### Building a Private Garden - [Org Roam](https://www.orgroam.com/) - non-hierarchical note-taking with org-mode in emacs - [TheBrain](https://www.thebrain.com/) - A tool for taking interconnected notes with an interactive graph. +- [Bangle.io](https://bangle.io) - A simple, markdown-based notetaking app that runs locally on your machine. #### Extra Gardening Tools From af0f1087af1919a0ee1d7269213631a2fa237b19 Mon Sep 17 00:00:00 2001 From: Maggie Appleton <5599295+MaggieAppleton@users.noreply.github.com> Date: Sun, 30 Jan 2022 10:56:17 +0000 Subject: [PATCH 10/11] Updated directory --- README.md | 26 +++++++++++++++----------- 1 file changed, 15 insertions(+), 11 deletions(-) diff --git a/README.md b/README.md index 3a810b8..6c7da62 100644 --- a/README.md +++ b/README.md @@ -97,28 +97,33 @@ See the [Theory, Philosophy, and Navel-gazing](https://github.com/MaggieAppleton ## Digital Garden Directory +⭐️ = Featured; unique and exceptional examples + | Gardener & Link | 🛠 Build Tools | 🌿Note Themes | | -------------------- | ------------------ | ----------------- | -| [Andy Matuschak](https://notes.andymatuschak.org/) | The Mystery Andy System | Note-taking, education, tools for thought | +| ⭐️ [Andy Matuschak](https://notes.andymatuschak.org/) | The Mystery Andy System | Note-taking, education, tools for thought | +| ⭐️ [Gwern](https://www.gwern.net/) | [JS, CSS, Hakyll, Haskell](https://www.gwern.net/About#tools) | Quantified self, spaced repetition, bitcoin | +| ⭐️ [Azlen Elza](https://notes.azlen.me/g3tibyfv/) | Notion + Python | Design, Conversational interfaces, Tools for thought +| ⭐️ [Buster Benson](https://busterbenson.com/piles/) | | Behaviour change, dialogue, systems thinking | +| ⭐️ [Tom Critchlow](https://tomcritchlow.com/) | Jekyll | Indie consulting | +| ⭐️ [Chris Aldrich](https://tw.boffosocko.com) | TiddlyWiki + TiddlyBlink + TiddlyMap | Art of Memory, IndieWeb, humanities, commonplace books, thought spaces +| ⭐️ [Gordon Brander](http://gordonbrander.com/pattern/) | [Lettersmith](https://github.com/gordonbrander/lettersmith_py) | Design patterns, storytelling, systems +| ⭐️ [Bill Seitz](http://webseitz.fluxent.com/wiki/) | Flask/Python with [WikiFlux](http://webseitz.fluxent.com/wiki/WikiFlux) | Product management, startups, wiki theory, engineering | +| ⭐️ [Alex Komoroske](https://thecompendium.cards/c/half-baked/) | [Cards Web](https://github.com/jkomoros/card-web) – a custom OS platform | Complexity theory, design, systems thinking | +| ⭐️ [Nikita Voloboev](https://wiki.nikitavoloboev.xyz) | GitBook | Tool obsessed. Code, web dev, art. | | [Anne-Laure Le Cunff](https://www.mentalnodes.com/) | TiddlyWiki | Networked thinking, metacognition, evidence-based learning and self-education | -| [Tom Critchlow](https://tomcritchlow.com/) | Jekyll | Indie consulting | | [Shawn Wang](https://www.swyx.io/writing) | Sapper | Web development, writing, speaking | [Kevin Cummingham](https://kevincunningham.co.uk) | Gatsby | Web development, React, AWS, GraphQL -| [Maggie Appleton](https://maggieappleton.com/garden) | Next.js + MDX | Anthropology, metaphors, visual explanations, and web development +| [Maggie Appleton](https://maggieappleton.com/garden) | Next.js | Anthropology, metaphors, visual explanations, and web development | [Chris Biscardi](https://www.christopherbiscardi.com/garden) | Sector / Toast? | Web development, MDX, GraphQL, Gatsby +| [Neil Mather](https://commonplace.doubleloop.net) | Org-mode | Programming, politics, climate change | | [Wess Daniels](https://nurselog.online) | Tiddlywiki (Pre-Release 5.1.23) | Culture and systems change, liberation theology, tech and pedagogy | [Aengus McMillin](https://aengusmcmillin.com/brain) | Gatsby | Programming, Stoicism | -| [Azlen Elza](https://notes.azlen.me/g3tibyfv/) | | Design, Conversational interfaces, Tools for thought -| [Joel Hooks](https://joelhooks.com/) | Gatsby + MDX | Bootstrapping / indie-hacking, community building, web development, +| [Joel Hooks](https://joelhooks.com/) | Gatsby + MDX | Bootstrapping / indie-hacking, community building, web development | [Ian Jones](https://ianjones.us/notes) | Gatsby | Web development, Gatsby, Emacs | [Wayan Jimmy](https://notebook.wayanjimmy.xyz) | Gatsby ([Hasura Gitbook Starter](https://github.com/hasura/gatsby-gitbook-starter)) | Coding, Learning notes | [Markus](https://re1.dev/wiki/) | Eleventy | Design, linux, privacy | [Max Stoiber](https://notes.mxstbr.com/About_these_notes) | The Mystery Andy System | React, web development -| [Gwern](https://www.gwern.net/) | [JS, CSS, Hakyll, Haskell](https://www.gwern.net/About#tools) | Quantified self, spaced repetition, bitcoin -| [Chris Aldrich](https://tw.boffosocko.com) | TiddlyWiki + TiddlyBlink + TiddlyMap | Art of Memory, IndieWeb, humanities, commonplace books, thought spaces -| [Neil Mather](https://commonplace.doubleloop.net) | Org-mode | Programming, politics, climate change | -| [Gordon Brander](http://gordonbrander.com/pattern/) | [Lettersmith](https://github.com/gordonbrander/lettersmith_py) | Design patterns, storytelling, systems -| [Bill Seitz](http://webseitz.fluxent.com/wiki/) | Flask/Python with [WikiFlux](http://webseitz.fluxent.com/wiki/WikiFlux) | Product management, startups, wiki theory, engineering | | [Daniel Chapman](https://www.dschapman.com/notes) | Gatsby | Books, Writing, Poetry | [Will Stedden](https://bonkerfield.org/) | Custom coding a [side project](https://bonkerfield.org/2020/05/swale-garden-stream/) | Machine learning, automated language generation, quantum physics art, online transparency | [Salman Ansari](https://notes.salman.io/) | Gatsby | Start-ups, engineering | @@ -133,7 +138,6 @@ See the [Theory, Philosophy, and Navel-gazing](https://github.com/MaggieAppleton | [Maxime Vaillancourt](https://maximevaillancourt.com/notes) | Jekyll ([open-source template](https://maximevaillancourt.com/blog/setting-up-your-own-digital-garden-with-jekyll)) | personal growth, ruby, web, linux | | [Andy Byers](https://notes.ajb.app) | Jekyll | notes on coding, note taking, personal knowledge management and other random thoughts. | | [Abstractxan](https://abstractxan.xyz) | C++ ([Mizi](https://github.com/AbstractXan/Mizi)) | Tech, Art, Curating resources | -| [Nikita Voloboev](https://wiki.nikitavoloboev.xyz) | GitBook | Tool obsessed. Code, web dev, art. | | [Luciano Strika](https://strikingloo.github.io/wiki/) | Jekyll | Personal Wiki, Digital Garden. StrikingLoo's Haphazard Repository of Knowledge, Opinions and Trivia | | [Piotr Gaczkowski](https://garden.doomhammer.info) | Jekyll + Roam Research as backend | Book notes, Codex Vitae, cocktails, experiments | | [Tymon Zaniewski](https://garden.tymon-zaniewski.xyz) | Jekyll ([open-source template](https://maximevaillancourt.com/blog/setting-up-your-own-digital-garden-with-jekyll)) | personal wiki, DIY electronics, making music | From ea6c0d770f957dd2185303c0b7dcaf9871e0a5cc Mon Sep 17 00:00:00 2001 From: TLZ Date: Tue, 1 Feb 2022 16:15:50 +0000 Subject: [PATCH 11/11] Add Trilium to software list --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 6c7da62..6ab368d 100644 --- a/README.md +++ b/README.md @@ -40,6 +40,7 @@ See the [Theory, Philosophy, and Navel-gazing](https://github.com/MaggieAppleton - [Hyperdraft](https://hyperdraft.rosano.ca) - Turns plain markdown notes into a website as you write. Easy to setup and doesn't require builds or deploys. - [Neuron](https://github.com/srid/neuron) - Managing and publishing system for plain-text Zettelkasten-style notes. - [Innos Notes](https://innos.io/) – Features include parallel pages, content blocks, and knowledge graph visualisations. +- [Trilium Notes](https://github.com/zadam/trilium) - A hierarchical note taking application with focus on building large personal knowledge bases. #### Building a Private Garden