Merge pull request #30 from layer5io/leecalcote/feedback-from-website…

…s-meeting

Feedback from Websites meeting

README.md

@@ -24,7 +24,7 @@ make site
 
 ...and then visit http://localhost:1313.
 
-If you pull down new code from GitHub, you should run `make setup` again. Otherwise, there's no need to re-run `make setup` each time the site is run, you can just run `make site` to get it going and have it automatically reload as you make and save site edits.
+If you pull down new code from GitHub, you will occassionally need run `make setup` again. Otherwise, there's no need to re-run `make setup` each time the site is run, you can just run `make site` to get it going and have it automatically reload as you make and save site edits.
 
 ### Editing Markdown Content
 

assets/scss/_content_project.scss

@@ -2,6 +2,9 @@
 // Style Markdown content
 //
 
+h1, h2, h3, h4, h5, h6 {
+  font-family: "Qanelas Soft", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,  "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
 .td-content {
     order: 1;
 
@@ -12,12 +15,14 @@
     }
 
     > h1 {
+      font-family: "Qanelas Soft", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,  "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
       font-weight: $font-weight-bold;
       margin-bottom: 1rem;
       color: $casper;
     }
 
     > h2 {
+      font-family: "Qanelas Soft", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,  "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
       margin-bottom: 1rem;
       color: $casper;
     }
@@ -35,14 +40,15 @@
     > h4,
     > h5,
     > h6 {
+      font-family: "Qanelas Soft", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,  "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
       margin-bottom: 1rem;
       margin-top: 2rem;
       color: $lightslategray;
       & a {
         color: pink;
       }
     }
-  
+
     img {
       @extend .img-fluid;
     }

assets/scss/_styles_project.scss

@@ -75,6 +75,12 @@ a:not([href]):not([class]), a:not([href]):not([class]):hover {
   text-decoration: none; }
 
 // Taxonomy 
+.taxo-categories {
+  margin-top: 2rem;
+}
+.taxonomy {
+// .taxonomy-terms-cloud 
+
 .taxonomy-term {
     background: $gray-600;
     border-width: 0;
@@ -125,7 +131,7 @@ a:not([href]):not([class]), a:not([href]):not([class]):hover {
       margin-bottom: 0em;
     }
   }
-
+}
 
 
 // Footer
@@ -147,10 +153,15 @@ a:not([href]):not([class]), a:not([href]):not([class]):hover {
     }
   }
   .td-sidebar-link {
+
     &__page {
       color: $gray-400;
       font-weight: $font-weight-light;
     }
+    &__section {
+      margin-top: 1rem;
+      font-family: "Qanelas Soft", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,  "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+    }
   }
   a {
     &:hover {
@@ -169,6 +180,7 @@ a:not([href]):not([class]), a:not([href]):not([class]):hover {
 
 // Right sidebar
 .td-sidebar-toc {
+  line-height: 1.25rem;
   border-left: 1px solid $border-color;
   background-color: $td-sidebar-toc-bg-color;
   @supports (position: sticky) {
@@ -192,6 +204,9 @@ a:not([href]):not([class]), a:not([href]):not([class]):hover {
       text-decoration: none;
     }
   }
+  .td-page-meta--project-issue {
+    visibility: hidden;
+  }
 }
 
 .td-toc {

assets/scss/_variables_project.scss

@@ -35,13 +35,12 @@ $body-bg: #010101;
 
 $border-color: rgba($primary, .33);
 $td-sidebar-tree-root-color: #ccc;
-$td-sidebar-bg-color: rgba($dark, .33);
+$td-sidebar-bg-color: rgba($black, 1);
 $td-sidebar-color: rgba($white, .33);
 $td-sidebar-border-color: $border-color;
-$td-sidebar-bg-color: rgba($dark,.73);
 
 // Righthand sidebar with intra-page table of contents
-$td-sidebar-toc-bg-color: rgba($dark,.73);
+$td-sidebar-toc-bg-color: rgba($black,1);
 
 // Background colors for the sections on home page etc. It is a paint by number
 // system, starting at 0, where the number is taken from the shortcode's ordinal
@@ -58,7 +57,7 @@ $link-color: $white !default;
 
 // Fonts
 
-$td-enable-google-fonts: false;
+$td-enable-google-fonts: true;
 
 $google_font_name: "Open Sans" !default;
 $google_font_family: "Open+Sans:300,300i,400,400i,700,700i" !default;

content/en/cloud/security/_index.md

@@ -1,7 +1,7 @@
 ---
 title: Security
 description: What can your user do with your project?
-date: 2017-01-05
+date: 2023-10-28
 weight: 4
 ---
 
@@ -19,3 +19,4 @@ Each task should give the user
 * What this task accomplishes.
 * Instructions for the task. If it involves editing a file, running a command, or writing code, provide code-formatted example snippets to show the user what to do! If there are multiple steps, provide them as a numbered list.
 * If appropriate, links to related concept, tutorial, or example pages.
+

content/en/cloud/security/keys.md

@@ -10,9 +10,26 @@ weight: 3
 This is a placeholder page. Replace it with your own content.
 {{% /pageinfo %}}
 
+{{ $image := .Resources.GetMatch "roles-overview.svg" }}
 
-Text can be **bold**, _italic_, or ~~strikethrough~~. [Links](https://gohugo.io) should be blue with no underlines (unless hovered over).
 
+{{ with $image }}
+  <img src="{{ .RelPermalink  }}" width="{{ .Width }}" height="{{ .Height }}">
+{{ end }}
+
+Text can be **bold**, _italic_, or ~~strikethrough~~. [Links](https://gohugo.io) should be blue with no underlines (unless hovered over).
+<script>
+  var root_url="/";
+  var baseUrl = root_url.replace(/\/$/, '');
+  urls = [
+    {{- range .Pages -}}
+      {{.RelPermalink}},
+    {{ end -}}
+  ]
+  for (key in document.getElementsByClassName("needs-links")) {
+    document.getElementsByClassName("needs-links")[key].href = baseUrl + urls[key];
+  }
+</script>
 There should be whitespace between paragraphs. Vape migas chillwave sriracha poutine try-hard distillery. Tattooed shabby chic small batch, pabst art party heirloom letterpress air plant pop-up. Sustainable chia skateboard art party banjo cardigan normcore affogato vexillologist quinoa meggings man bun master cleanse shoreditch readymade. Yuccie prism four dollar toast tbh cardigan iPhone, tumblr listicle live-edge VHS. Pug lyft normcore hot chicken biodiesel, actually keffiyeh thundercats photo booth pour-over twee fam food truck microdosing banh mi. Vice activated charcoal raclette unicorn live-edge post-ironic. Heirloom vexillologist coloring book, beard deep v letterpress echo park humblebrag tilde.
 
 90's four loko seitan photo booth gochujang freegan tumeric listicle fam ugh humblebrag. Bespoke leggings gastropub, biodiesel brunch pug fashion axe meh swag art party neutra deep v chia. Enamel pin fanny pack knausgaard tofu, artisan cronut hammock meditation occupy master cleanse chartreuse lumbersexual. Kombucha kogi viral truffaut synth distillery single-origin coffee ugh slow-carb marfa selfies. Pitchfork schlitz semiotics fanny pack, ugh artisan vegan vaporware hexagon. Polaroid fixie post-ironic venmo wolf ramps **kale chips**.

content/en/cloud/security/roles.md

@@ -12,6 +12,9 @@ This is a placeholder page. Replace it with your own content.
 
 <img alt="test" src="/cloud/security/roles-overview.svg" />
 
+{{ with .Resources.GetMatch "roles-overview.svg" }}
+  <img src="{{ .RelPermalink }}" width="{{ .Width }}" height="{{ .Height }}">
+{{ end }}
 
 Text can be **bold**, _italic_, or ~~strikethrough~~. [Links](https://gohugo.io) should be blue with no underlines (unless hovered over).