-
Notifications
You must be signed in to change notification settings - Fork 1
/
digital-garden.html
17 lines (17 loc) · 13.1 KB
/
digital-garden.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!doctype html><html lang=en-uk><head><script data-goatcounter=https://ruivieira-dev.goatcounter.com/count async src=//gc.zgo.at/count.js></script><script src=https://unpkg.com/@alpinejs/intersect@3.x.x/dist/cdn.min.js></script><script src=https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js></script><script type=module src=https://ruivieira.dev/js/deeplinks/deeplinks.js></script><link rel=preload href=https://ruivieira.dev/lib/fonts/fa-brands-400.woff2 as=font type=font/woff2 crossorigin=anonymous><link rel=preload href=https://ruivieira.dev/lib/fonts/fa-regular-400.woff2 as=font type=font/woff2 crossorigin=anonymous><link rel=preload href=https://ruivieira.dev/lib/fonts/fa-solid-900.woff2 as=font type=font/woff2 crossorigin=anonymous><link rel=preload href=https://ruivieira.dev/fonts/firacode/FiraCode-Regular.woff2 as=font type=font/woff2 crossorigin=anonymous><link rel=preload href=https://ruivieira.dev/fonts/vollkorn/Vollkorn-Regular.woff2 as=font type=font/woff2 crossorigin=anonymous><link rel=stylesheet href=https://ruivieira.dev/css/kbd.css type=text/css><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><title>Digital Garden · Rui Vieira</title>
<link rel=canonical href=https://ruivieira.dev/digital-garden.html><meta name=viewport content="width=device-width,initial-scale=1"><meta name=robots content="all,follow"><meta name=googlebot content="index,follow,snippet,archive"><meta property="og:title" content="Digital Garden"><meta property="og:description" content="Digital gardens are places where information grows. It is a collection of notes and ideas that are organised in a way that allows for exploration and discovery. It is meant to be a living, growing repository of knowledge and ideas, rather than a static document.
ChallengesA digital garden presents a few challenges.
Chronological is the wrong metaphor, but how to capture time and sequence?. A digital garden can contain a large amount of information, and it can be difficult to decide how to organise and structure it in a way that is intuitive and easy for others to navigate."><meta property="og:type" content="article"><meta property="og:url" content="https://ruivieira.dev/digital-garden.html"><meta property="article:section" content="posts"><meta property="article:modified_time" content="2023-10-20T11:17:43+01:00"><meta name=twitter:card content="summary"><meta name=twitter:title content="Digital Garden"><meta name=twitter:description content="Digital gardens are places where information grows. It is a collection of notes and ideas that are organised in a way that allows for exploration and discovery. It is meant to be a living, growing repository of knowledge and ideas, rather than a static document.
ChallengesA digital garden presents a few challenges.
Chronological is the wrong metaphor, but how to capture time and sequence?. A digital garden can contain a large amount of information, and it can be difficult to decide how to organise and structure it in a way that is intuitive and easy for others to navigate."><link rel=stylesheet href=https://ruivieira.dev/css/styles.css><!--[if lt IE 9]><script src=https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js></script><script src=https://oss.maxcdn.com/respond/1.4.2/respond.min.js></script><![endif]--><link rel=icon type=image/png href=https://ruivieira.dev/images/favicon.ico></head><body class="max-width mx-auto px3 ltr" x-data="{currentHeading: undefined}"><div class="content index py4"><div id=header-post><a id=menu-icon href=#><i class="fas fa-eye fa-lg"></i></a>
<a id=menu-icon-tablet href=#><i class="fas fa-eye fa-lg"></i></a>
<a id=top-icon-tablet href=# onclick='$("html, body").animate({scrollTop:0},"fast")' style=display:none aria-label="Top of Page"><i class="fas fa-chevron-up fa-lg"></i></a>
<span id=menu><span id=nav><ul><li><a href=https://ruivieira.dev/>Home</a></li><li><a href=https://ruivieira.dev/blog/>Blog</a></li><li><a href=https://ruivieira.dev/draw/>Drawings</a></li><li><a href=https://ruivieira.dev/map/>All pages</a></li><li><a href=https://ruivieira.dev/search.html>Search</a></li></ul></span><br><div id=share style=display:none></div><div id=toc><h4>Contents</h4><nav id=TableOfContents><ul><li><a href=#challenges :class="{'toc-h2':true, 'toc-highlight': currentHeading == '#challenges' }">Challenges</a></li><li><a href=#chronological-is-the-wrong-metaphor-but-how-to-capture-time-and-sequence :class="{'toc-h3':true, 'toc-highlight': currentHeading == '#chronological-is-the-wrong-metaphor-but-how-to-capture-time-and-sequence' }">Chronological is the wrong metaphor, but how to capture time and sequence?</a></li><li><a href=#networking :class="{'toc-h2':true, 'toc-highlight': currentHeading == '#networking' }">Networking</a></li></ul></nav><h4>Related</h4><nav><ul><li class="header-post toc"><span class=backlink-count>1</span>
<a href>Index</a></li></ul></nav></div></span></div><article class=post itemscope itemtype=http://schema.org/BlogPosting><header><h1 class=posttitle itemprop="name headline">Digital Garden</h1><div class=meta><div class=postdate>Updated <time datetime="2023-10-20 11:17:43 +0100 BST" itemprop=datePublished>2023-10-20</time>
<span class=commit-hash>(<a href=https://ruivieira.dev/log/index.html#21cfc1a>21cfc1a</a>)</span></div></div></header><div class=content itemprop=articleBody><figure><img src=https://ruivieira.dev/assets/digigarden.jpg alt=digigarden.jpg loading=lazy></figure><p>Digital gardens are places where information grows.
It is a collection of notes and ideas that are organised in a way that allows for exploration and discovery. It is meant to be a living, growing repository of knowledge and ideas, rather than a static document.</p><h2 id=challenges x-intersect="currentHeading = '#challenges'">Challenges</h2><p>A digital garden presents a few challenges.</p><ul><li><p><a href=#chronological-is-the-wrong-metaphor,-but-how-to-capture-time-and-sequence?>Chronological is the wrong metaphor, but how to capture time and sequence?</a>. A digital garden can contain a large amount of information, and it can be difficult to decide how to organise and structure it in a way that is intuitive and easy for others to navigate.</p></li><li><p>Finding the right tools: There are many different tools and platforms that can be used to create a digital garden, and it can be challenging to find the one that best fits your needs and workflow.</p></li><li><p>Keeping the garden up to date: A digital garden is meant to be a living, growing repository of knowledge and ideas, which means that it requires ongoing maintenance and updates. It can be time-consuming to keep the garden up to date and to ensure that the information it contains is accurate and current.</p></li><li><p>Balancing depth and breadth: A digital garden can contain a wide range of topics and ideas, and it can be challenging to find the right balance between providing enough detail to be useful and not overwhelming the reader with too much information.</p></li><li><p>Promoting and sharing the garden: A digital garden is only valuable if it is used and appreciated by others. It can be challenging to promote and share a digital garden and to get others to engage with and contribute to it.</p></li></ul><h3 id=chronological-is-the-wrong-metaphor-but-how-to-capture-time-and-sequence x-intersect="currentHeading = '#chronological-is-the-wrong-metaphor-but-how-to-capture-time-and-sequence'">Chronological is the wrong metaphor, but how to capture time and sequence?</h3><p>In a digital garden, the organisation of information is not necessarily tied to a specific timeline or sequence. Instead, the focus is on creating connections and relationships between ideas, rather than presenting them in a linear fashion.</p><p>One way to capture the sense of time and sequence in a digital garden is to use tags or labels to indicate when a particular note or idea was created or updated. This allows for some level of temporal organisation, while still allowing for flexibility and the ability to create connections between ideas that may not necessarily be related to a specific point in time.</p><p>Another option is to use a visual representation of time, such as a timeline or a calendar, to show the evolution of ideas or concepts over a specific period of time. This can help to give context and provide a sense of progression, while still allowing for the non-linear organisation of information that is characteristic of a digital garden.</p><p>As an example, have a <a href=https://ruivieira.dev/git.html>Git</a> commit hash as well as a recent changes history.
Each page already display a commit hash to give it a context as well as a <em>recently updated</em> section in the index.</p><p>However, using commit hashes to capture the sequence of events might not be the most intuitive or user-friendly approach. <a href=https://ruivieira.dev/git.html>Git</a> commit hashes are typically long strings of letters and numbers, and they are not necessarily easy for people to remember or understand.</p><p>The <a href=https://ruivieira.dev/rss.html>RSS</a><sup id=fnref:1><a href=#fn:1 class=footnote-ref role=doc-noteref>1</a></sup> also provides a temporal source of truth.</p><h2 id=networking x-intersect="currentHeading = '#networking'">Networking</h2><p><em>Digital gardens</em> nurture the creation of complex networks from simple concept associations.
Quoting Tim Berners-Lee’s<sup id=fnref:2><a href=#fn:2 class=footnote-ref role=doc-noteref>2</a></sup> “<em>Weaving the Web</em>”<sup id=fnref:3><a href=#fn:3 class=footnote-ref role=doc-noteref>3</a></sup> (2000):</p><blockquote><p>One of the beautiful things about physics is its ongoing quest to find simple rules that describe the behaviour of very small, simple objects. Once found, these rules can often be scaled up to describe the behaviour of monumental systems in the real world. […]</p><p>If the rules governing hypertext links between servers and browsers stayed simple, then our web of a few documents could grow to a global web. The art was to define the few basic, common rules of “protocol” that would allow one computer to talk to another, in such a way that when all computers everywhere did it, the system would thrive, not break down.</p></blockquote><div class=footnotes role=doc-endnotes><hr><ol><li id=fn:1><p><a href=https://ruivieira.dev/index.xml>RSS 2.0 file</a>. <a href=#fnref:1 class=footnote-backref role=doc-backlink>↩︎</a></p></li><li id=fn:2><p><a href=https://en.wikipedia.org/wiki/Tim_Berners-Lee>https://en.wikipedia.org/wiki/Tim_Berners-Lee</a> <a href=#fnref:2 class=footnote-backref role=doc-backlink>↩︎</a></p></li><li id=fn:3><p>Fischetti, Mark., Berners-Lee, Tim., Fischetti, Mark., Berners-Lee, Tim. <em>Weaving the Web: The Original Design and Ultimate Destiny of the World Wide Web by Its Inventor.</em> N.p.: Paw Prints, 2008. <a href=#fnref:3 class=footnote-backref role=doc-backlink>↩︎</a></p></li></ol></div></div></article><div id=footer-post-container><div id=footer-post><div id=nav-footer style=display:none><ul><li><a href=https://ruivieira.dev/>Home</a></li><li><a href=https://ruivieira.dev/blog/>Blog</a></li><li><a href=https://ruivieira.dev/draw/>Drawings</a></li><li><a href=https://ruivieira.dev/map/>All pages</a></li><li><a href=https://ruivieira.dev/search.html>Search</a></li></ul></div><div id=toc-footer style=display:none><nav id=TableOfContents><ul><li><a href=#challenges>Challenges</a><ul><li><a href=#chronological-is-the-wrong-metaphor-but-how-to-capture-time-and-sequence>Chronological is the wrong metaphor, but how to capture time and sequence?</a></li></ul></li><li><a href=#networking>Networking</a></li></ul></nav></div><div id=share-footer style=display:none></div><div id=actions-footer><a id=menu-toggle class=icon href=# onclick='return $("#nav-footer").toggle(),!1' aria-label=Menu><i class="fas fa-bars fa-lg" aria-hidden=true></i> Menu</a>
<a id=toc-toggle class=icon href=# onclick='return $("#toc-footer").toggle(),!1' aria-label=TOC><i class="fas fa-list fa-lg" aria-hidden=true></i> TOC</a>
<a id=share-toggle class=icon href=# onclick='return $("#share-footer").toggle(),!1' aria-label=Share><i class="fas fa-share-alt fa-lg" aria-hidden=true></i> share</a>
<a id=top style=display:none class=icon href=# onclick='$("html, body").animate({scrollTop:0},"fast")' aria-label="Top of Page"><i class="fas fa-chevron-up fa-lg" aria-hidden=true></i> Top</a></div></div></div><footer id=footer><div class=footer-left>Copyright © 2024 Rui Vieira</div><div class=footer-right><nav><ul><li><a href=https://ruivieira.dev/>Home</a></li><li><a href=https://ruivieira.dev/blog/>Blog</a></li><li><a href=https://ruivieira.dev/draw/>Drawings</a></li><li><a href=https://ruivieira.dev/map/>All pages</a></li><li><a href=https://ruivieira.dev/search.html>Search</a></li></ul></nav></div></footer></div></body><link rel=stylesheet href=https://ruivieira.dev/css/fa.min.css><script src=https://ruivieira.dev/js/jquery-3.6.0.min.js></script><script src=https://ruivieira.dev/js/mark.min.js></script><script src=https://ruivieira.dev/js/main.js></script><script>MathJax={tex:{inlineMath:[["$","$"],["\\(","\\)"]]},svg:{fontCache:"global"}}</script><script type=text/javascript id=MathJax-script async src=https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js></script></html>