using custom layouts for tos and pp

TypeFox · Jun 24, 2024 · f88c8a4 · f88c8a4
1 parent a472391
commit f88c8a4
Show file tree

Hide file tree

Showing 5 changed files with 20 additions and 7 deletions.
diff --git a/hugo/content/_index.html b/hugo/content/_index.html
@@ -2,9 +2,9 @@
 title: "Open Collaboration Tools"
 type: oct
 ---
-    <section class="hero-section bg-indigo-dark" style="border-bottom: solid 20px #A50132;">
-        <div class="hero-content">
-            <div class="hero-text fg-white">
+    <section class="bg-indigo-dark hero-section">
+        <div class="content">
+            <div class="hero-text fg-indigo-light">
                 <div class="hero-text-content">
                     <h1 class="urbanist-bold">Collaborative Editing for your IDE or custom Editor</h1>
                     <p class="urbanist-regular">Open Collaboration Tools is an set of open-source tools, libraries and extensions to allow real-time collaborative editing across devices and tools</p>         
@@ -16,8 +16,8 @@ <h1 class="urbanist-bold">Collaborative Editing for your IDE or custom Editor</h
             </div>
         </div>
     </section>
-    <section class="feature-section">
-        <div class="feature-content" style="justify-content: space-between;">
+    <section>
+        <div class="content" style="justify-content: space-between;">
             <div class="feature-text">
                 <!--TODO more detail and more content-->
                 <h1 class="urbanist-bold">Features</h1>

diff --git a/hugo/content/privacy.md b/hugo/content/privacy.md
@@ -1,5 +1,6 @@
 ---
 title: "Privacy Policy"
+layout: "privacy"
 type: oct
 ---
 

diff --git a/hugo/content/tos.md b/hugo/content/tos.md
@@ -1,5 +1,6 @@
 ---
 title: "Open Collaboration Tools Website Terms of Use"
+layout: "privacy"
 type: oct
 ---
 

diff --git a/hugo/layouts/oct/privacy.html b/hugo/layouts/oct/privacy.html
@@ -0,0 +1,7 @@
+{{ define "main"}}
+<section>
+    <div class="content" style="flex-direction: column;">
+        {{ .Content }}
+    </div>
+</section>
+{{ end }}
diff --git a/hugo/static/css/style.css b/hugo/static/css/style.css
@@ -53,14 +53,18 @@ main {
     flex-basis: auto;
 }
 
-.hero-section, .feature-section {
+section {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 100%;
 }
 
-.hero-content, .feature-content {
+.hero-section {
+    border-bottom: solid 20px #A50132;
+}
+
+.content {
     display: flex;
     align-items: center;
     justify-content: center;