test template

config.toml

@@ -1,5 +1,5 @@
 # The URL the site will be built for
-base_url = "http://template.com"
+base_url = "http://zola_template.com"
 
 # Site title and description
 title = "THREEFOLD"

content/_index.md

@@ -25,6 +25,52 @@ template = "index.html"
 ) }}
 
 
+<div class="container mx-auto relative isolate overflow-hidden lg:py-24 py-12">
+
+<div class="mx-auto max-w-7xl px-6 py-12">
+
+<div class="mx-auto max-w-2xl lg:mx-0">
+
+##### TECHNOLOGY
+
+## Compute, Data, and Network
+
+<br>
+
+Our cloud platform harnesses the latest innovations in compute, data, and network technologies to deliver exceptional performance and efficiency.
+
+</div>
+
+<br>
+
+<div class="pb-10 grid grid-cols-1 gap-8 mt-6 lg:grid-cols-3">
+
+{{ features_card(
+  title="Zero-OS",
+  description="The Bare Metal Operating System can be hosted by everyone on any computer hardware and doesn’t need human intervention."
+) }}
+
+{{ features_card(
+  title="QSS",
+  description="The Quantum Safe Storage system is upto 10x more efficient, allows data to be stored with full control over locality, data can not be lost nor corrupted."
+) }}
+
+{{ features_card(
+  title="Mycelium",
+  description="Mycelium Network is compatible with any Internet and is capable to find the shortest path between participants (apps and people)."
+) }}
+
+
+</div>
+
+<div class="justify-center items-center flex">
+  <a href="/technology" class="rounded-md mt-8 bg-indigo-400 px-3 py-2 font-semibold text-white shadow-sm hover:bg-indigo-600 hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-400">Technologies</a>
+</div>
+
+</div>
+</div>
+
+
 
 ## About This Site
 

tailwind.config.js

@@ -3,11 +3,7 @@ module.exports = {
     // removeDeprecatedGapUtilities: true,
     // purgeLayersByDefault: true,
   },
-  purge: [
+  content: ['./src/**/*.{html,js}', './index.html'],
-    './templates/**/*.html',
-    './content/**/*.md',
-    './themes/**/*.html',
-  ],
   darkMode: 'class',
   theme: {
     extend: {},

templates/shortcodes/features_card.html

@@ -0,0 +1,16 @@
+{% set title = title | default(value="") %}
+{% set description = description | default(value="") %}
+
+
+  <div class="flex gap-x-4 rounded-xl bg-white/5 p-6 ring-1 ring-inset ring-white/10">
+    <div class="text-base leading-7">
+      <h4 class="font-semibold ">{{ title }}</h4>
+      <p class="mt-2 text-lg">{{ description }}
+      </p>
+    </div>
+  </div>
+
+
+    
+ 
+