Mostly working · bmann.ca/bmannconsulting.com@7e7140c

··· 1 1 title: Digital Notes Garden 2 2 name: Boris Mann 3 3 user_description: "Open Source. Community. Decentralized Web. Building dev tools at Fission. Cooks & eats." 4 4 - description: "Notes and long term archive for Boris Mann" 4 4 + description: "Second Brain, Daily Notes, and long term archive of Boris Mann" 5 5 notes_url: "https://bmannconsulting.com" 6 6 notes_title: Notes, Articles, and Links 7 7 notes_tagline: Information gardening ··· 12 12 url: "https://bmannconsulting.com" # the base hostname & protocol for your site, e.g. http://example.com 13 13 encoding: utf-8 14 14 15 15 - exclude: ['.env', 'fission.yaml', 'gemset.nix', 'pages'] 15 15 + exclude: ['.env', 'fission.yaml', 'gemset.nix', 'pages', 'fission.yaml', 'blog.code-workspace', 'netlify.toml', '_ignore'] 16 16 17 17 markdown: CommonMarkGhPages 18 18 # markdown: kramdown ··· 40 40 style: compressed 41 41 42 42 # Default permalink 43 43 - permalink: /:path/:title 43 43 + permalink: /:path/:title/ 44 44 45 45 collections: 46 46 notes: 47 47 output: true 48 48 - permalink: /:title 48 48 + permalink: /:title/ 49 49 50 50 disqus: 51 51 shortname: raghuveerdotnet ··· 56 56 type: posts 57 57 values: 58 58 layout: post 59 59 - permalink: /blog/:year/:month/:day/:title 59 59 + permalink: /blog/:year/:month/:day/:title/ 60 60 content-type: post 61 61 + section: blog 61 62 - scope: 62 63 path: "_posts/archive/*" 63 64 type: posts 64 65 values: 65 66 layout: post 66 66 - permalink: /archive/:year/:month/:day/:title 67 67 + permalink: /archive/:year/:month/:day/:title/ 67 68 content-type: post 69 69 + section: archive 68 70 - scope: 69 71 path: "_posts/journal/*" 70 72 type: posts 71 73 values: 72 74 layout: post 73 73 - permalink: /journal/:year/:month/:day/:title 75 75 + permalink: /journal/:year/:month/:day/ 74 76 content-type: post 77 77 + section: journal 75 78 - scope: 76 79 path: "_notes/*" 77 80 type: notes

+3 -1

_includes/backlinks.html

reviewed

··· 1 1  2 2 + {%- unless page.permalink == "/" -%} 2 3 {%- assign link_count = 0 -%} 3 4 {%- assign wiki_link_title = '[' | append: page.title | append: ']' -%} 4 5 {%- for note in site.notes -%} ··· 60 61 </div> 61 62 <br/> 62 63 </div> 63 63 - {%- endif -%} 64 64 + {%- endif -%} 65 65 + {%- endunless -%}

+1 -3

_includes/contextmenu.html

reviewed

··· 1 1 - {%- if page.permalink == "/" or page.permalink == "/notes" -%} 2 1 <nav class="context-menu" id="context-menu"> 3 2 <ul class="context-menu__items"> 4 3 <li class="context-menu__item"> ··· 20 19 </nav> 21 20 <nav class="context-menu-res" id="context-menu-res"> 22 21 </nav> 23 23 - <script src="/assets/js/contextmenu.js"></script> 24 24 - {%- endif -%} 22 22 + <script src="/assets/js/contextmenu.js"></script>

+33

_includes/head.html

reviewed

··· 1 1 + <!DOCTYPE html> 2 2 + <html lang="en"> 3 3 + <head> 4 4 + <meta content="width=device-width, initial-scale=1" name="viewport" /> 5 5 + <meta charset="utf-8"/> 6 6 + <meta content="{{ site.name}}'s {{ site.title }}" property="og:site_name"/> 7 7 + <meta content="{{ site.description }}" property="og:description"> 8 8 + <meta content="{{ site.url }}/about/" property="article:author"> 9 9 + 10 10 + {%- if page.title -%} 11 11 + <meta content="{{ page.title }}" property="og:title"> 12 12 + <meta content="article" property="og:type"> 13 13 + <meta content="{{ site.url }}{{ page.url }}" property="og:url"> 14 14 + <title>{{ page.title }} - {{site.title}}</title> 15 15 + {%- else -%} 16 16 + <meta content="website" property="og:type"> 17 17 + <meta content="{{ site.url }}{{ page.url }}" property="og:url"> 18 18 + <title>{{ site.name }}'s {{site.title}}</title> 19 19 + {%- endif -%} 20 20 + 21 21 + <link rel="canonical" href="{{site.url}}{{page.url}}"/> 22 22 + <link rel="apple-touch-icon" href="{{site.profile_pic}}"> 23 23 + <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css"/> 24 24 + 25 25 + <link rel="icon" href="{{site.favicon}}" type="image/png" sizes="16x16"/> 26 26 + <link href="{% link assets/css/style.css %}" rel="stylesheet" media="all" class="default"/> 27 27 + 28 28 +  31 31 +  32 32 + <link rel="alternate" type="application/rss+xml" href="{% link feeds/notes.xml %}"> 33 33 + </head>

+14 -3

_includes/header.html

reviewed

··· 19 19 </div> 20 20 <div class="main-site-subheader menu disable-select"> 21 21 <div class="home"> 22 22 - <a style="text-decoration: none;" href="/notes"> 22 22 + <a style="text-decoration: none;" href="/notes/"> 23 23 <svg class="icon-home" width="18" height="19" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"> 24 24 <path d="M20.9777 21.6138V19.6138C20.9777 18.553 20.5563 17.5356 19.8061 16.7854C19.056 16.0353 18.0386 15.6138 16.9777 15.6138H8.97768C7.91682 15.6138 6.8994 16.0353 6.14926 16.7854C5.39911 17.5356 4.97768 18.553 4.97768 19.6138V21.6138" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 25 25 <path d="M12.9777 11.6138C15.1868 11.6138 16.9777 9.82298 16.9777 7.61385C16.9777 5.40471 15.1868 3.61385 12.9777 3.61385C10.7685 3.61385 8.97768 5.40471 8.97768 7.61385C8.97768 9.82298 10.7685 11.6138 12.9777 11.6138Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> ··· 28 28 </a> 29 29 </div> 30 30 <div class="categories"> 31 31 - <a style="text-decoration: none;" href="/links"> 31 31 + <a style="text-decoration: none;" href="/links/"> 32 32 <svg class="icon-category" width="18" height="19" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> 33 33 <path d="M4 9.5H20" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 34 34 <path d="M4 15.5H20" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> ··· 39 39 </a> 40 40 </div> 41 41 <div class="categories"> 42 42 - <a style="text-decoration: none;" href="/archive"> 42 42 + <a style="text-decoration: none;" href="/journal/"> 43 43 + <svg class="icon-category" width="18" height="19" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> 44 44 + <path d="M4 9.5H20" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 45 45 + <path d="M4 15.5H20" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 46 46 + <path d="M10 3.5L8 21.5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 47 47 + <path d="M16 3.5L14 21.5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 48 48 + </svg> 49 49 + <p class="categories-p">Journal</p> 50 50 + </a> 51 51 + </div> 52 52 + <div class="categories"> 53 53 + <a style="text-decoration: none;" href="/archive/"> 43 54 <svg class="icon-category" width="18" height="19" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> 44 55 <path d="M4 9.5H20" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 45 56 <path d="M4 15.5H20" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

+1 -32

_layouts/feed.html

reviewed

··· 1 1 --- 2 2 --- 3 3 4 4 - <!DOCTYPE html> 5 5 - <html lang="en"> 6 6 - <head> 7 7 - <meta content="width=device-width, initial-scale=1" name="viewport" /> 8 8 - <meta content="Knowledge Continuum" property="og:site_name"/> 9 9 - <meta content="A non-linear thread of important ideas weaved together to explore and understand the fabric of knowledge." property="og:description"> 10 10 - <meta content="{{ site.url }}/notes/about/" property="article:author"> 11 11 - 12 12 - {%- if page.title -%} 13 13 - <meta content="{{ page.title }}" property="og:title"> 14 14 - <meta content="article" property="og:type"> 15 15 - <meta content="{{ site.url }}{{ page.url }}" property="og:url"> 16 16 - {%- else -%} 17 17 - <meta content="website" property="og:type"> 18 18 - <meta content="{{ site.url }}{{ page.url }}" property="og:url"> 19 19 - {%- endif -%} 20 20 - 21 21 - <title>{{ page.title }} - {{site.title}}</title> 22 22 - 23 23 - <link rel="canonical" href="{{site.url}}{{page.url}}"/> 24 24 - <link rel="apple-touch-icon" href="{{site.profile_pic}}"> 25 25 - <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css"/> 26 26 - 27 27 - <link rel="icon" href="{{site.favicon}}" type="image/png" sizes="16x16"/> 28 28 - <link href="/assets/css/style.css" rel="stylesheet" media="all" class="default"/> 29 29 - 30 30 -  33 33 -  34 34 - <link rel="alternate" type="application/rss+xml" href="{{ site.url }}/feed.xml"> 35 35 - </head> 4 4 + {%- include head.html -%} 36 5 37 6 <body> 38 7 <div class="container">

+7 -35

_layouts/post.html

reviewed

··· 1 1 --- 2 2 --- 3 3 - 4 4 - <!DOCTYPE html> 5 5 - <html lang="en"> 6 6 - <head> 7 7 - <meta content="width=device-width, initial-scale=1" name="viewport" /> 8 8 - <meta content="{{ site.name }}'s {{ site.title }}" property="og:site_name"/> 9 9 - <meta content="{{ site.description }}" property="og:description"> 10 10 - <meta content="{{ site.url }}/notes/about/" property="article:author"> 11 11 - 12 12 - {%- if page.title -%} 13 13 - <meta content="{{ page.title }}" property="og:title"> 14 14 - <meta content="article" property="og:type"> 15 15 - <meta content="{{ site.url }}{{ page.url }}" property="og:url"> 16 16 - {%- else -%} 17 17 - <meta content="website" property="og:type"> 18 18 - <meta content="{{ site.url }}{{ page.url }}" property="og:url"> 19 19 - {%- endif -%} 20 20 - 21 21 - <title>{{site.title}}</title> 22 22 - 23 23 - <link rel="canonical" href="{{site.url}}{{page.url}}"/> 24 24 - <link rel="apple-touch-icon" href="{{site.profile_pic}}"> 25 25 - <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css"/> 26 26 - 27 27 - <link rel="icon" href="{{site.favicon}}" type="image/png" sizes="16x16"/> 28 28 - <link href="/assets/css/style.css" rel="stylesheet" media="all" class="default"/> 29 29 - 30 30 -  33 33 -  34 34 - <link rel="alternate" type="application/rss+xml" href="{{ site.url }}/feed.xml"> 35 35 - </head> 36 36 - 3 3 + {%- include head.html -%} 4 4 +  37 5 <body> 38 6 <div class="container"> 39 7 <div class = "box"> ··· 45 13 <main> 46 14 <h1>{{page.title}}</h1> 47 15 {%- include content.html -%} 16 16 +  48 17 {%- include backlinks.html -%} 18 18 +  49 19 {%- include related.html -%} 20 20 +  50 21 </main> 51 22 {%- endif -%} 52 23 {%- include comments.html -%} 24 24 +  53 25 {%- include footer.html -%} 26 26 +  54 27 </div> 55 28 <button class="scroll-to-top" id="scroll-to-top"><i class="fa fa-chevron-up"></i></button> 56 29 </div> ··· 59 32 window.scrollTo({top: 0, left: 0, behavior: 'smooth'}); 60 33 }); 61 34 </script> 62 62 - {%- include contextmenu.html -%} 63 35 </body> 64 36 </html>

+19

_notes/drupal-decentralized-web-drupalcon.md

reviewed

··· 1 1 + --- 2 2 + title: Drupal and the Decentralized Web 3 3 + status: processing 4 4 + tags: 5 5 + - presentation 6 6 + - video 7 7 + - Drupal 8 8 + - DrupalCon 9 9 + --- 10 10 + 11 11 + My [[DrupalCon]] video is up https://www.youtube.com/watch?v=vqrc3XH2Vdc 12 12 + 13 13 + ## Slides 14 14 + 15 15 + <p data-notist="bmann/3UmZKZ">View <a href="https://noti.st/bmann/3UmZKZ">Drupal and the Decentralized Web</a> on Notist.</p><script async src="https://on.notist.cloud/embed/002.js"></script> 16 16 + 17 17 + Slides on Notist https://noti.st/bmann/3UmZKZ/drupal-and-the-decentralized-web 18 18 + 19 19 + Fission Talk Forum post https://talk.fission.codes/t/drupal-and-the-decentralized-web-boris-mann-drupalcon-global-july-14th/729

-2

_notes/fifth-generation-management-is-an-emerging-style-of-management-we-don’t-know-much-about-because-it-doesn’t-actually-exist-yet-highlight.md

reviewed

··· 1 1 - # Fifth Generation Management Is an Emerging Style of Management We Don’t Know Much about Because It Doesn’t Actually Exist Yet.::highlight 2 2 -

_notes/how-to-setup-simply-jekyll.md

reviewed

··· 1 1 + --- 2 2 + title: How to setup Simply Jekyll 3 3 + link: https://simply-jekyll.netlify.app/posts/how-to-setup-simply-jekyll 4 4 + published: 5 5 + tags: Jekyll simplyjekyll howto 6 6 + --- 7 7 + Pretty standard Jekyll setup for [[Simply Jekyll]] [on Netlify](https://simply-jekyll.netlify.app/posts/how-to-setup-simply-jekyll).

+24

_notes/intro-to-simple-jekyll.md

reviewed

··· 1 1 + --- 2 2 + title: Introduction to Simply Jekyll 3 3 + tags: simplyjekyll 4 4 + --- 5 5 + 6 6 + [[Simply Jekyll]] is a highly functional jekyll-based theme that combines the best of different worlds (atleast tries to 😅). It is a minimal and distraction free theme that strives to provide maximum value all without holding back on any essential features that a user would benefit from or would desire for. This is an evolving project and is garanteed to be maintained at least for quite some time as I myself am a beneficiary of this theme and the project. 7 7 + 8 8 + The theme provides a rich set of features that include: 9 9 + - Wiki-style markdown syntax for both internal as well as external links. 10 10 + - Support for [[backlinks]] and related posts to exhort serendipitous encounters. 11 11 + - Feed-specific context menu for instantly accessing the related posts and references. 12 12 + - Auto stale-link management for internal links. 13 13 + - Custom syntax for sidenotes and marginnotes on either side of the feed/post. 14 14 + - Support for partial [[transclusion]] of posts. 15 15 + - On hover page preview. 16 16 + - Custom classes to style phrasing elements like quotes, callouts, etc by mentioning size, font-types, weight, box etc. 17 17 + - Preliminary support for flashcards. 18 18 + - Custom syntax to highlight your favorite part of the post (No, I am not talking about code syntax highlighting, which is already provided by Jekyll through Rouge). 19 19 + - Support for external link identifier through icons. 20 20 + - Finally, the most important of them all --- No bloatware or frameworks! 21 21 + 22 22 + Plus everything else that you can already do with jekyll like write something on a bunch of markdown files and convert it into a HTML file or sprinkle in some inline html can still be done alongside these features. 23 23 + 24 24 +

-6

_notes/processing.md

reviewed

··· 6 6 7 7 --- 8 8 9 9 - My [[DrupalCon]] video is up https://www.youtube.com/watch?v=vqrc3XH2Vdc 10 10 - * Slides on Notist https://noti.st/bmann/3UmZKZ/drupal-and-the-decentralized-web 11 11 - * Fission Talk Forum post https://talk.fission.codes/t/drupal-and-the-decentralized-web-boris-mann-drupalcon-global-july-14th/729 12 12 - 13 13 - --- 14 14 - 15 9 Do I need this relative links filter for [[Jekyll]]? https://github.com/benbalter/jekyll-relative-links 16 10 17 11 ---

-3

_notes/projects.md

reviewed

··· 2 2 title: Projects 3 3 --- 4 4 5 5 - I'm the CEO and co-founder of [[Fission]], which is where I spend the bulk of my time. 6 6 - 7 5 ## Current Projects 8 6 9 7 * [[Venture Scouts]] 10 10 - * [[AllTheBestRecipes]] 11 8 * [[Vancouver CLT]] 12 9 13 10 ## Backlog

+1 -2

_notes/secondbrain.md

reviewed

··· 1 1 --- 2 2 title: Second Brain 3 3 + status: processing 3 4 --- 4 4 - 5 5 - _A [[WIP]] write up on some personal wiki / second brain concepts_ 6 5 7 6 The concept of wikis goes back to an earlier era of the web. With the advent of blogging (and I would say, RSS feeds to subscribe and follow content from all over), wikis went away for a while. 8 7

+15 -12

_notes/simply-jekyll.md

reviewed

··· 1 1 --- 2 2 title: Simply Jekyll 3 3 link: https://github.com/raghuveerdotnet/simply-jekyll 4 4 - tags: opensource Jekyll backlinks 4 4 + tags: opensource Jekyll 5 5 --- 6 6 7 7 - > * Based on [[Jekyll]], a static website generator 8 8 - > * Creates backlinks to other notes automatically 9 9 - > * Context menu on feed to instantly see related posts and backlinks 10 10 - > * Supports Roam-style double bracket link syntax to other notes 11 11 - > * On hover page previews 12 12 - > * Features a simple and responsive design 13 13 - > * Supports Markdown or HTML notes 7 7 + Highly customized [[Jekyll]] template that supports both posts and custom notes, with everything able to be linked together with [[backlinks]] and other features. 8 8 + 9 9 + Found via @bopuc on <a href="../journal/2020/09/27/">Ton's post</a>. 10 10 + 11 11 + --- 14 12 15 15 - By [Raghuveer S](https://www.raghuveer.net/about/), [@raghuveerdotnet on Github](https://github.com/raghuveerdotnet). 13 13 + By [Raghuveer S](https://www.raghuveer.net/about/), [[@raghuveerdotnet on Github::https://github.com/raghuveerdotnet]]. 16 14 17 15 Preview / example https://simply-jekyll.netlify.app/, available on Github https://github.com/raghuveerdotnet/simply-jekyll. 18 16 19 19 - Tutorial https://simply-jekyll.netlify.app/posts/how-to-setup-simply-jekyll, which is basically clone the repo, connect to [[Netlify]]. 17 17 + Tutorial [[How to setup Simply Jekyll]], which is basically clone the repo, connect to [[Netlify]]. 18 18 + 19 19 + Raghu notes that it is inspired by [[Digital Garden Jekyll Template]]. 20 20 21 21 - Notes that it is inspired by [[Digital Garden Jekyll Template]]. 21 21 + --- 22 22 23 23 - Found via @bopuc on <a href="../journal/2020/09/27/" class="internal-link">Ton's post</a>. 23 23 + I've kept some of the sample content here: 24 24 + * [[Introduction to Simply Jekyll]] 25 25 + * [[Exploring the features of Simply Jekyll]] 26 26 + * [[How to use Simply Jekyll features on your website]]

_notes/simply-jekyll/2020-01-01-Test-page-to-see-how-the-markdown-is-rendered.md _notes/simply-jekyll-markdown-test.md

reviewed

+11 -9

_notes/simply-jekyll/2020-02-01-How-to-use-simply-jekyll-features-on-your-website.md _notes/how-to-use-simple-jekyll.md

reviewed

··· 1 1 --- 2 2 title: How to use Simply Jekyll features on your website 3 3 tags: simplyjekyll 4 4 - comments: true 5 4 --- 6 5 7 6 Welcome to this feature usage tour. This is going to be another short post that describes how to use all the fancy features we saw in [[Exploring the features of Simply Jekyll]]. So without further ado, let's get started. ··· 28 27 29 28 Example of an internal link that points to a valid post or page, that is, a page with the title (not url) mentioned in the double brackets. 30 29 31 31 - > **Raw Syntax:** **[[**Comparison based on accomplishment does not have a baseline**]]** 30 30 + > **Raw Syntax:** **[[**Exploring the features of Simply Jekyll**]]** 32 31 > 33 33 - > **Rendered Text:** [[Comparison based on accomplishment does not have a baseline]] 32 32 + > **Rendered Text:** [[Exploring the features of Simply Jekyll]] 34 33 35 34 36 35 Example of an internal link that do not point to a valid post or page, that is, a page with the title (not url) mentioned in the double brackets. ··· 105 104 106 105 Example of a transclusion to the right side of the page: 107 106 108 108 - > **Raw Syntax:** Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rutrum tortor in pharetra vehicula. Fusce gravida lacus ac sem luctus congue at id justo. Ut sed tempus ante. **[[**Comparison based on accomplishment does not have a baseline**::rmn-transclude]]** Suspendisse sit amet diam nec justo rhoncus tristique. Ut blandit faucibus nisi vitae rutrum. Vivamus fermentum efficitur justo non facilisis. 107 107 + > **Raw Syntax:** Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rutrum tortor in pharetra vehicula. Fusce gravida lacus ac sem luctus congue at id justo. Ut sed tempus ante. **[[**Exploring the features of Simply Jekyll**::rmn-transclude]]** Suspendisse sit amet diam nec justo rhoncus tristique. Ut blandit faucibus nisi vitae rutrum. Vivamus fermentum efficitur justo non facilisis. 109 108 > 110 110 - > **Rendered Text:** Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rutrum tortor in pharetra vehicula. Fusce gravida lacus ac sem luctus congue at id justo. Ut sed tempus ante. [[Comparison based on accomplishment does not have a baseline::rmn-transclude]] Suspendisse sit amet diam nec justo rhoncus tristique. Ut blandit faucibus nisi vitae rutrum. Vivamus fermentum efficitur justo non facilisis. 109 109 + > **Rendered Text:** Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rutrum tortor in pharetra vehicula. Fusce gravida lacus ac sem luctus congue at id justo. Ut sed tempus ante. [[Exploring the features of Simply Jekyll::rmn-transclude]] Suspendisse sit amet diam nec justo rhoncus tristique. Ut blandit faucibus nisi vitae rutrum. Vivamus fermentum efficitur justo non facilisis. 111 110 112 111 Same goes with `rsn`, `lsn`, `lmn` 113 112 114 113 ### 5. Wrapping a text inside a box 115 114 115 115 + _Note: I've updated the `<blockquote>` to have the box by default_ 116 116 + 116 117 **<u>General Syntax</u>** 117 118 118 119 - **[[**Some Text**::wrap]]** ··· 137 138 138 139 ### 7. Specific classes for changing font-type, font-size, and font-weight 139 140 141 141 + _Note: This is something that [[Kramdown]] supports, but [[CommonMark]] does not. This means HTML syntax will be needed and that none of the examples below will render_ 142 142 + 140 143 There are classes like very-small, medium-small, small, small-medium, medium, medium-large, large, very-large; that can be used to change the size of your text directly from markdown like this: 141 144 142 145 > **Raw Syntax:** ··· 148 151 > 149 152 > **Rendered Text:** 150 153 > 151 151 - > {:.large} 152 152 - > Some text here that needs to be enlarged 154 154 + > 155 155 + > <p class="large">Some text here that needs to be enlarged</p> 153 156 154 157 155 158 Similarly there are classes like regular-sans, serif, bold, italic, oblique, bolder, etc for formatting the text. ··· 166 169 > {:.medium .serif .oblique} 167 170 > Some text here that needs to be enlarged 168 171 169 169 - Other common classes are .boxit that is used to wrap the text, .disable-user-select to disallow users from being able to select a particular piece of text by selecting it, etc. There are more classes like these which you can see in the file `style.css`. Once you figure out which class to use, all you have to do is just add the class before the text you want inside a curl brace like this {:\<classnames-with-dot-prepended-to-them>} 172 172 + Other common classes are `.boxit` that is used to wrap the text, `.disable-user-select` to disallow users from being able to select a particular piece of text by selecting it, etc. There are more classes like these which you can see in the file `style.css`. Once you figure out which class to use, all you have to do is just add the class before the text you want inside a curl brace like this {:\<classnames-with-dot-prepended-to-them>} 170 173 171 174 ### 8. Other implicit features. 172 175 ··· 175 178 #### Note: 176 179 When you typeout square brackets, it can be frustrating to type out the entire file title everytime. At least it was for me, so I created a small VSCode plugin, the editor in which I write my essays to autocomplete the titles as soon as I type double squarebrackets. It has been pretty handy for me, if you are interested in using VSCode or already use it, you can find it here: [[Notecomplete::https://github.com/raghuveerdotnet/scratchpad/tree/master/note-complete]]. It is pretty simple to use, all you have to do is just download the note-complete folder and copy it to .vscode directory in your OS to start using it. :) 177 180 178 178 - 179 181 For setting up the theme on your website checkout [[How to setup Simply Jekyll]]

-128

_notes/simply-jekyll/2020-03-01-How-to-setup-simply-jekyll.md

reviewed

··· 1 1 - --- 2 2 - title: How to setup Simply Jekyll 3 3 - tags: simplyjekyll 4 4 - comments: true 5 5 - --- 6 6 - 7 7 - This is going to be a super simple post about how to setup and use this theme for your own website. 8 8 - 9 9 - ## Usage 10 10 - 11 11 - {:.boxit} 12 12 - Q. What will it look like when I am done setting it up? 13 13 - 14 14 - > This is what it should look (minus the exact essays ofcourse): 15 15 - > <img src="/assets/img/end_result.jpg" style="box-shadow: 2px 2px 20px 0 #ddd;"/> 16 16 - 17 17 - 18 18 - Now without further ado, let's get started! 19 19 - 20 20 - ### Setup Prerequisites 21 21 - 22 22 - For this tutorial, we’ll need to install a few things on your machine (you may have some of these already). Following the instructions on each website to install them. 23 23 - 24 24 - - [[Ruby::https://www.ruby-lang.org/]] 25 25 - - [[RubyGems::https://rubygems.org/]] 26 26 - - [[Git::https://git-scm.com/downloads]] 27 27 - 28 28 - You’ll also need to create accounts on the following services: 29 29 - 30 30 - - [[GitHub::https://www.github.com/join]] (to store the website) 31 31 - - [[Netlify::https://app.netlify.com/signup]] (to serve the website so others can see) 32 32 - 33 33 - Once you are all set with the prerequisites, we can then get to the fun part of getting it to appear on your screen. Let's get started with that. 34 34 - 35 35 - ### 1. Create a fork of the template repository 36 36 - 37 37 - To simplify things, I provide the template showed in the image above to get started. You can always tweak this template to your taste later. 38 38 - 39 39 - Visit the GitHub page for my template repository ([[raghuveerdotnet/jekyll-seamless::https://github.com/raghuveerdotnet/jekyll-seamless]]), and fork it to your account using the Fork button: 40 40 - 41 41 - > <img src="/assets/img/fork_button.jpg" style="box-shadow: 2px 2px 20px 0 #ddd;"/> 42 42 - 43 43 - Once the forking process is complete, you should have a fork (essentially a copy) of my template in your own GitHub account. On the GitHub page for your repository, click on the green “Clone or download” button, and copy the URL: we’ll need it for the next step. 44 44 - 45 45 - ### 2. Clone your repository locally 46 46 - 47 47 - Next, we want to download the files from your GitHub repository onto your local machine. To do this, replace <YOUR_COPIED_URL_HERE> in the command below with the URL you copied in the previous step, then execute this command: 48 48 - 49 49 - ``` 50 50 - $ git clone <YOUR_COPIED_URL_HERE> my-personal-website 51 51 - ``` 52 52 - 53 53 - As a reference point, this is how it looks like for me (the difference is likely just the GitHub username): 54 54 - 55 55 - ``` 56 56 - $ git clone git@github.com:raghuveerdotnet/jekyll-seamless.git my-personal-website 57 57 - ``` 58 58 - 59 59 - Then, navigate into the directory that was just created: 60 60 - 61 61 - ``` 62 62 - $ cd my-personal-website 63 63 - ``` 64 64 - 65 65 - ### 3. Test out the site locally 66 66 - 67 67 - Sweet! You now have your repository’s source code on your machine. Within the my-personal-website directory, run the following command to install the necessary dependencies like Jekyll: 68 68 - 69 69 - ``` 70 70 - $ bundle 71 71 - ``` 72 72 - 73 73 - Once that’s done, ask Jekyll to start serving the site locally: 74 74 - 75 75 - ``` 76 76 - $ bundle exec jekyll serve 77 77 - ``` 78 78 - 79 79 - Then, open up [[http://localhost:4000::http://localhost:4000]] in your browser. 80 80 - 81 81 - If everything’s done correctly, you should now see the home page of your Personal Jekyll Website with Simply Jekyll Theme. 🎉 82 82 - 83 83 - Keep in mind that this site is only available locally (notice the `localhost` part of the URL), so if we want it to be available on the Internet for everyone to enjoy, we need to deploy it to the Internet: we’ll use Netlify for that in the next step. 84 84 - 85 85 - ### 4. Connect your GitHub repository to Netlify 86 86 - 87 87 - Netlify lets you automatically deploy your personal website on to the Internet when you update your GitHub repository. To do this, we need to connect your GitHub repository to Netlify: 88 88 - 89 89 - 1. Log in to Netlify 90 90 - 2. Once logged in, click the “New site from Git” button 91 91 - 3. On the next page, select GitHub as the continuous deployment provider (you may need to authorize the connection, in which case, approve it) 92 92 - 4. On the next page, select your website repository from the list. 93 93 - 5. On the next page, replace the basic build settings with the following. 94 94 - 1. Type in "jekyll build" (without the quotes) inside the text field titled "Build Command". 95 95 - 2. Similarly type in "_site/" (without the quotes) inside the text field titled "Publish Directory". 96 96 - 6. On the next page, keep the default settings, and click on “Deploy site”. 97 97 - 98 98 - That was easy! We’re almost done. 99 99 - 100 100 - Wait a couple of minutes for the initial deploy to complete. 101 101 - 102 102 - Once that’s done, your website should be available on the Internet via a generic Netlify URL, which you can change to a custom domain later if you’d like. 103 103 - 104 104 - Now the cool thing is this: whenever you push an update to your GitHub repository, Netlify will automatically deploy your updates to the Internet. 105 105 - 106 106 - ### 5. Start producing content with your Simply Jekyll based Website 107 107 - 108 108 - At this point, you can start updating the files on your machine (in the my-personal-website folder) to change your jekyll seamless based website to your liking: update the copy, add some notes, tweak the layout, customize the colors, etc. Once you have something you’re happy with, push your changes to your GitHub repository with the following commands: 109 109 - 110 110 - ``` 111 111 - $ git add --all 112 112 - $ git commit -m 'Update content' 113 113 - $ git push origin master 114 114 - ``` 115 115 - 116 116 - If that command succeeds and the rest of the tutorial was done correctly, in a couple of minutes, you should see your changes live on your Netlify website. 🚀 117 117 - 118 118 - And we’re done! You now have your own Simply Jekyll based Personal Website . 119 119 - 120 120 - --- 121 121 - 122 122 - If you’re curious, take a look at [[my personal jekyll seamless based website here::https://www.raghuveer.net]]. 123 123 - 124 124 - This setup tutorial is inspired by [[Maxime Vaillancourt::https://maximevaillancourt.com]]'s Digital Garden Tutorial. 125 125 - 126 126 - 127 127 - 128 128 -

-1

_notes/simply-jekyll/2020-04-01-Exploring-the-features-of-simply-jekyll.md _notes/features-of-simply-jekyll.md

reviewed

··· 1 1 --- 2 2 title: Exploring the features of Simply Jekyll 3 3 tags: simplyjekyll 4 4 - status: ongoing 5 4 --- 6 5 7 6 Essentiality is the heart of any good software, and this theme is designed to ensure that I don't add things that I won't use on a daily basis or not have things that would be important for my personal usecase. It has been designed carefully to get rid of all the feature creeps, bloatwares, etc. i.e., no bootstrap, no semantic, no jquery, no nothing...

-28

_notes/simply-jekyll/2020-05-01-Introduction-to-simply-jekyll.md

reviewed

··· 1 1 - --- 2 2 - title: Introduction to Simply Jekyll 3 3 - tags: simplyjekyll 4 4 - --- 5 5 - 6 6 - Simply Jekyll is a highly functional jekyll-based theme that combines the best of different worlds (atleast tries to 😅). It is a minimal and distraction free theme that strives to provide maximum value all without holding back on any essential features that a user would benefit from or would desire for. This is an evolving project and is garanteed to be maintained at least for quite some time as I myself am a beneficiary of this theme and the project. 7 7 - 8 8 - The theme provides a rich set of features that include: 9 9 - - Wiki-style markdown syntax for both internal as well as external links. 10 10 - - Support for backlinks and related posts to exhort serendipitous encounters. 11 11 - - Feed-specific context menu for instantly accessing the related posts and references. 12 12 - - Auto stale-link management for internal links. 13 13 - - Custom syntax for sidenotes and marginnotes on either side of the feed/post. 14 14 - - Support for partial transclusion of posts. 15 15 - - On hover page preview. 16 16 - - Custom classes to style phrasing elements like quotes, callouts, etc by mentioning size, font-types, weight, box etc. 17 17 - - Preliminary support for flashcards. 18 18 - - Custom syntax to highlight your favorite part of the post (No, I am not talking about code syntax highlighting, which is already provided by Jekyll through Rouge). 19 19 - - Support for external link identifier through icons. 20 20 - - Finally, the most important of them all --- No bloatware or frameworks! 21 21 - 22 22 - Plus everything else that you can already do with jekyll like write something on a bunch of markdown files and convert it into a HTML file or sprinkle in some inline html can still be done alongside these features. 23 23 - 24 24 - Neat stuff, isn't it? To see the above mentioned features in action go check out the next post. :P 25 25 - 26 26 - Also see the sample post---[[(Sample Essay) Informational Hazard - Thinking Before Consuming]]---to get a feel for how an actual essay would look like. :) 27 27 - 28 28 -

_notes/vancouver.md

reviewed

··· 1 1 + --- 2 2 + title: Vancouver 3 3 + --- 4 4 + 5 5 + The city where I live. I'm in East Van[[<a href='https://unsplash.com/photos/aowabhfa6bg'><img src='../assets/daniel-abadia-aowabhfa6bg-unsplash.jpg'></a> East Van cross by <a href='https://unsplash.com/photos/aowabhfa6bg'>@pixeldan</a>::lmn]]. 6 6 + 7 7 + [[AllTheBestRecipes]] is where I document food and other local stuff. 8 8 + 9 9 + Check the linked references below.

assets/daniel-abadia-aowabhfa6bg-unsplash.jpg

reviewed

This is a binary file and will not be displayed.

-4

debug.yml

reviewed

··· 1 1 - name: Knowledge Continuum [DEBUG MODE] 2 2 - debug: true 3 3 - baseurl: "" 4 4 - url: http://127.0.0.1:4000

fission.yaml

reviewed

··· 1 1 + ignore: [] 2 2 + url: ancient-aquamarine-metalic-princess.fission.app 3 3 + build: ./_site

-8

index.html

reviewed

··· 1 1 - --- 2 2 - layout: feed 3 3 - permalink: / 4 4 - --- 5 5 - 6 6 - {%- for item in site.posts limit: 10 -%} 7 7 - {%- include contextfeed.html -%} 8 8 - {%- endfor -%}

+25

index.md

reviewed

··· 1 1 + --- 2 2 + layout: post 3 3 + permalink: / 4 4 + content-type: eg 5 5 + --- 6 6 + 7 7 + Hi! This is Boris Mann's 🌱 Digital Notes Garden 🌱! 8 8 + 9 9 + --- 10 10 + 11 11 + This is my space for Notes[[Yes, basically a personal wiki, although becoming known as a <a href="../secondbrain/">Second Brain</a>::lsn]], saving and highlighting Articles and other Links[[My general rule is that if I share an Article or a Link with two people, I should capture it as a local note.::rmn]]. 12 12 + 13 13 + I've continued to keep my long term Archive around. Any longer posts I make will go here, although mainly that is daily Journal notes. 14 14 + 15 15 + I am microblogging with my [[Micro.blog]]-hosted site at [microblog.bmannconsulting.com](https://microblog.bmannconsulting.com), which cross-posts a lot of the posts to [[@bmann::https://twitter.com/bmann]]. 16 16 + 17 17 + The [[Colophon]] and [[Garden and the Gazebo]] notes go into the making of the site[[Jekyll with <a href="../simply-jekyll/">Simply Jekyll</a> theme, hosted on Fission::rsn]] and how I use it. 18 18 + 19 19 + --- 20 20 + 21 21 + You can browse current and past [[Projects]]. These are mainly small [[Vancouver]] focused things, I'm pretty busy as the founder of [[Fission]]. 22 22 + 23 23 + Starting with the [[Startup]] note, there are various recommendations, products, and recommendations to explore. 24 24 + 25 25 + If I haven't sent it to you already, you should read [[When Tailwinds Vanish: The Internet in the 2020s]].

+1 -1

journal.html

reviewed

··· 5 5 permalink: /journal/ 6 6 --- 7 7 8 8 - {% assign journalposts = site.posts | where_exp: "post", "post.url contains 'journal/'" | sort: 'date' | reverse %} 8 8 + {% assign journalposts = site.posts | where_exp: "post", "post.section == 'journal'" | sort: 'date' | reverse %} 9 9 {% for item in journalposts %} 10 10 {%- include contextfeed.html -%} 11 11 {% endfor %}

-37

pages/home.html

reviewed

··· 1 1 - --- 2 2 - title: Home 3 3 - --- 4 4 - 5 5 - <h1>Boris Mann 🌱 Notes Garden 🌱</h1> 6 6 - 7 7 - <p>I write a semi-daily <a class="internal-link" href="journal/">Journal</a>, and you can browse <a class="internal-link" href="links/">Links and Articles</a>. I may have some things stashed in <a class="internal-link" href="processing/">Processing</a>.</p> 8 8 - 9 9 - <h2>Seeds</h2> 10 10 - 11 11 - <p>Starting points that lead deeper into the site.</p> 12 12 - 13 13 - <ul> 14 14 - <li><a class="internal-link" href="startup/">Startup</a></li> 15 15 - <li><a class="internal-link" href="projects/">Projects</a></li> 16 16 - <li><a class="internal-link" href="chromebook/">Chromebook</a></li> 17 17 - </ul> 18 18 - 19 19 - <h2>Recently Updated</h2> 20 20 - 21 21 - <div> 22 22 - <ul> 23 23 - {% assign sortednotes = site.notes | sort: 'last_modified_at' | reverse %} 24 24 - {% for note in sortednotes limit: 10 %} 25 25 - <li><div class="note-entry" style="margin-bottom: 10px;"> 26 26 - <span><a class="internal-link" href="{{ note.url }}">{{ note.title }}</a></span> 27 27 - {% if note.link %}<span> - <a href="{{ note.link }}">{{ note.link }}</a></span>{% endif %} 28 28 - </div></li> 29 29 - {% endfor %} 30 30 - </ul> 31 31 - </div> 32 32 - 33 33 - <hr /> 34 34 - 35 35 - <p>You can read more <a class="internal-link" href="about/">About me</a>. The <a class="internal-link" href="colophon/">Colophon</a> goes into detail how the site is put together, and its history.</p> 36 36 - 37 37 - <p>Subscription options are on the <a class="internal-link" href="feed/">Feeds page <img class="inline" src="assets/orange-square.svg" style="height: 1.1em;"></a>. Get in touch on the <a class="internal-link" href="contact/">Contact</a> page.</p>