update production

content/header/index.md

@@ -37,9 +37,9 @@ extra:
 
 <button class="dropdown" onclick="openInNewTab('https&#58;//docs.threefold.io/docs/introduction')">
 
-[More Info](https://docs.threefold.io/docs/introduction)
+[Docs](https://docs.threefold.io)
 <br>
-<p class="text-sm">Go here first.</p>
+<p class="text-sm">V4 Documentation</p>
 
 </button>
 
@@ -47,9 +47,9 @@ extra:
 
 <button class="dropdown" onclick="openInNewTab('https&#58;//manual.grid.tf/')">
 
-[Documentation](https://manual.grid.tf/)
+[Manual](https://manual.grid.tf/)
 <br>
-<p class="text-sm">Explore the Documentation (big)</p>
+<p class="text-sm">V3 Documentation</p>
 
 </button>
 

content/newsroom/315_live/index.md

@@ -0,0 +1,23 @@
+---
+id: 315-live
+title: TF Grid 3.15 Live on Mainnet
+image_caption: 315-live
+description:  TF Grid 3.15 is now on Mainnet. To know more click here. 
+date: 2024-11-14
+taxonomies:
+  people: [bernadette_amanda_caster]
+  tags: [tech,grid,community]
+  news-category: [tech,grid,community]
+extra:
+    imgPath: 315_live.png
+---
+
+We are pleased to announce that ThreeFold's mainnet has now been upgraded to version 3.15. A few notes:
+
+- Farmers using farmerbot may now safely [update and restart](https://forum.threefold.io/t/tfgrid-3-15-release-farmerbot/4433) their farmerbot
+- TF Connect app update is pending app store review (we will share when approved)
+- We are still investigating an ongoing issue affecting uptime reporting (more to come)
+
+<br/>
+
+As a reminder, here are the [new features and improvements](https://forum.threefold.io/t/threefold-grid-3-15-release-updates/4426) as part of this new grid version. And a major thank you to all those involved in building and migrating this release! Stay tuned for news on TF Grid 3.16!

content/newsroom/315_mainnet_release/index.md

@@ -1,6 +1,6 @@
 ---
 id: 315_mainnet_release
-title: 🗳 Vote- Bring TF Grid 3.15 to Mainnet
+title: "Vote: Bring TF Grid 3.15 to Mainnet"
 image_caption: 315_mainnet_release
 description: Calling all farmers to vote on the GEP to bring grid version 3.15 to mainnet! 
 date: 2024-11-06
@@ -14,10 +14,9 @@ extra:
 
 We are currently testing TF Grid version 3.15 on testnet and preparing to release on mainnet. Farmers, please vote by Tuesday November 12th at 10am CET on the [dashboard](https://dashboard.grid.tf/) under ‘TFChain - DAO.'
 
-
 <br/>
 
-Read the details of this GEP and the release [here] (https://forum.threefold.io/t/gep-tf-grid-mainnet-release-3-15/4435).
+Read the details of this GEP and the release [here](https://forum.threefold.io/t/gep-tf-grid-mainnet-release-3-15/4435).
 
 <br/>
 

content/newsroom/demo_grid_server/index.md

@@ -0,0 +1,23 @@
+---
+id: 315_mainnet_release
+title: "Our Next Demo: Introduction to grid_http_server"
+image_caption: 315_mainnet_release
+description: Join Mik to learn how to set up a Docker container running the grid HTTP server.
+date: 2024-11-15
+taxonomies:
+  people: [bernadette_amanda_caster]
+  tags: [tech,grid,community]
+  news-category: [tech,grid,community]
+extra:
+    imgPath: next_demo_grid_server.png
+---
+
+Our next demo & discussion will be held this upcoming Tuesday November 19th at 19:00 CET (13:00 EST) – this time an Introduction to grid_http_server.
+
+<br/>
+
+In this demo, Mik will guide you on how to set up a Docker container running the grid HTTP server. The grid HTTP server provides an API for interacting with the ThreeFold Grid. This can be quite useful when developing dapps on the grid.
+
+<br/>
+
+*Call will be [here](https://bit.ly/tfcommunitycall).*

content/newsroom/flist_cli_demo/index.md

@@ -1,6 +1,6 @@
 ---
 id: flist_cli_demo
-title: 📺 Watch the Flist CLI(Converting Dockerfiles into Flist on TF Flist Hub)
+title: Watch the Flist CLI Demo (Converting Dockerfiles into Flist on TF Flist Hub)
 image_caption: Flist ClI
 description: Join Mik and Scott as they introduce the Flist CLI, a tool for converting Docker files and images into Flists on the TF Flist Hub. 
 date: 2024-10-11

content/newsroom/peppermint_demo/index.md

@@ -1,6 +1,6 @@
 ---
 id: peppermint_demo
-title: 📺 Watch the Peppermint-ThreeFold New Minting Visualizer Demo
+title: Watch the Peppermint-ThreeFold New Minting Visualizer Demo
 image_caption: peppermint
 description: Scott and Mik introduce Peppermint, an open-source tool for visualizing ThreeFold minting receipts. It’s user-friendly, with sorting, filtering, and CSV downloads—test it out.
 date: 2024-10-31

content/newsroom/update_tf_connect_app/index.md

@@ -0,0 +1,27 @@
+---
+id: update_tf_connect_app
+title: Updated TF Connect App is Now Live
+image_caption: update_tf_connect_app
+description: The new version of the TF Connect app is now here. Click to see what is new
+date: 2024-11-20
+taxonomies:
+  people: [bernadette_amanda_caster]
+  tags: [tech,grid,community]
+  news-category: [tech,grid,community]
+extra:
+    imgPath: update_tf_connect_app.png
+---
+
+We are pleased to confirm the new version of the TF Connect app has been rolled out!
+
+<br/>
+
+![Image](./new-features.jpg)
+
+<br/>
+
+*Note: You might want to check the [App](https://apps.apple.com/us/app/threefold-connect/id1459845885) and [Play Store](https://play.google.com/store/apps/details?id=org.jimber.threebotlogin&hl=en_US) in case you're required to manually update.*
+
+<br/>
+
+Please give it a try and if you require additional assistance, reach out to our [support team](https://threefoldfaq.crisp.help/en/). 🙏

content/newsroom/watch_demo_grid_server/index.md

@@ -0,0 +1,31 @@
+---
+id: watch_demo_grid_server
+title: Watch the Introduction to grid_http_server demo
+image_caption: watch_demo_grid_server
+description: Join Mik and Scott as they introduce grid_http_server
+date: 2024-11-28
+taxonomies:
+  people: [bernadette_amanda_caster]
+  tags: [tech,grid,community]
+  news-category: [tech,grid,community]
+extra:
+    imgPath: watch_demo_grid_server.png
+---
+
+In this video, Mik will guide you through setting up a Docker container running the grid HTTP server. The grid HTTP server provides an API for interacting with the ThreeFold Grid, which can be quite useful when developing apps on the grid.
+
+<br/>
+
+Watch the call [here](https://youtu.be/Ec2NdhuoIc4) with timestamps for simple navigation, and leave your feedback or questions [here](https://github.com/Mik-TF/grid_http_server_docker).
+
+<br/>
+
+We have an upcoming demo on creating new style full VM images.
+
+<br/>
+
+TheeFold's new style of full VM image is simpler to work with and more resource-efficient. We'll cover how to create custom images, and how to create deployments based on those images. If you want to go deeper into the world of ThreeFold, Linux, and virtual machines, then this session is for you. 
+
+<br/>
+
+*See you on December 3rd at 19:00 CET | 13:00 EST! Call link [here](https://bit.ly/tfcommunitycall).*

content/newsroom/web4_infrastructure/index.md

@@ -0,0 +1,15 @@
+---
+id: web4_infrastructure
+title: ThreeFold is the Infrastructure Layer for Web4
+image_caption: web4_infrastructure
+description: When 3 Becomes 4. 12.12.24. 
+date: 2024-11-27
+taxonomies:
+  people: [bernadette_amanda_caster]
+  tags: [tech,grid,community]
+  news-category: [tech,grid,community]
+extra:
+    imgPath: web4_infrastructure.png
+---
+
+Over the past decade, we’ve tackled complex challenges in areas such as data storage, secure overlay networking, and autonomous cloud security. But we won’t stop there. Web4 is the natural progression of the Internet – and the decentralized cloud was the base layer to create Web4. [Stay tuned, friends](https://forum.threefold.io/t/threefold-is-the-infrastructure-layer-of-web4-stay-tuned-12-12-24/4446).

css/index.css

@@ -12,6 +12,12 @@
 
 @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
 
+.dashboard:hover {
+
+  background: #74ddc3 !important;
+}
+
+
 /* Custom CSS for header partial */
 .backdrop-blur {
   -webkit-backdrop-filter: blur(40px);
@@ -39,6 +45,7 @@
 }
 
 
+
 /* Custom css allowing image styling in markdown */
 img[src*="#mx-auto"] {
   margin: auto;
@@ -181,7 +188,7 @@ background-color:#5596f5 !important;
 }
 
 .footer-cust a:hover {
-  color: rgb(65, 65, 65); 
+  color: #c7c7c7; 
 }
 
 .footer-cust h6{

tailwind.config.js

@@ -47,6 +47,7 @@ module.exports = {
       transparent: 'transparent',
       white: '#ffffff',
       black: '#000000',
+      green: '#c7c7c7 ',
       gray: colors.gray,
       slate: colors.slate,
       stone: colors.stone,

templates/404.html

@@ -6,11 +6,11 @@
 
 <div class="lg:pt-20 pt-8">
     <div>
-        <img class="w-64 md:w-80 mx-auto" src="/images/404_text.png" alt="404_image">
+        <img class="w-1/2 lg:w-1/4 mx-auto my-10" src="/images/404_1.png" alt="404_image">
     </div>
     <div class="max-w-5xl mx-auto">
-     <h3 class="text-2xl md:text-5xl font-semibold">You seem to have ended up on <span class="blue">a missing page!</span></h3>
+     <h3 class="text-2xl md:text-4xl font-semibold">You seem to have ended up on a missing page!</h3>
-     <p class="font-normal">This could mean that you’ve entered the wrong URL or you’ve clicked on content which has moved locations or is no longer live. If you need assistance, click on the blue chat icon at the bottom of the screen to speak with real humans on our support team. Or go back to <a href="/">home</a>.</p>
+     <p class="font-normal text-gray-500">This could mean that you’ve entered the wrong URL or you’ve clicked on content which has moved locations or is no longer live. If you need assistance, click on the blue chat icon at the bottom of the screen to speak with real humans on our support team. Or go back to <a class="text-gray-50" href="/">home</a>.</p>
     </div>
   
 </div>

templates/partials/blogPosts.html

@@ -19,7 +19,7 @@
             {% include "partials/postCard.html" %} 
          {%endif%} {%- endfor %}
     </div>
-    <hr class="mt-6" />
+    <hr class="my-10 border-gray-700"/>
     <p class="text-center text-sm mt-2 mb-16">
       {% if paginator.previous %}
       <a

templates/partials/footer.html

@@ -24,8 +24,8 @@
                 <div class="mt-6 mx-auto border-t border-gray-700 pt-8">
                     <p data-v-14efe4a7="" class="text-base leading-6 text-gray-400 text-center">
                         © <span id="year"></span> ThreeFold - All rights reserved.
-                        <a target="_blank" href="https://docs.threefold.io/docs/legal/terms_and_conditions" class="leading-6 text-gray-500 hover:text-gray-300">Terms &amp; Conditions |</a>
+                        <a target="_blank" href="https://docs.threefold.io/docs/legal/terms_and_conditions" class="leading-6 text-gray-500 hover:text-green">Terms &amp; Conditions |</a>
-                        <a target="_blank" href="https://docs.threefold.io/docs/legal/privacy_policy" class="leading-6 text-gray-500 hover:text-gray-300">Privacy Policy</a>
+                        <a target="_blank" href="https://docs.threefold.io/docs/legal/privacy_policy" class="leading-6 text-gray-500 hover:text-green">Privacy Policy</a>
 
                     </p>
                 </div>

templates/partials/header.html

@@ -11,13 +11,13 @@
                 </a>
             </div>
             <div class="-mr-2 -my-2 lg:hidden">
-                <button id="hamburger-btn" type="button" class="bg-black1 inline-flex items-center justify-center p-2 border-gray-100 rounded-md text-gray-400 hover:text-gray-500 focus:outline-none focus:text-gray-500 transition duration-200 ease-in-out">
+                <button id="hamburger-btn" type="button" class="bg-black1 inline-flex items-center justify-center p-2 border-gray-100 rounded-md text-gray-400  focus:outline-none focus:text-gray-500 transition duration-200 ease-in-out">
                     <!-- Heroicon name: menu -->
                     <svg class="h-6 w-6 text-gray-100" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
                     </svg>
                 </button>
-            <button id="close-hamburger-btn" type="button" class="bg-black1 hidden lg:hidden items-center justify-center p-2 border-gray-100 rounded-md text-gray-400 hover:text-gray-500 focus:outline-none focus:text-gray-500 transition duration-250 ease-in-out">
+            <button id="close-hamburger-btn" type="button" class="bg-black1 hidden lg:hidden items-center justify-center p-2 border-gray-100 rounded-md text-gray-400  focus:outline-none focus:text-gray-500 transition duration-250 ease-in-out">
                 <!-- Heroicon name: x -->
                 <svg class="h-6 w-6 text-gray-100" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
@@ -36,23 +36,23 @@
                     {% set current = get_url(path=link_path[1]) ~ "/" %}
                     {% if header_label is containing("http") %}
                         {% if header_label is not containing("threefold") %}
-                        <a href="{{link_path[1]}}" target="_blank" class="text-lg py-3 leading-6 font-light text-pretty tracking-wide text-white hover:text-gray-200 focus:outline-none focus:text-gray-200 transition ease-in-out duration-150">
+                        <a href="{{link_path[1]}}" target="_blank" class="text-lg py-3 leading-6 font-light text-pretty tracking-wide text-white focus:outline-none focus:text-gray-200 transition ease-in-out duration-150">
                             {{link_label}}
                         </a>
                         {% endif %}
                       {% elif current_url and current == current_url %}
-                          <a href="{{ get_url(path=link_path[1])}}" class="text-lg py-3 leading-6 font-light text-pretty tracking-wide text-white hover:text-gray-200 focus:outline-none focus:text-gray-200 transition ease-in-out duration-150">
+                          <a href="{{ get_url(path=link_path[1])}}" class="text-lg py-3 leading-6 font-light active text-pretty tracking-wide transition ease-in-out duration-150">
                             {{link_label}}
                           </a>
                       {% else %}
-                        <a href="{{ get_url(path=link_path[1])}}" class="text-lg py-3 leading-6 font-normal text-white hover:text-gray-200 focus:outline-none focus:text-gray-200 transition ease-in-out duration-150">
+                        <a href="{{ get_url(path=link_path[1])}}" class="text-lg py-3 leading-6 font-normal text-white focus:outline-none focus:text-gray-200 transition ease-in-out duration-150">
                           {{link_label}}
                         </a>
                       {% endif %}
                 {% else %}
                     <div class="relative">
                         {% set button_id = header_label ~ "-menu-btn" | slugify %}
-                    <button type="button" id="{{button_id}}" class="bg-black1 nav_btn py-3  text-white group inline-flex items-center space-x-2 text-lg leading-6 font-normal hover:text-gray-200 focus:outline-none transition ease-in-out duration-150">
+                    <button type="button" id="{{button_id}}" class="bg-black1 nav_btn py-3  text-white group inline-flex items-center space-x-2 text-lg leading-6 font-normal focus:outline-none transition ease-in-out duration-150">
                         <span>{{ header_label }}</span>
                         <div class="-rotate-90 transition-transform transform origin-center duration-200 ease-out"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#ffffff"><path d="M0 0h24v24H0z" fill="none"/><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/></svg></div>
                     </button>
@@ -107,7 +107,7 @@
                       </a>
                     </li> 
                   </ul> #}
-                    <a href="https://docs.threefold.io/" target="_blank" class=" rounded-2xl bg-white px-4 py-1 text-sm font-semibold text-black shadow-sm hover:bg-gray-300 hover:text-gray-800">TF Docs</a>
+                    <a href="https://docs.threefold.io/" target="_blank" class="dashboard rounded-2xl bg-white px-4 p-2 text-sm font-semibold text-black shadow-sm hover:text-gray-800 hover:bg-green">TF Docs</a>
                 </div>
               </div>
             </div>
@@ -197,7 +197,7 @@
                       </div> #}
 
                       <div class="rounded-full border-2 my-4 border-gray-400 py-2 mx-4">
-                        <a href="https://docs.threefold.io/" target="_blank" class="mt-2 rounded-md px-4 py-2.5 text-lg font-semibold text-white shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white">TF Docs</a>
+                        <a href="https://docs.threefold.io/" target="_blank" class="mt-2 rounded-md px-4 py-2.5 text-lg font-semibold text-white shadow-sm hover:text-gray-300 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white">TF Docs</a>
                       </div>
                     </nav>                    
                 </div>
@@ -209,3 +209,18 @@
 
 
 </header>
+
+<style>
+
+  nav a:hover{
+  color: #c7c7c7 !important;
+}
+
+.active{
+  color: #c7c7c7 !important;
+}
+.nav_btn:hover {
+  color: #c7c7c7 !important;
+}
+
+</style>

templates/partials/home/cta.html

@@ -4,7 +4,7 @@
         Build the <br>Internet of Tomorrow, <br>Today.
       </h2>
       <div class="mt-10 flex items-center 0 gap-x-6 lg:mt-0 lg:shrink-0 flex-wrap justify-center lg:justify-start">
-        <a href="https://docs.threefold.io/" target="_blank" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-gray-200 hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-offset-2 mb-4 lg:mb-0">
+        <a href="https://docs.threefold.io/" target="_blank" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-green hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-offset-2 mb-4 lg:mb-0">
           Dive Deeper
         </a>
         

templates/partials/home/farmers.html

@@ -45,7 +45,7 @@
         </div>
       </div>
       <div class="mt-12 flex items-center justify-center gap-x-6">
-        <a href="https://docs.threefold.io/docs/category/become-a-farmer" target="_blank" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-gray-200 hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-offset-2 mt-8">Become a Farmer</a>
+        <a href="https://docs.threefold.io/docs/category/become-a-farmer" target="_blank" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-green hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-offset-2 mt-8">Become a Farmer</a>
       </div>
     </div>
       </dl>

templates/partials/home/grid_stats.html

@@ -47,7 +47,7 @@
     </div>
     </div>
     <div class="mt-12 flex items-center justify-center gap-x-6">
-      <a href="https://dashboard.grid.tf/#/tf-grid/node-statistics/" target="_blank" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-gray-200 hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-offset-2 mt-8">Explore Grid Capacity</a>
+      <a href="https://dashboard.grid.tf/#/tf-grid/node-statistics/" target="_blank" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-green hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 mt-8">Explore Grid Capacity</a>
     </div>
   </div>
   

templates/partials/home/hero.html

@@ -8,8 +8,8 @@
         <h2 class="text-balance font-normal tracking-tight text-white lg:text-6xl text-6xl fade-in">Web4</h2>
         <br>
         <div class="mt-10 flex items-center justify-center gap-x-6">
-          <a href="/what" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-gray-200 hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-offset-2">What We've Built</a>
+          <a href="/what" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:text-gray-800 hover:bg-green focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2">What We've Built</a>
-          <a href="https://docs.threefold.io/" target="_blank" class="fade-in text-base font-semibold text-white hover:text-gray-400">Read TF Docs<span aria-hidden="true">→</span></a>
+          <a href="https://docs.threefold.io/" target="_blank" class="fade-in text-base font-semibold text-white hover:text-green ">Read TF Docs<span aria-hidden="true">→</span></a>
         </div>
       </div>
     </div>
@@ -39,5 +39,6 @@
     p {
       animation-delay: 1s; /* Delay for paragraphs */
     }
+
   </style>
   

templates/partials/icons/svgLastPageIcon.html

@@ -1 +1,5 @@
-<svg width="12px" height="12px" class="inline" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g transform="matrix(-1.22465e-16,-2,-2,1.22465e-16,48,48)"><path d="M12,0L24,24L0,24L12,0Z" style="fill:rgb(128,128,128);"/></g></svg>
+<svg width="12px" height="12px" class="inline" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(-1.22465e-16,-2,-2,1.22465e-16,48,48)">
+        <path d="M12,0L24,24L0,24L12,0Z" style="fill:rgb(116,221,195);"/> <!-- Updated to green -->
+    </g>
+</svg>

templates/partials/icons/svgNextPageIcon.html

@@ -1 +1,3 @@
-<svg width="12px" height="12px" class="inline" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g transform="matrix(-1.22465e-16,-2,-2,1.22465e-16,48,48)"><path d="M12,0L24,24L0,24L12,0Z" style="fill:rgb(0,170,255);"/></g></svg>
+<svg width="12px" height="12px" class="inline" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(-1.22465e-16,-2,-2,1.22465e-16,48,48)">
+        <path d="M12,0L24,24L0,24L12,0Z" style="fill:rgb(116,221,195);"/></g></svg>

templates/partials/icons/svgPrevPageIcon.html

@@ -1 +1,2 @@
-<svg width="12px" height="12px" class="inline" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g transform="matrix(1.22465e-16,-2,2,1.22465e-16,0,48)"><path d="M12,0L24,24L0,24L12,0Z" style="fill:rgb(0,170,255);"/></g></svg>
+<svg width="12px" height="12px" class="inline" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(1.22465e-16,-2,2,1.22465e-16,0,48)"><path d="M12,0L24,24L0,24L12,0Z" style="fill:rgb(116,221,195);"/></g></svg>

templates/partials/newsPosts.html

@@ -19,7 +19,7 @@
             {% include "partials/newsCard.html" %} 
         {%endif%} {%- endfor %}
     </div>
-    <hr class="mt-6" />
+    <hr class="my-10 border-gray-700"/>
     <p class="text-center text-sm mt-2 mb-16">
       {% if paginator.previous %}
       <a

templates/partials/socialLinks.html

@@ -5,7 +5,7 @@
 <div class="flex space-x-4">
     {% for key, link in section.extra.socialLinks %}
 
-        <a href="{{link}}" target="_blank" class="text-gray-400 hover:text-gray-500">
+        <a href="{{link}}" target="_blank" class="text-gray-400 hover:text-green">
         <span class="sr-only">{{key}}</span>
         {% if key == "Facebook" %}
         {% include "partials/icons/svgFacebookIcon.html" %}