home layout changes

riptano · May 21, 2024 · 3408cd2 · 3408cd2
1 parent ee2dc35
commit 3408cd2
Show file tree

Hide file tree

Showing 9 changed files with 193 additions and 41 deletions.
diff --git a/preview-src/img/vector-ui-dark.png b/preview-src/img/vector-ui-dark.png
diff --git a/preview-src/img/vector-ui-light.png b/preview-src/img/vector-ui-light.png
diff --git a/preview-src/page-templates/home.adoc b/preview-src/page-templates/home.adoc
diff --git a/src/css/asciidoc/ds-layout.css b/src/css/asciidoc/ds-layout.css
@@ -7,7 +7,8 @@
 /* Extend .doc max-width */
 @layer base {
   html[data-layout="landing"],
-  html[data-layout="full"] {
+  html[data-layout="full"],
+  html[data-layout="home"] {
     main {
       max-width: calc(1280 / var(--rem-base) * 1rem);
       width: auto;
@@ -33,6 +34,12 @@
     }
   }
 
+  html[data-layout="home"] {
+    .doc > h1.page {
+      display: none;
+    }
+  }
+
   .sect1.text-h1 {
     font-size: 1rem;
     font-weight: 400;

diff --git a/src/layouts/home.hbs b/src/layouts/home.hbs
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html lang="en" data-layout="home">
+  <head>
+{{> head defaultPageTitle='Untitled'}}
+  </head>
+  <body class="{{#with (or page.attributes.role page.role)}} {{{this}}}{{/with}}">
+{{> body}}
+  </body>
+</html>
diff --git a/src/partials/body.hbs b/src/partials/body.hbs
@@ -5,9 +5,11 @@
   <div class="grid drawer-content {{#if site.keys.globalNav}}pt-32{{else}}pt-20{{/if}}">
     {{> main}}
   </div>
+  {{#unless (eq page.layout 'home')}}
   <div class="z-30 drawer-side {{#if site.keys.globalNav}}pt-32{{else}}pt-20{{/if}}">
     <label for="nav-drawer-input" aria-label="close sidebar" class="drawer-overlay"></label>
     {{> nav}}
   </div>
+  {{/unless}}
 </div>
 {{> body-end-scripts}}
diff --git a/src/partials/breadcrumbs.hbs b/src/partials/breadcrumbs.hbs
@@ -1,4 +1,4 @@
-{{#unless (or (eq page.layout 'landing') (eq page.layout 'full'))}}
+{{#unless (or (eq page.layout 'landing') (eq page.layout 'full') (eq page.layout 'home'))}}
 <nav class="flex" aria-label="breadcrumbs">
   {{#if page.breadcrumbs}}
   <ul class="flex flex-wrap !list-none !m-0 !p-0">

diff --git a/src/partials/support-feedback.hbs b/src/partials/support-feedback.hbs
@@ -1,4 +1,4 @@
-{{#unless (or (eq page.layout 'landing') (eq page.layout 'full'))}}
+{{#unless (or (eq page.layout 'landing') (eq page.layout 'full') (eq page.layout 'home'))}}
 <div class="flex gap-10 mt-12">
   <div class="flex flex-col">
     <h3 class="!m-0">Was this helpful?</h3>

diff --git a/src/partials/toc.hbs b/src/partials/toc.hbs
@@ -1,4 +1,4 @@
-{{#unless (or (eq page.layout 'full') (eq page.layout 'landing'))}}
+{{#unless (or (eq page.layout 'full') (eq page.layout 'landing') (eq page.layout 'home'))}}
 <aside
   class="toc sidebar peer sticky hidden h-[min(100%,calc(100vh-10rem))] mb-[14rem] w-[20rem] xl:flex xl:flex-col xl:col-start-2{{#if site.keys.globalNav}} top-[9rem]{{else}} top-[6rem]{{/if}}"
   data-title="{{{or page.attributes.toctitle 'Contents'}}}"