css changes

earth-artificial-intelligence · May 6, 2024 · a6062de · a6062de
1 parent b64fd21
commit a6062de
Show file tree

Hide file tree

Showing 4 changed files with 88 additions and 27 deletions.
diff --git a/] 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
@@ -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
@@ -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
@@ -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>