feat(tw): support for tailwind

.gitignore

@@ -1,5 +1,6 @@
 _site
 .jekyll-cache
+node_modules/
 pages/.DS_Store
 pages/tags.md
 _notes/.obsidian

Dockerfile

@@ -1,6 +1,6 @@
 FROM ruby:3.1.1-alpine3.15
 
-RUN apk add --no-cache build-base nodejs-current
+RUN apk add --no-cache build-base nodejs-current npm
 
 RUN gem install bundler
 
@@ -10,6 +10,8 @@ COPY . /usr/src/app
 
 RUN bundle install
 
+RUN npm install
+
 CMD ["bundle", "exec", "jekyll", "serve", "--host", "0.0.0.0"]
 
 EXPOSE 4000

Gemfile

@@ -32,4 +32,5 @@ gem "wdm", "~> 0.1.1", :install_if => Gem.win_platform?
 gem 'jekyll-sitemap'
 gem 'kramdown-math-katex'
 
-gem "webrick", "~> 1.7"
+gem "webrick", "~> 1.7"
+gem 'jekyll-postcss'

Gemfile.lock

@@ -4,20 +4,20 @@ GEM
     addressable (2.8.0)
       public_suffix (>= 2.0.2, < 5.0)
     colorator (1.1.0)
-    concurrent-ruby (1.1.9)
-    em-websocket (0.5.2)
+    concurrent-ruby (1.1.10)
+    em-websocket (0.5.3)
       eventmachine (>= 0.12.9)
-      http_parser.rb (~> 0.6.0)
+      http_parser.rb (~> 0)
     eventmachine (1.2.7)
     eventmachine (1.2.7-x64-mingw32)
     execjs (2.8.1)
-    ffi (1.15.1)
-    ffi (1.15.1-x64-mingw32)
+    ffi (1.15.5)
+    ffi (1.15.5-x64-mingw32)
     forwardable-extended (2.6.0)
-    htmlbeautifier (1.3.1)
+    htmlbeautifier (1.4.2)
     htmlcompressor (0.4.0)
-    http_parser.rb (0.6.0)
-    i18n (1.8.10)
+    http_parser.rb (0.8.0)
+    i18n (1.12.0)
       concurrent-ruby (~> 1.0)
     jekyll (4.0.1)
       addressable (~> 2.4)
@@ -34,50 +34,41 @@ GEM
       rouge (~> 3.0)
       safe_yaml (~> 1.0)
       terminal-table (~> 1.8)
-    jekyll-feed (0.15.1)
+    jekyll-feed (0.16.0)
       jekyll (>= 3.7, < 5.0)
-    jekyll-sass-converter (2.1.0)
+    jekyll-postcss (0.5.0)
+    jekyll-sass-converter (2.2.0)
       sassc (> 2.0.1, < 3.0)
     jekyll-sitemap (1.4.0)
       jekyll (>= 3.7, < 5.0)
-    jekyll-target-blank (2.0.0)
-      jekyll (>= 3.0, < 5.0)
-      nokogiri (~> 1.10)
     jekyll-tidy (0.2.2)
       htmlbeautifier
       htmlcompressor
       jekyll
     jekyll-watch (2.2.1)
       listen (~> 3.0)
-    katex (0.8.0)
+    katex (0.9.0)
       execjs (~> 2.7)
-    kramdown (2.3.1)
+    kramdown (2.4.0)
       rexml
     kramdown-math-katex (1.0.1)
       katex (~> 0.4)
       kramdown (~> 2.0)
     kramdown-parser-gfm (1.1.0)
       kramdown (~> 2.0)
     liquid (4.0.3)
-    listen (3.5.1)
+    listen (3.7.1)
       rb-fsevent (~> 0.10, >= 0.10.3)
       rb-inotify (~> 0.9, >= 0.9.10)
     mercenary (0.3.6)
-    nokogiri (1.13.3-x64-mingw32)
-      racc (~> 1.4)
-    nokogiri (1.13.3-x86_64-darwin)
-      racc (~> 1.4)
-    nokogiri (1.13.3-x86_64-linux)
-      racc (~> 1.4)
     pathutil (0.16.2)
       forwardable-extended (~> 2.6)
-    public_suffix (4.0.6)
-    racc (1.6.0)
-    rb-fsevent (0.11.0)
+    public_suffix (4.0.7)
+    rb-fsevent (0.11.1)
     rb-inotify (0.10.1)
       ffi (~> 1.0)
     rexml (3.2.5)
-    rouge (3.26.0)
+    rouge (3.29.0)
     safe_yaml (1.0.5)
     sassc (2.4.0)
       ffi (~> 1.9)
@@ -86,24 +77,26 @@ GEM
     terminal-table (1.8.0)
       unicode-display_width (~> 1.1, >= 1.1.1)
     thread_safe (0.3.6)
-    tzinfo (1.2.9)
+    tzinfo (1.2.10)
       thread_safe (~> 0.1)
-    tzinfo-data (1.2021.1)
+    tzinfo-data (1.2022.1)
       tzinfo (>= 1.0.0)
-    unicode-display_width (1.7.0)
+    unicode-display_width (1.8.0)
     wdm (0.1.1)
     webrick (1.7.0)
 
 PLATFORMS
+  universal-darwin-21
+  universal-darwin-22
   x64-mingw32
   x86_64-darwin-19
   x86_64-linux
 
 DEPENDENCIES
   jekyll (~> 4.0.0)
   jekyll-feed (~> 0.12)
+  jekyll-postcss
   jekyll-sitemap
-  jekyll-target-blank
   jekyll-tidy
   kramdown-math-katex
   tzinfo (~> 1.2)
@@ -112,4 +105,4 @@ DEPENDENCIES
   webrick (~> 1.7)
 
 BUNDLED WITH
-   2.2.32
+   2.3.18

_config.yml

@@ -8,7 +8,7 @@
 # For technical reasons, this file is *NOT* reloaded automatically when you use
 # 'bundle exec jekyll serve'. If you change this file, please restart the server process.
 #
-# If you need help with YAML syntax, here are some quick references for you: 
+# If you need help with YAML syntax, here are some quick references for you:
 # https://learn-the-web.algonquindesign.ca/topics/markdown-yaml-cheat-sheet/#yaml
 # https://learnxinyminutes.com/docs/yaml/
 #
@@ -21,17 +21,17 @@
 # URL is the base hostname with protocol for your site, eg http://example.com
 url: "" # the base hostname & protocol for your site, e.g. http://example.com
 
-# If you want to install this jekyll in a subpath (eg /digitalgarden) set it here. 
+# If you want to install this jekyll in a subpath (eg /digitalgarden) set it here.
 # Else keep it Empty (DON'T PUT /; Keep it empty)
 baseurl: ""
 
-# Website Header, Description, Footer year and text. 
-# If you are deleting this, make sure you remove it from HTML files too 
-heading: Jekyll Garden # Change this 
+# Website Header, Description, Footer year and text.
+# If you are deleting this, make sure you remove it from HTML files too
+heading: Jekyll Garden # Change this
 content: Obsidian ready Jekyll Theme
-copyright:  
+copyright:
   year: © 2022
-  msg: Contents under CC-BY-NC 
+  msg: Contents under CC-BY-NC
 
 # Set title and content for private & broken link tooltop
 privatelinks:
@@ -43,32 +43,36 @@ privatelinks:
 preferences:
   search:
     enabled: true
-  wiki_style_link: 
+  wiki_style_link:
     enabled: true
-  pagepreview: 
+  pagepreview:
     enabled: true
   backlinks:
     enabled: true
-# To enable a homepage, change the value to true and add content to _includes/Homepage.html
-# If enable : false, notes feed will be as homepage. 
-  homepage: 
+  # To enable a homepage, change the value to true and add content to _includes/Homepage.html
+  # If enable : false, notes feed will be as homepage.
+  homepage:
     enabled: true ##If you need a homepage, change this to true and edit _includes/Homepage.html
 
 encoding: utf-8
 
 # Build settings
 theme: null
 plugins:
-  - jekyll-feed 
-  - jekyll-sitemap 
+  - jekyll-postcss
+  - jekyll-feed
+  - jekyll-sitemap
   - jekyll-tidy
-
+
+postcss:
+  cache: false
+
 ## Enable Collections
 ## Suggested collects are "notes" "lists" and "blog"
 collections:
-    notes:
-      output: true
-      permalink: /note/:title
+  notes:
+    output: true
+    permalink: /note/:title
 
 markdown: kramdown
 
@@ -78,7 +82,7 @@ kramdown:
   math_engine: katex
   smart_quotes: ["apos", "apos", "quot", "quot"]
   syntax_highlighter: rouge
-  
+
 sass:
   style: compressed
 
@@ -97,7 +101,6 @@ defaults:
       layout: Post
       content-type: notes
 
-
 # Exclude from processing.
 # The following items will not be processed, by default.
 # Any item listed under the `exclude:` key here will be automatically added to
@@ -119,4 +122,4 @@ exclude:
 #   - vendor/bundle/
 #   - vendor/cache/
 #   - vendor/gems/
-#   - vendor/ruby/
+#   - vendor/ruby/

_includes/Collections.html

@@ -0,0 +1,88 @@
+<div class="items-start self-stretch flex flex-col mt-12 max-md:max-w-full">
+    <div class="items-start flex w-[666px] max-w-full flex-col">
+      <div class="text-slate-500 text-2xl font-bold tracking-tight">
+        Collections
+      </div>
+      <div
+        class=" text-slate-500 text-lg leading-[155.56%] w-full mt-2 max-md:max-w-full"
+      >
+        Collections / Map of Concept are notes, which might work as a starting
+        point
+      </div>
+    </div>
+    <div
+      class="grid grid-cols-3 gap-4     mt-8"
+    >
+      <div class="items-start self-stretch flex flex-col">
+        <div class="items-start self-stretch flex justify-between gap-2">
+          <div
+            class="
+              text-slate-500 text-base
+              font-medium
+              leading-[150%]
+              self-stretch
+              w-[214px]"
+          >
+            Movies
+          </div>
+        </div>
+      </div>
+      <div class="items-start self-stretch flex flex-col">
+        <div class="items-start self-stretch flex justify-between gap-2">
+          <div
+            class="
+              text-slate-500 text-base
+              font-medium
+              leading-[150%]
+              self-stretch
+              w-[214px]"
+          >
+            Coffee
+          </div>
+        </div>
+      </div>
+      <div class="items-start self-stretch flex flex-col">
+        <div class="items-start self-stretch flex justify-between gap-2">
+          <div
+            class="
+              text-slate-500 text-base
+              font-medium
+              leading-[150%]
+              self-stretch
+              w-[214px]"
+          >
+            Knowledge
+          </div>
+        </div>
+      </div>
+        <div class="items-start self-stretch flex flex-col">
+        <div class="items-start self-stretch flex justify-between gap-2">
+          <div
+            class="
+              text-slate-500 text-base
+              font-medium
+              leading-[150%]
+              self-stretch
+              w-[214px]"
+          >
+            Tools
+          </div>
+        </div>
+      </div>
+      <div class="items-start self-stretch flex flex-col">
+        <div class="items-start self-stretch flex justify-between gap-2">
+          <div
+            class="
+              text-slate-500 text-base
+              font-medium
+              leading-[150%]
+              self-stretch
+              w-[214px]"
+          >
+            Web Founds
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+

_includes/Footer.html

@@ -29,8 +29,11 @@
 {%- endcomment -%}
 
 {%- if site.copyright.msg != nil and site.copyright.msg != empty and site.copyright.msg != null -%}
-<div id="copyright">
+<!-- <div id="copyright">
     <p id="copyright-notice"> {{site.copyright.year}} • {{site.copyright.msg}} •
-        Credits</a> </p>
+        Credits</a> </p> -->
+        <div class="text-slate-500 text-base self-center mt-20">
+            © 2022 • Contents under CC-BY-NC • Credits
+          </div>
 </div> 
 {%- endif -%}

_includes/Homepage.html

@@ -1,8 +1,9 @@
-<div class="home-intro">
-    <div class="jumbo">{{site.heading}} </div>
-    <div class="home-sub-text"> <h3>
-        Jekyll Garden is a markdown friendly theme lets you publish your Obsidian vault (or a subset of it) as a Jekyll static website. 
-        Check out the <a href="{{'/notes' | relative_url}}"> demo </a>, <a href="{{'/post/features' | relative_url}}"> features </a> and <a href="{{'/post/how-to' | relative_url}}"> how to</a>.
-        </h3> 
+
+    <div class="items-start self-stretch flex flex-col mt-20 max-md:max-w-full">
+    <div class="text-slate-500 text-3xl font-bold tracking-tight">{{site.heading}} </div>
+    <div class="text-slate-500 text-lg leading-7 w-full mt-4 max-md:max-w-full">
+            Jekyll Garden is a markdown friendly theme lets you publish your Obsidian vault (or a subset of it) as a Jekyll static website. 
+            Check out the <a href="{{'/notes' | relative_url}}"> demo </a>, <a href="{{'/post/features' | relative_url}}"> features </a> and <a href="{{'/post/how-to' | relative_url}}"> how to</a>.
 </div> </div>
 
+