Nav items in juncture/config.yml

README.md

@@ -1,35 +1,6 @@
-.ve-meta title="Plant Humanities Lab"
-
-<ve-header 
-    label="Plant Humanities Lab"
-    logo="https://raw.githubusercontent.com/jstor-labs/plant-humanities/e5f2094/images/phl-website-png-logo.png"
-    background="gh:jstor-labs/plant-humanities/images/header.jpg"
-    subtitle="Explore the cultural histories of plants and their influence on human societies"
-    url="/" 
-    sticky>
-    <ul>
-        <li><a href="/">        
-            <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M575.8 255.5c0 18-15 32.1-32 32.1h-32l.7 160.2c0 2.7-.2 5.4-.5 8.1V472c0 22.1-17.9 40-40 40H456c-1.1 0-2.2 0-3.3-.1c-1.4 .1-2.8 .1-4.2 .1H416 392c-22.1 0-40-17.9-40-40V448 384c0-17.7-14.3-32-32-32H256c-17.7 0-32 14.3-32 32v64 24c0 22.1-17.9 40-40 40H160 128.1c-1.5 0-3-.1-4.5-.2c-1.2 .1-2.4 .2-3.6 .2H104c-22.1 0-40-17.9-40-40V360c0-.9 0-1.9 .1-2.8V287.6H32c-18 0-32-14-32-32.1c0-9 3-17 10-24L266.4 8c7-7 15-8 22-8s15 2 21 7L564.8 231.5c8 7 12 15 11 24z"/></svg>
-            Home
-        </a></li>
-        <li><a href="/about">
-            <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"/></svg>
-            About
-        </a></li>
-        <li><a href="/contributors">
-            <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 640 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M144 0a80 80 0 1 1 0 160A80 80 0 1 1 144 0zM512 0a80 80 0 1 1 0 160A80 80 0 1 1 512 0zM0 298.7C0 239.8 47.8 192 106.7 192h42.7c15.9 0 31 3.5 44.6 9.7c-1.3 7.2-1.9 14.7-1.9 22.3c0 38.2 16.8 72.5 43.3 96c-.2 0-.4 0-.7 0H21.3C9.6 320 0 310.4 0 298.7zM405.3 320c-.2 0-.4 0-.7 0c26.6-23.5 43.3-57.8 43.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3 28.7-9.7 44.6-9.7h42.7C592.2 192 640 239.8 640 298.7c0 11.8-9.6 21.3-21.3 21.3H405.3zM224 224a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zM128 485.3C128 411.7 187.7 352 261.3 352H378.7C452.3 352 512 411.7 512 485.3c0 14.7-11.9 26.7-26.7 26.7H154.7c-14.7 0-26.7-11.9-26.7-26.7z"/></svg>
-            Contributors
-        </a></li>
-        <li><a href="https://search.plant-humanities.org">
-            <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"/></svg>
-            Search
-        </a></li>
-        <li><a href="/contact">
-            <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"/></svg>
-            Contact Us
-        </a></li>
-    </ul>
-</ve-header>
+.ve-meta title="Plant Humanities Lab" description="Explore the cultural histories of plants and their influence on human societies."
+
+.ve-header label="Plant Humanities Lab" logo=https://raw.githubusercontent.com/jstor-labs/plant-humanities/main/images/phl-website-png-logo.png background=gh:jstor-labs/plant-humanities/images/header.jpg subtitle="Explore the cultural histories of plants and their influence on human societies" url=/ sticky
 
 # Featured Plant Narratives 
 <param class="cards">

_config.yml

@@ -6,7 +6,7 @@ author:
 # The `>` after `description:` means to ignore line-breaks until next key.
 # If you want to omit the line-break after the end of text, use `>-` instead.
 description: >-
-  Quickly build websites using Github Pages, Markdown, and interactive viewers.
+  Explore the cultural histories of plants and their influence on human societies.
 
 github:
   owner: jstor-labs
@@ -16,6 +16,5 @@ github:
 url: https://beta.plant-humanities.org/
 baseurl: /
 
-layout:
-  header: false
-  footer: false
+# components: https://rsnyder.github.io/ezpage-wc/js/index.js,https://juncture-digital.github.io/web-components/js/index.js
+components: https://juncture-digital.github.io/web-components/js/index.js

_layouts/default.html

@@ -8,39 +8,25 @@
     {%- seo -%}
     <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet">
     <link rel="stylesheet" href="{{ site.baseurl }}/main.css">
-    <!-- <link rel="stylesheet" href="https://juncture-digital.github.io/web-components/css/index.css"> -->
 
     <script>
       window.config = {
         owner: '{{ site.github.owner }}',
         repo: '{{ site.github.repo }}',
         branch: '{{ site.github.branch }}', 
-        baseurl: '{{ site.baseurl }}'
+        baseurl: '{{ site.baseurl }}',
+        components: '{{ site.components }}'
       }
     </script>
 
-    <link rel="stylesheet" href="{{ site.baseurl }}/juncture/index.css">
-    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" crossorigin="anonymous" integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w==" rel="stylesheet">
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/js-yaml/4.1.0/js-yaml.min.js" integrity="sha512-CSBhVREyzHAjAFfBlIBakjoRUKp5h7VSweP0InR/pAJyptH7peuhCsqAI/snV+TwZmXZqoUklpXp6R6wMnYf5Q==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
     <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/[email protected]/src/httpVueLoader.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/[email protected]/lodash.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.9.2/umd/popper.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/tippy.js/6.3.7/tippy.umd.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/highlight.min.js"></script>
-    <script src="{{ site.baseurl }}/juncture/index.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/js-yaml/4.1.0/js-yaml.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+    <script src="{{ site.baseurl }}/index.js"></script>
 
   </head>
   <body>
-    {%- if site.layout.header == "true" -%}
-      {%- include header.html -%}
-    {%- endif -%}
     <main class="page-content" aria-label="Content">
       {{ content }}
     </main>
-    {%- if site.layout.footer == "true" -%}
-      {%- include footer.html -%}
-    {%- endif -%}
   </body>
 </html>