Working on org-tree

EOCOnline · Sep 25, 2024 · 3bdb0fd · 3bdb0fd
1 parent 59ee83f
commit 3bdb0fd
Show file tree

Hide file tree

Showing 11 changed files with 399 additions and 121 deletions.
diff --git a/assets/js/pure-tree.js → assets/js/pure-tree.orig.js b/assets/js/pure-tree.js → assets/js/pure-tree.orig.js
diff --git a/assets/scss/custom.scss b/assets/scss/custom.scss
@@ -18,6 +18,8 @@
 // per https://github.com/gethugothemes/hugo-modules/tree/master/search
 @import 'search';
 
+@import 'pure-tree';
+
 .shadows-into-light-regular {
   font-family: "Shadows Into Light", cursive;
   font-weight: 400;
@@ -58,4 +60,4 @@ img[alt$="><"] {
   height   : auto;
   margin   : auto;
   float    : none !important;
-}
+}
diff --git a/content/english/insights/_InsightTemplate.md b/content/english/insights/_InsightTemplate.md
@@ -31,3 +31,21 @@ Or try this!
 {{ partial "image" (dict "Src" "images/john.png "Alt" "Image of CERT & ACS teams using RangerTrak" "Loading" "eager" "Class" "mx-auto lg:!max-w-[800px]" "DisplayXL" "1200x" ) }}
 
 < slider dir="/images/gallery" class="max-w-[600px] ml-0" height="400" width="400" webp="true" command="Fit" option="" zoomable="true" >}}
+
+![./knight.jpg](./images/knight.jpg# thumbnail bordered right)
+
+waves:
+{{ $image := .Resources.Get "./images/knight.jpg" }}
+
+![my big knight](./images/knight.jpg){width=50% .bordered}
+
+https://stackoverflow.com/questions/255170/markdown-and-image-alignment
+![image alt >](/knight.jpg)
+
+![my knight!]{./images/knight.jpg#right}
+
+![my knight!]{./images/knight.jpg#right bordered}
+
+[This is *some text*]{.class key="val"}
+
+(https://pkg.go.dev/github.com/disintegration/imaging)[https://pkg.go.dev/github.com/disintegration/imaging]
diff --git a/content/english/insights/image formatting attempts.md.junk.md b/content/english/insights/image formatting attempts.md.junk.md
diff --git a/content/english/pages/features.html b/content/english/pages/features.html
@@ -0,0 +1,67 @@
+<!-- from https://tailblocks.cc/ -->
+
+<section class="text-gray-600 body-font">
+  <div class="container px-5 py-24 mx-auto">
+    <div class="mb-20 text-center">
+      <h1 class="mb-4 text-2xl font-medium text-center text-gray-900 sm:text-3xl title-font">Raw Denim Heirloom Man Braid</h1>
+      <p class="mx-auto text-base leading-relaxed xl:w-2/4 lg:w-3/4">Blue bottle crucifix vinyl post-ironic four dollar toast vegan taxidermy. Gastropub indxgo juice poutine, ramps microdosing banh mi pug.</p>
+    </div>
+    <div class="flex flex-wrap -mx-2 lg:w-4/5 sm:mx-auto sm:mb-2">
+      <div class="w-full p-2 sm:w-1/2">
+        <div class="flex items-center h-full p-4 bg-gray-100 rounded">
+          <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" class="flex-shrink-0 w-6 h-6 mr-4 text-indigo-500" viewBox="0 0 24 24">
+            <path d="M22 11.08V12a10 10 0 11-5.93-9.14"></path>
+            <path d="M22 4L12 14.01l-3-3"></path>
+          </svg>
+          <span class="font-medium title-font">Authentic Cliche Forage</span>
+        </div>
+      </div>
+      <div class="w-full p-2 sm:w-1/2">
+        <div class="flex items-center h-full p-4 bg-gray-100 rounded">
+          <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" class="flex-shrink-0 w-6 h-6 mr-4 text-indigo-500" viewBox="0 0 24 24">
+            <path d="M22 11.08V12a10 10 0 11-5.93-9.14"></path>
+            <path d="M22 4L12 14.01l-3-3"></path>
+          </svg>
+          <span class="font-medium title-font">Kinfolk Chips Snackwave</span>
+        </div>
+      </div>
+      <div class="w-full p-2 sm:w-1/2">
+        <div class="flex items-center h-full p-4 bg-gray-100 rounded">
+          <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" class="flex-shrink-0 w-6 h-6 mr-4 text-indigo-500" viewBox="0 0 24 24">
+            <path d="M22 11.08V12a10 10 0 11-5.93-9.14"></path>
+            <path d="M22 4L12 14.01l-3-3"></path>
+          </svg>
+          <span class="font-medium title-font">Coloring Book Ethical</span>
+        </div>
+      </div>
+      <div class="w-full p-2 sm:w-1/2">
+        <div class="flex items-center h-full p-4 bg-gray-100 rounded">
+          <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" class="flex-shrink-0 w-6 h-6 mr-4 text-indigo-500" viewBox="0 0 24 24">
+            <path d="M22 11.08V12a10 10 0 11-5.93-9.14"></path>
+            <path d="M22 4L12 14.01l-3-3"></path>
+          </svg>
+          <span class="font-medium title-font">Typewriter Polaroid Cray</span>
+        </div>
+      </div>
+      <div class="w-full p-2 sm:w-1/2">
+        <div class="flex items-center h-full p-4 bg-gray-100 rounded">
+          <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" class="flex-shrink-0 w-6 h-6 mr-4 text-indigo-500" viewBox="0 0 24 24">
+            <path d="M22 11.08V12a10 10 0 11-5.93-9.14"></path>
+            <path d="M22 4L12 14.01l-3-3"></path>
+          </svg>
+          <span class="font-medium title-font">Pack Truffaut Blue</span>
+        </div>
+      </div>
+      <div class="w-full p-2 sm:w-1/2">
+        <div class="flex items-center h-full p-4 bg-gray-100 rounded">
+          <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" class="flex-shrink-0 w-6 h-6 mr-4 text-indigo-500" viewBox="0 0 24 24">
+            <path d="M22 11.08V12a10 10 0 11-5.93-9.14"></path>
+            <path d="M22 4L12 14.01l-3-3"></path>
+          </svg>
+          <span class="font-medium title-font">The Catcher In The Rye</span>
+        </div>
+      </div>
+    </div>
+    <button class="flex px-8 py-2 mx-auto mt-16 text-lg text-white bg-indigo-500 border-0 rounded focus:outline-none hover:bg-indigo-600">Button</button>
+  </div>
+</section>
diff --git a/content/english/pages/quote-authors.html b/content/english/pages/quote-authors.html
@@ -0,0 +1,39 @@
+<!-- from https://tailblocks.cc/ -->
+
+<section class="text-gray-600 body-font">
+  <div class="container px-5 py-24 mx-auto">
+    <h1 class="mb-12 text-3xl font-medium text-center text-gray-900 title-font">Testimonials</h1>
+    <div class="flex flex-wrap -m-4">
+      <div class="w-full p-4 md:w-1/2">
+        <div class="h-full p-8 bg-gray-100 rounded">
+          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="block w-5 h-5 mb-4 text-gray-400" viewBox="0 0 975.036 975.036">
+            <path d="M925.036 57.197h-304c-27.6 0-50 22.4-50 50v304c0 27.601 22.4 50 50 50h145.5c-1.9 79.601-20.4 143.3-55.4 191.2-27.6 37.8-69.399 69.1-125.3 93.8-25.7 11.3-36.8 41.7-24.8 67.101l36 76c11.6 24.399 40.3 35.1 65.1 24.399 66.2-28.6 122.101-64.8 167.7-108.8 55.601-53.7 93.7-114.3 114.3-181.9 20.601-67.6 30.9-159.8 30.9-276.8v-239c0-27.599-22.401-50-50-50zM106.036 913.497c65.4-28.5 121-64.699 166.9-108.6 56.1-53.7 94.4-114.1 115-181.2 20.6-67.1 30.899-159.6 30.899-277.5v-239c0-27.6-22.399-50-50-50h-304c-27.6 0-50 22.4-50 50v304c0 27.601 22.4 50 50 50h145.5c-1.9 79.601-20.4 143.3-55.4 191.2-27.6 37.8-69.4 69.1-125.3 93.8-25.7 11.3-36.8 41.7-24.8 67.101l35.9 75.8c11.601 24.399 40.501 35.2 65.301 24.399z"></path>
+          </svg>
+          <p class="mb-6 leading-relaxed">Synth chartreuse iPhone lomo cray raw denim brunch everyday carry neutra before they sold out fixie 90's microdosing. Tacos pinterest fanny pack venmo, post-ironic heirloom try-hard pabst authentic iceland.</p>
+          <a class="inline-flex items-center">
+            <img alt="testimonial" src="https://dummyimage.com/106x106" class="flex-shrink-0 object-cover object-center w-12 h-12 rounded-full" />
+            <span class="flex flex-col flex-grow pl-4">
+              <span class="font-medium text-gray-900 title-font">Holden Caulfield</span>
+              <span class="text-sm text-gray-500">UI DEVELOPER</span>
+            </span>
+          </a>
+        </div>
+      </div>
+      <div class="w-full p-4 md:w-1/2">
+        <div class="h-full p-8 bg-gray-100 rounded">
+          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="block w-5 h-5 mb-4 text-gray-400" viewBox="0 0 975.036 975.036">
+            <path d="M925.036 57.197h-304c-27.6 0-50 22.4-50 50v304c0 27.601 22.4 50 50 50h145.5c-1.9 79.601-20.4 143.3-55.4 191.2-27.6 37.8-69.399 69.1-125.3 93.8-25.7 11.3-36.8 41.7-24.8 67.101l36 76c11.6 24.399 40.3 35.1 65.1 24.399 66.2-28.6 122.101-64.8 167.7-108.8 55.601-53.7 93.7-114.3 114.3-181.9 20.601-67.6 30.9-159.8 30.9-276.8v-239c0-27.599-22.401-50-50-50zM106.036 913.497c65.4-28.5 121-64.699 166.9-108.6 56.1-53.7 94.4-114.1 115-181.2 20.6-67.1 30.899-159.6 30.899-277.5v-239c0-27.6-22.399-50-50-50h-304c-27.6 0-50 22.4-50 50v304c0 27.601 22.4 50 50 50h145.5c-1.9 79.601-20.4 143.3-55.4 191.2-27.6 37.8-69.4 69.1-125.3 93.8-25.7 11.3-36.8 41.7-24.8 67.101l35.9 75.8c11.601 24.399 40.501 35.2 65.301 24.399z"></path>
+          </svg>
+          <p class="mb-6 leading-relaxed">Synth chartreuse iPhone lomo cray raw denim brunch everyday carry neutra before they sold out fixie 90's microdosing. Tacos pinterest fanny pack venmo, post-ironic heirloom try-hard pabst authentic iceland.</p>
+          <a class="inline-flex items-center">
+            <img alt="testimonial" src="https://dummyimage.com/107x107" class="flex-shrink-0 object-cover object-center w-12 h-12 rounded-full" />
+            <span class="flex flex-col flex-grow pl-4">
+              <span class="font-medium text-gray-900 title-font">Alper Kamu</span>
+              <span class="text-sm text-gray-500">DESIGNER</span>
+            </span>
+          </a>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
diff --git a/package-lock.json b/package-lock.json