Add apps list to site, move assets

obsidianmd · Mar 14, 2024 · 9dd5b98 · 9dd5b98
1 parent 576f802
commit 9dd5b98
Show file tree

Hide file tree

Showing 10 changed files with 57 additions and 24 deletions.
diff --git a/.layouts/default.html b/.layouts/default.html
@@ -43,7 +43,7 @@
           <div class="node-text-content">
             <p>Learn more:</p>
             <ul>
-              <li><a href="/">Readme</a></li>
+              <li><a href="/docs/apps">Apps</a></li>
               <li><a href="/spec/1.0">Spec</a></li>
               <li><a href="https://github.com/obsidianmd/jsoncanvas">GitHub</a></li>
             </ul>

diff --git a/.layouts/docs.html b/.layouts/docs.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+{% include head.html %}
+  <body>
+
+    <nav>
+      <a href="/"><img width="120" height="44" src="/logo.svg" alt="JSON Feed" /></a>
+    </nav>
+
+    <hr>
+
+    <div class="page">
+        {{ content }}
+    </div>
+
+  </body>
+</html>
diff --git a/.layouts/head.html b/.layouts/head.html
@@ -3,24 +3,24 @@
     <title>{{ site.title }} — {{ page.title }}</title>
 
     <meta name="viewport"            content="width=device-width, initial-scale=1.0">
-    <meta name="description"         content="{% if page.description -%}{{ page.description | strip_html | strip_newlines | truncate: 160 }}{% else -%}{{ site.description }}{% endif -%}">
+    <meta name="description"         content="{% if page.content -%}{{ page.content | markdownify | strip_html | strip_newlines | truncate: 160 }}{% else -%}{{ site.description }}{% endif -%}">
     <meta name="author"              content="{{ site.name }}">
 
     <link rel="canonical"            href="{{ site.url }}{{ page.url }}">
     <link rel="icon"                 href="{{ site.url }}/favicon.ico" sizes="32x32">
-    <link rel="icon"                 href="{{ site.url }}/icon.svg"    type="image/svg+xml">
-    <link rel="apple-touch-icon"     href="{{ site.url }}/apple-touch-icon.png">
+    <link rel="icon"                 href="{{ site.url }}/assets/icon.svg"    type="image/svg+xml">
+    <link rel="apple-touch-icon"     href="{{ site.url }}/assets/apple-touch-icon.png">
     <link rel="stylesheet"           href="{{ site.url }}/assets/style.css"  type="text/css">
 
     <meta property="og:site_name"    content="{{ site.title }}">
     <meta property="og:url"          content="{{ site.url }}{{ page.url }}">
     <meta property="og:title"        content="{{ site.title }}">
-    <meta property="og:description"  content="{% if page.description -%}{{ page.description | strip_html | strip_newlines | truncate: 160 }}{% else -%}{{ site.description }}{% endif -%}">
+    <meta property="og:description"  content="{% if page.content -%}{{ page.content | markdownify | strip_html | strip_newlines | truncate: 160 }}{% else -%}{{ site.description }}{% endif -%}">
     <meta property="og:type"         content="{% if page.title -%}article{% else -%}website{% endif -%}">
     <meta property="og:image"        content="{{ site.url }}/assets/card.png">
 
     <meta name="twitter:card"        content="summary_large_image">
     <meta name="twitter:image"       content="{{ site.url }}/assets/card.png">
     <meta name="twitter:title"       content="{{ site.title }}">
-    <meta name="twitter:description" content="{% if page.description -%}{{ page.description | strip_html | strip_newlines | truncate: 160 }}{% else -%}{{ site.description }}{% endif -%}">
+    <meta name="twitter:description" content="{% if page.content -%}{{ page.content | markdownify | strip_html | strip_newlines | truncate: 160 }}{% else -%}{{ site.description }}{% endif -%}">
   </head>
diff --git a/.layouts/node.html b/.layouts/node.html
@@ -3,11 +3,9 @@
 {% include head.html %}
   <body>
 
-  <div class="iframe">
-
+    <div class="page">
         {{ content }}
-
-  </div>
+    </div>
 
   </body>
 </html>
diff --git a/_config.yml b/_config.yml
@@ -24,4 +24,8 @@ defaults:
   - scope:
       path: "spec/**/*.md"
     values:
-      layout: "node"
+      layout: "node"
+  - scope:
+      path: "docs/**/*.md"
+    values:
+      layout: "docs"
diff --git a/apps.md b/apps.md
diff --git a/apple-touch-icon.png → assets/apple-touch-icon.png b/apple-touch-icon.png → assets/apple-touch-icon.png
diff --git a/icon.svg → assets/icon.svg b/icon.svg → assets/icon.svg
diff --git a/assets/style.css b/assets/style.css
@@ -227,11 +227,16 @@ body {
 #nav {
   padding-right: 36px;
 }
-.iframe {
+.page {
   padding: 36px;
   max-width: 48em;
   margin: 0 auto;
 }
+nav {
+  padding: 24px 36px;
+  max-width: 48em;
+  margin: 0 auto;
+}
 
 /* General node styling */
 .node {
@@ -340,6 +345,12 @@ a {
 small {
   color: var(--color-tx-2);
 }
+hr {
+  margin: 0;
+  border: 0;
+  height: 1px;
+  background-color: var(--color-ui-1);
+}
 iframe {
   -webkit-appearance: none;
   border: none;
@@ -348,6 +359,9 @@ iframe {
   vertical-align: bottom;
   border-radius: 8px;
 }
+img {
+  vertical-align: bottom;
+}
 code {
   -webkit-appearance: none;
   font-family: var(--font-mono);

diff --git a/docs/apps.md b/docs/apps.md
@@ -0,0 +1,12 @@
+# Apps and tools
+
+JSON Canvas is supported by the following apps and tools. If you would like to add an app or tool to this list, please submit a pull request on [GitHub](https://github.com/obsidianmd/jsoncanvas).
+
+## Apps
+
+- [Obsidian](https://obsidian.md/)
+- [Kinopio](https://kinopio.club/)
+
+## Tools
+
+- [Heptabase Export](https://github.com/link-ding/Heptabase-Export)