update node page

content/deploy/index.md

@@ -92,7 +92,7 @@ From decentralized cloud computing and blockchain integration to overseeing infr
 
 {% row( style="center mtop narrow") %}
 
-#### <span class="green_text uppercase">APPLICATIONS AND DEPLOYMENTS
+#### <span class="green_text uppercase">APPLICATIONS AND DEPLOYMENTS</span>
 
 ## **Endless Possibilities on the Cloud**
 

content/node/index.md

@@ -0,0 +1,281 @@
+---
+title: "Node"
+description: "About a decade ago, a group of passionate Internet & Cloud veterans came together to build a system." # quotation marks to allow colons where used
+template: "page.html"
+insert_anchor_links: "left"
+extra:
+  author: Your name here
+  imgPath: tfy/tft_header.png
+---
+
+<!-- section 1 (header) -->
+<div class="container mx-auto">
+
+{% row(style="header") %} 
+
+
+![Image](node_hero.png#mx-auto)
+
+
+|||
+
+#### <span class="green_text">FARMING</span>
+
+## **Become a Cloud <br>Service Provider**
+
+<br>
+
+Farming is the act of providing compute, storage and network resources to the grid. By deploying our nodes on the grid, you allow anyone anywhere in the world to deploy workloads on your nodes.
+
+<br>
+
+
+{% end %}
+
+</div>
+
+
+
+
+<!-- section 2 price -->
+
+<div style="background-color:#F6F6F6">
+
+<div class="container mx-auto">
+
+{% row( style="center mtop narrow") %}
+
+## **Internet Capacity Nodes**
+
+#### <span class="green_text uppercase">A Cloud Engine for the New Internet</span>
+
+
+{% end %}
+
+<br>
+
+{% row( style="mbottom semiNarrow") %}
+
+<div class="rounded_img border-2 rounded-lg p-4 bg-white shadow-sm">
+
+<div class="text-center">
+
+##### **SILVER**
+
+<p class="gray_color">Optimal choice for end user utilization</p>
+
+<br>
+      
+# <span class="font-black">$499</span>
+
+per node
+
+</div>
+
+<br>
+
+- 16 GB of Memory
+- 1,000 GB of SSD
+- 4 Logical CPU Cores
+- Up to 1,500 INCA/month for utilization.
+- For first 5,000 nodes, 250 INCA/month additional for first 24 months
+
+<br>
+
+<div class="text-center">
+
+<button class="green mt-6">[Get the Nodes](https://csnkyhwp8b4.typeform.com/to/SnfEE9pj?typeform-source=www.canva.com)</button> 
+
+</div>
+
+</div>
+
+|||
+
+<div class="rounded_img border-2 rounded-lg p-4 bg-white shadow-sm">
+
+<div class="text-center">
+
+##### **platinum**
+
+<p class="gray_color">Optimal choice for generic purpose cloud</p>
+
+<br>
+      
+# <span class="font-black">$1999</span>
+
+per node
+
+</div>
+
+<br>
+
+- 64 GB of Memory
+- 2,000 GB of SSD + 10,000 GB of HDD
+- 16 Logical CPU Cores
+- Up to 6,000 INCA/month for utilization.
+- For first 1,000 nodes, 1,000 INCA/month additional for first 24 months
+
+<br>
+
+<div class="text-center">
+
+<button class="blue_b mt-6">[Get the Nodes](https://csnkyhwp8b4.typeform.com/to/SnfEE9pj?typeform-source=www.canva.com)</button> 
+
+</div>
+
+</div>
+
+|||
+
+<div class="rounded_img border-2 rounded-lg p-4 bg-white shadow-sm">
+
+<div class="text-center">
+
+##### **AI**
+
+<p class="gray_color">Optimal choice for AI workloads</p>
+
+<br>
+      
+# <span class="font-black">$3999</span>
+
+per node
+
+</div>
+
+<br>
+
+- 64 GB of Memory
+- 4,000 GB of SSD + 10,000 GB of HDD
+- RTX 4900 GPU
+- Up to 12,000 INCA/month for utilization.
+- For first 1,000 nodes, 2,000 INCA/month additional for first 24 months
+
+<br>
+
+<div class="text-center">
+
+<button class="green mt-6">[Get the Nodes](https://csnkyhwp8b4.typeform.com/to/SnfEE9pj?typeform-source=www.canva.com)</button> 
+
+</div>
+
+</div>
+
+{% end %}
+
+</div>
+
+</div>
+
+
+<!-- section 2 price -->
+
+
+
+<div class="container mx-auto">
+
+{% row( style="center mtop semiNarrow") %}
+
+## **Nodes Leading at the Edge**
+
+#### <span class="green_text">Discover how our nodes provide a groundbreaking, reliable and robust technology</span>
+
+
+{% end %}
+
+<br>
+
+{% row( style="semiNarrow") %}
+
+<div class="my-4 flex flex-row items-center">
+
+![Image](zero_icon.png#mx-auto)
+
+#### **Zero-OS Self-Healing Operating System**
+
+</div>
+
+<p class="ml-8">We like things well done and built to last, that’s why we created our own self-healing operating system, Zero-OS.<p> 
+
+
+<br>
+
+<div class="my-4 flex flex-row items-center">
+
+![Image](enargy_icon.png#mx-auto)
+
+#### **Energy Efficient**
+
+</div>
+
+<p class="ml-8">No one wants to pay for electricity needlessly. Our sustem uses upto 10x less energy for certain workloads compared to traditional systems.</p> 
+
+<br>
+
+<div class="my-4 flex flex-row items-center">
+
+![Image](data.png#mx-auto)
+
+#### **Data Sovereignty**
+
+</div>
+
+<p class="ml-8">You have now complete control over your data placement. Your data is yours, forever.</p>  
+
+
+
+|||
+
+
+
+<div class="my-4 flex flex-row items-center">
+
+![Image](quantum.png#mx-auto)
+
+#### **Quantum Safe File System**
+
+</div>
+
+<p class="ml-8">We’re aware of the war for your data. That’s why we made QSFS, so you know your data is safe and future-proof.</p>  
+
+
+<br>
+
+<div class="my-4 flex flex-row items-center">
+
+![Image](sovereign.png#mx-auto)
+
+#### **Truly Sovereign and Collaborative**
+
+</div>
+
+<p class="ml-8">It’s simple: everyone can now own their own part of the internet. From the home setup to the datacenter farm.</p> 
+
+<br>
+
+<div class="my-4 flex flex-row items-center">
+
+![Image](mycelium.png#mx-auto)
+
+#### **Mycelium Network**
+
+</div>
+
+<p class="ml-8">Cost-efficient, locality aware and peer-to-peer, Mycelium is the network for planetary scale.</p>
+
+{% end %}
+
+</div>
+
+
+<style>
+.gray_color{
+     color: #9b9b9b;
+}
+
+h1{
+     margin-bottom: 0px
+}
+
+</style>

templates/partials/header.html

@@ -65,7 +65,7 @@
 
             <div class="hidden md:inline-block md:order-last">
                 <div class="inline-flex">
-                  <ul class="list-none inline-flex mt-5 mr-4 mx-auto">
+                  {# <ul class="list-none inline-flex mt-5 mr-4 mx-auto">
                     <li class="ml-4">
                       <a href="https://t.me/threefoldnews" target="_blank" class="text-black">
                         <svg
@@ -83,7 +83,7 @@
                       </a>
                     </li>
         
-                    {# <li class="ml-4">
+                    <li class="ml-4">
                       <a
                         href="javascript:;"
                         onclick="ml_account('webforms', '3562741', 'n7q9l7', 'show')"
@@ -105,9 +105,10 @@
                           ></path>
                         </svg>
                       </a>
-                    </li> #}
+                    </li> 
-                  </ul>
+                  </ul> #}
-                  <div class="rounded-full border-2 mt-1 border-gray-400">
+                  <a href="/node"><button class="px-6 green">Get Node</button></a>
+                  {# <div class="rounded-full border-2 mt-1 border-gray-400">
                     <a href="https://www.manual.grid.tf/documentation/threefold_token/buy_sell_tft/tft_lobstr/tft_lobstr_short_guide.html" target="_blank" class="mt-2">
                       <img
                         src="{{ get_url(path=section.extra.button_Path) }}"
@@ -116,7 +117,7 @@
                         alt=""
                       />
                     </a>
-                  </div>
+                  </div> #}
                 </div>
               </div>
             </div>
@@ -203,11 +204,12 @@
                             {{section.description}}
                           </p>
                           {% include "partials/socialLinks.html" %}
-                      </div>
+                      </div> #}
+                      <a class="ml-6" href="/node"><button class="px-6 green">Get Node</button></a>
                     </nav>                    
-                </div> #}
+                </div>
                 
-        </div>
+          </div>
         
         </div>
     </div>