From a6062defd00395b377f730b4810122e7a3049695 Mon Sep 17 00:00:00 2001
From: Gokul Prathin <gokulprathin8@gmail.com>
Date: Mon, 6 May 2024 18:46:58 -0400
Subject: [PATCH] css changes

---
 ]                                         |  6 +++
 content/english/guide/_index.md           |  6 +++
 themes/geoweaver/layouts/guide/guide.html | 48 ++++++++++++++++++++
 themes/geoweaver/layouts/index.html       | 55 ++++++++++++-----------
 4 files changed, 88 insertions(+), 27 deletions(-)
 create mode 100644 ]
 create mode 100644 content/english/guide/_index.md
 create mode 100644 themes/geoweaver/layouts/guide/guide.html

diff --git a/] b/]
new file mode 100644
index 0000000..6a3181b
--- /dev/null
+++ b/]
@@ -0,0 +1,6 @@
+---
+title: "Guide"
+meta_title: "Guide on how to quickly be productive with Geoweaver!"
+description: ""
+draft: false
+---
diff --git a/content/english/guide/_index.md b/content/english/guide/_index.md
new file mode 100644
index 0000000..e016249
--- /dev/null
+++ b/content/english/guide/_index.md
@@ -0,0 +1,6 @@
+---
+title: "Guide"
+meta_title: "Projects that already use Geoweaver"
+description: ""
+draft: false
+---
diff --git a/themes/geoweaver/layouts/guide/guide.html b/themes/geoweaver/layouts/guide/guide.html
new file mode 100644
index 0000000..69f3a57
--- /dev/null
+++ b/themes/geoweaver/layouts/guide/guide.html
@@ -0,0 +1,48 @@
+{{ define "main" }}
+
+<section>
+  <div class="container">
+    <h1 class="font-archivo text-center pt-10 tracking-wide">Guide Page</h1>
+
+    <div class="pt-5">
+      <div class="pb-10">
+        <h4>Installation & Setup</h4>
+        <hr/>
+        <div class="mt-5 flex justify-center">
+          <iframe src="https://drive.google.com/file/d/1AXn19AGtOp5Yd2-AO_rXQkphtipBqhbx/preview" width="700" height="400" allow="autoplay"></iframe>
+        </div>
+      </div>
+
+
+      <div class="pb-10">
+        <h4>Environment Setup</h4>
+        <hr/>
+        <div class="mt-5 flex justify-center">
+          <iframe src="https://drive.google.com/file/d/1NdJpjRHYFLi1WargZawIezvTwrea_Rt5/preview" width="700" height="400" allow="autoplay"></iframe>
+        </div>
+      </div>
+
+
+      <div class="pb-10">
+        <h4>Hosts</h4>
+        <hr/>
+        <div class="mt-5 flex justify-center">
+          <iframe src="https://drive.google.com/file/d/1m_1Oo2z80bS3hMEkD_2hKEsoRQW7idIG/preview" width="700" height="400" allow="autoplay"></iframe>
+        </div>
+      </div>
+
+
+
+      <div class="pb-10">
+        <h4>Workflow Demo</h4>
+        <hr/>
+        <div class="mt-5 flex justify-center">
+          <iframe src="https://drive.google.com/file/d/1RY_BgLTLE3o9AGYwEL9Ebc_0pc2KThaY/preview" width="700" height="400" allow="autoplay"></iframe>
+        </div>
+      </div>
+
+    </div>
+  </div>
+</section>
+
+{{ end }}
diff --git a/themes/geoweaver/layouts/index.html b/themes/geoweaver/layouts/index.html
index a41a282..eec8037 100755
--- a/themes/geoweaver/layouts/index.html
+++ b/themes/geoweaver/layouts/index.html
@@ -13,36 +13,37 @@
       <p class="hidden max-md:flex text-white text-center align-middle pt-8 p-0">An open-source, in-browser tool for simplifying data processing workflows with high-performance server support, featuring code history and workflow orchestration.</p>
 
 
-      <div class="pt-10 text-center">
-        <div class="flex flex-row justify-center space-x-4 sm:space-x-0 sm:flex-col">
-          <a href="https://github.com/ESIPFed/Geoweaver" class="flex justify-center mb-4 sm:mb-4">
-            <div class="bg-white p-2 rounded cursor-pointer">
-              <button class="text-black flex items-center">
-                <i class="fa-brands fa-github mr-2"></i>
-                Github
-              </button>
-            </div>
-          </a>
+<div class="pt-10 text-center">
+  <div class="flex flex-row justify-center items-center space-x-4">
+    <a href="https://github.com/ESIPFed/Geoweaver" class="flex justify-center mb-4">
+      <div class="bg-white p-2 rounded cursor-pointer">
+        <button class="text-black flex items-center">
+          <i class="fa-brands fa-github mr-2"></i>
+          Github
+        </button>
+      </div>
+    </a>
 
-          <a href="#" class="flex justify-center mb-4 sm:mb-4">
-            <div class="bg-[#009AC4] p-2 rounded cursor-pointer">
-              <button class="text-white flex items-center">
-                <i class="fa-solid fa-video mr-2"></i>
-                Guide
-              </button>
-            </div>
-          </a>
+    <a href="#" class="flex justify-center mb-4">
+      <div class="bg-[#009AC4] p-2 rounded cursor-pointer">
+        <button class="text-white flex items-center">
+          <i class="fa-solid fa-video mr-2"></i>
+          Guide
+        </button>
+      </div>
+    </a>
 
-          <a href="https://geobrain.csiss.gmu.edu/Geoweaver" class="flex justify-center mb-4 sm:mb-0">
-            <div class="bg-white p-2 rounded cursor-pointer">
-              <button class="text-black flex items-center">
-                <i class="fa-solid fa-desktop mr-2"></i>
-                Demo
-              </button>
-            </div>
-          </a>
-        </div>
+    <a href="https://geobrain.csiss.gmu.edu/Geoweaver" class="flex justify-center mb-4">
+      <div class="bg-white p-2 rounded cursor-pointer">
+        <button class="text-black flex items-center">
+          <i class="fa-solid fa-desktop mr-2"></i>
+          Demo
+        </button>
       </div>
+    </a>
+  </div>
+</div>
+
 
     </div>
   </div>