image-zoom

docs/index.md

@@ -7,7 +7,7 @@ slug: /
 
 I use this library of documents as a quick reference to find technical answers, links to other documentation, configurations, keyboard shortcuts, and any other random technical stuff I might forget.  It's my version of Hansel and Gretel's breadcrumbs.  And because I tend to add more than I remove, I'm leaving this reminder to do some trimming every now and then so that the docs will remain concise and relevant. Here's a markdown graph of these docs.
 
-[![vi-1](/img/docs.png)](/img/docs.png)
+![docs-map](/img/docs.png)
 
 ---
 
@@ -140,6 +140,7 @@ I use this library of documents as a quick reference to find technical answers,
 
 ## Log
 
+- 23/08/17 - [til/help](/help)
 - 23/07/19 - [waf/nextjs](/docs/waf/nextjs)
 - 23/07/17 - [host/gogs](/docs/host/Gogs)
 - 23/07/08 - [Saas/OpenAI](/docs/saas/openai)

docusaurus.config.js

@@ -14,6 +14,7 @@ module.exports = {
   },
   themes: ['@docusaurus/theme-mermaid'],
   plugins: [
+    'plugin-image-zoom',
     require.resolve('docusaurus-plugin-matomo'),
     //require.resolve("@cmfcmf/docusaurus-search-local")
     [require.resolve('docusaurus-lunr-search'), {
@@ -70,6 +71,13 @@ module.exports = {
       jsLoader: 'matomo.js',
     },
     image: 'img/zw.png',
+    imageZoom: {
+      options: {
+        margin: 4,
+        background: '#484c57',
+        scrollOffset: 0,
+      },
+    },
     docs: {
       sidebar: {
         hideable: true,

notes/house.md

@@ -217,7 +217,10 @@ Ecusta Trail - Hendersonville to Brevard - <https://www.ecustatrail.org>
 
 #### Architecture
 
-Architecture - <https://davidawindham.com/architecture/>  
+Architecture - <https://davidawindham.com/architecture/> 
+
+<video src="https://davidawindham.com/media/house_build.mp4" width="100%" controls="controls">
+</video>
 
 #### Architects
 

notes/index.md

@@ -39,6 +39,7 @@ I generally use four lists of reminders to keep up with everything. Groceries, S
 
 ## Log
 
+- 23/08/19 - [house #architecture](/notes/house#architecture)
 - 23/07/14 - [mod AI demo for til](/notes/work/projects/ai)
 - 23/07/05 - [fix post md-graph](/notes/work/)
 - 23/06/10 - [dogs Iris foods](/notes/dogs)

package-lock.json

@@ -17,6 +17,7 @@
         "docusaurus-lunr-search": "^2.3.2",
         "docusaurus-plugin-matomo": "^0.0.6",
         "markprompt": "^0.1.7",
+        "plugin-image-zoom": "github:flexanalytics/plugin-image-zoom",
         "react": "^17.0.2",
         "react-dom": "^17.0.2",
         "react-player": "^2.12.0"
@@ -9133,6 +9134,11 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/medium-zoom": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/medium-zoom/-/medium-zoom-1.0.8.tgz",
+      "integrity": "sha512-CjFVuFq/IfrdqesAXfg+hzlDKu6A2n80ZIq0Kl9kWjoHh9j1N9Uvk5X0/MmN0hOfm5F9YBswlClhcwnmtwz7gA=="
+    },
     "node_modules/memfs": {
       "version": "3.4.10",
       "resolved": "https://registry.npmjs.org/memfs/-/memfs-3.4.10.tgz",
@@ -10515,6 +10521,14 @@
         "node": ">=4"
       }
     },
+    "node_modules/plugin-image-zoom": {
+      "version": "1.1.0",
+      "resolved": "git+ssh://git@github.com/flexanalytics/plugin-image-zoom.git#8e1b866c79ed6d42cefc4c52f851f1dfd1d0c7de",
+      "license": "MIT",
+      "dependencies": {
+        "medium-zoom": "^1.0.8"
+      }
+    },
     "node_modules/postcss": {
       "version": "8.4.19",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.19.tgz",
@@ -21821,6 +21835,11 @@
       "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
       "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ=="
     },
+    "medium-zoom": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/medium-zoom/-/medium-zoom-1.0.8.tgz",
+      "integrity": "sha512-CjFVuFq/IfrdqesAXfg+hzlDKu6A2n80ZIq0Kl9kWjoHh9j1N9Uvk5X0/MmN0hOfm5F9YBswlClhcwnmtwz7gA=="
+    },
     "memfs": {
       "version": "3.4.10",
       "resolved": "https://registry.npmjs.org/memfs/-/memfs-3.4.10.tgz",
@@ -22726,6 +22745,13 @@
         }
       }
     },
+    "plugin-image-zoom": {
+      "version": "git+ssh://git@github.com/flexanalytics/plugin-image-zoom.git#8e1b866c79ed6d42cefc4c52f851f1dfd1d0c7de",
+      "from": "plugin-image-zoom@github:flexanalytics/plugin-image-zoom",
+      "requires": {
+        "medium-zoom": "^1.0.8"
+      }
+    },
     "postcss": {
       "version": "8.4.19",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.19.tgz",

package.json

@@ -23,6 +23,7 @@
     "docusaurus-lunr-search": "^2.3.2",
     "docusaurus-plugin-matomo": "^0.0.6",
     "markprompt": "^0.1.7",
+    "plugin-image-zoom": "github:flexanalytics/plugin-image-zoom",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-player": "^2.12.0"

src/pages/about.md

@@ -7,7 +7,7 @@ description: About this Today I Learned
 
 This is a place to store some notes and documentation. It was originally built as a way to make notes on interesting things I learn based on one of my favorite sub-reddit/[TIL](https://www.reddit.com/r/todayilearned/). While installing it the first time I wrote 'Today I learned that Google will translate to and from [Zulu](https://en.wikipedia.org/wiki/Zulu_language)'.  
 
-![zulu](https://davidawindham.com/til/img/zulu.png)  
+![zulu](https://davidawindham.com/til/img/zulu.png) 
 
  > The [page](docs/server/ubuntu) above in this site referring to the database and computer [operating system](https://en.wikipedia.org/wiki/Ubuntu) and not the [Zulu philosophy](https://en.wikipedia.org/wiki/Ubuntu_(philosophy))  of a universal bond of sharing that connects all humanity. 
 
@@ -17,4 +17,4 @@ I'm hoping it'll help me keep my bookmarks as little less cluttered and it'll le
 
 Here's a map from June 2023👇🏼
 
-[![vi-1](/img/til.png)](/img/til.png)
+[![til_map](/img/til.png)](/img/til.png)

src/pages/help.md

@@ -44,6 +44,7 @@ npm run build
 npm run serve
 ```
 
+**23/08/20** - added an image zoom plugin from [https://github.com/flexanalytics/plugin-image-zoom](https://github.com/flexanalytics/plugin-image-zoom) because I didn't like linking to the images or having them constrained between the sidebars.
 
 **23/08/18** - updated notes structure to include some personal documents like /documents/family/mom/mom.md which is actually a directory outside of the site build on my computer. I ignore them in the builds and repos.  The reason for this is that the more I use machine learning against my own documents, the more the information becomes valuable in vector searches. Because of that, I'm rethinking the way I even organize documents on my computer. For instance this doc when I'm talking to my mom on the phone about whatever, I can reference references I've previously made.