From 72b05bf5f62b5d8faa738125b13685f656aeb96a Mon Sep 17 00:00:00 2001
From: Gavin Taylor <408490+gavtaylor@users.noreply.github.com>
Date: Wed, 26 Jun 2024 15:58:08 +0100
Subject: [PATCH] sync cloud product links on homepage and cloud overview page

---
 source/_themes/ukf/layout.html | 630 +++++++++++++++++----------------
 source/ecloud/index.rst        |   2 +-
 2 files changed, 317 insertions(+), 315 deletions(-)
diff --git a/source/_themes/ukf/layout.html b/source/_themes/ukf/layout.html
index 460db42df..e43b0bb79 100644
--- a/source/_themes/ukf/layout.html
+++ b/source/_themes/ukf/layout.html
@@ -1,13 +1,13 @@
 {%- macro script(script_files) %}
-    {%- for scriptfile in script_files %}
-    <script type="text/javascript" src="{{ pathto(scriptfile, 1) }}"></script>
-    {%- endfor %}
+{%- for scriptfile in script_files %}
+<script type="text/javascript" src="{{ pathto(scriptfile, 1) }}"></script>
+{%- endfor %}
 {%- endmacro %}
 
 {%- macro css(css_files) %}
-    {%- for cssfile in css_files %}
-    <link rel="stylesheet" href="{{ pathto(cssfile, 1) }}" type="text/css" />
-    {%- endfor %}
+{%- for cssfile in css_files %}
+<link rel="stylesheet" href="{{ pathto(cssfile, 1) }}" type="text/css" />
+{%- endfor %}
 {%- endmacro %}
 
 {# The files that make these builds are defined in Makefile #}
@@ -16,66 +16,66 @@
 
 <!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml">
-  <head>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-      ga('create', 'UA-85544024-1', 'auto');
-      ga('send', 'pageview');
-
-    </script>
-    <meta http-equiv="Content-Type" content="text/html; charset={{ encoding }}" />
-    {{ metatags }}
-    <title>{{ title|striptags|e }}{{ titlesuffix }} | ANS Documentation</title>
-    <link href="{{ pathto('_static/favicon.ico', 1) }}" rel="icon" />
-
-    {{ css(css_files) }}
-    {{ script(script_files) }}
-
-    {% for lang in languages %}
-        {%- if lang != language -%}
-            {%- if has_lang(lang, pagename) -%}
-            <link rel="alternate" hreflang="{{ lang }}" href="{{ lang_link(lang, pagename) }}" />
-            {%- endif -%}
-        {%- endif -%}
-    {% endfor %}
-
-    <link rel="search" type="application/opensearchdescription+xml" title="Search within {{ docstitle }}" href="{{ pathto('_static/opensearchdescription-book-3-x.xml', 1) }}">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-
-{%- block linktags %}
-    {%- if hasdoc('about') %}
-    <link rel="author" title="{{ _('About these documents') }}" href="{{ pathto('about') }}" />
-    {%- endif %}
-    {%- if hasdoc('genindex') %}
-    <link rel="index" title="{{ _('Index') }}" href="{{ pathto('genindex') }}" />
-    {%- endif %}
-    {%- if hasdoc('search') %}
-    <link rel="search" title="{{ _('Search') }}" href="{{ pathto('search') }}" />
-    {%- endif %}
-    {%- if hasdoc('copyright') %}
-    <link rel="copyright" title="{{ _('Copyright') }}" href="{{ pathto('copyright') }}" />
-    {%- endif %}
-    <link rel="top" title="{{ docstitle|e }}" href="{{ pathto('index') }}" />
-    {%- if parents %}
-    <link rel="up" title="{{ parents[-1].title|striptags|e }}" href="{{ parents[-1].link|e }}" />
+<head>
+	<script>
+		(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+			(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+				m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+		})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
+
+		ga('create', 'UA-85544024-1', 'auto');
+		ga('send', 'pageview');
+
+	</script>
+	<meta http-equiv="Content-Type" content="text/html; charset={{ encoding }}" />
+	{{ metatags }}
+	<title>{{ title|striptags|e }}{{ titlesuffix }} | ANS Documentation</title>
+	<link href="{{ pathto('_static/favicon.ico', 1) }}" rel="icon" />
+
+	{{ css(css_files) }}
+	{{ script(script_files) }}
+
+	{% for lang in languages %}
+	{%- if lang != language -%}
+	{%- if has_lang(lang, pagename) -%}
+	<link rel="alternate" hreflang="{{ lang }}" href="{{ lang_link(lang, pagename) }}" />
+	{%- endif -%}
+	{%- endif -%}
+	{% endfor %}
+
+	<link rel="search" type="application/opensearchdescription+xml" title="Search within {{ docstitle }}" href="{{ pathto('_static/opensearchdescription-book-3-x.xml', 1) }}">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+	{%- block linktags %}
+	{%- if hasdoc('about') %}
+	<link rel="author" title="{{ _('About these documents') }}" href="{{ pathto('about') }}" />
 	{%- endif %}
-    {%- if next %}
-    <link rel="next" title="{{ next.title|striptags|e }}" href="{{ next.link|e }}" />
-    {%- endif %}
-    {%- if prev %}
-    <link rel="prev" title="{{ prev.title|striptags|e }}" href="{{ prev.link|e }}" />
-    {%- endif %}
-{%- endblock %}
-
-    <script type="text/javascript">
-    window.lang = "{{ language }}";
-    </script>
-  </head>
-  <body>
+	{%- if hasdoc('genindex') %}
+	<link rel="index" title="{{ _('Index') }}" href="{{ pathto('genindex') }}" />
+	{%- endif %}
+	{%- if hasdoc('search') %}
+	<link rel="search" title="{{ _('Search') }}" href="{{ pathto('search') }}" />
+	{%- endif %}
+	{%- if hasdoc('copyright') %}
+	<link rel="copyright" title="{{ _('Copyright') }}" href="{{ pathto('copyright') }}" />
+	{%- endif %}
+	<link rel="top" title="{{ docstitle|e }}" href="{{ pathto('index') }}" />
+	{%- if parents %}
+	<link rel="up" title="{{ parents[-1].title|striptags|e }}" href="{{ parents[-1].link|e }}" />
+	{%- endif %}
+	{%- if next %}
+	<link rel="next" title="{{ next.title|striptags|e }}" href="{{ next.link|e }}" />
+	{%- endif %}
+	{%- if prev %}
+	<link rel="prev" title="{{ prev.title|striptags|e }}" href="{{ prev.link|e }}" />
+	{%- endif %}
+	{%- endblock %}
+
+	<script type="text/javascript">
+		window.lang = "{{ language }}";
+	</script>
+</head>
+<body>
 
 {%- block header %}
 {# Outer wrapper for pushing the footer to the bottom #}
@@ -228,297 +228,299 @@ <h4 class="modal-title-cookbook" id="modal-header">{# header text injected via j
 			</div>
 		</div>
 	</div>
-{% endblock -%}
+	{% endblock -%}
 
-{%- block content %}
-<div class="container-fluid page-container">
-
-  {%- if 'index' in pagename and pagename != 'index' -%}
-      <div id="improve-slideout">
-  		<i class="fa fa-pencil icon-improve"></i>
-		<a href="https://github.com/ans-group/docs.ukfast.co.uk/edit/master/source/{{ pagename }}.rst" target="_blank">
-  			<div id="improve-slideout-inner"><h6>Improve This Doc <i class="fa fa-github git-improve"></i></h6></div>
-  		</a>
-  	</div>
-      {%- elif pagename != 'search' and pagename != 'index' -%}
-        <div id="improve-slideout">
-        <i class="fa fa-pencil icon-improve"></i>
-        <a href="https://github.com/ans-group/docs.ukfast.co.uk/edit/master/source/{{ pagename }}.md" target="_blank">
-          <div id="improve-slideout-inner"><h6>Improve This Doc <i class="fa fa-github git-improve"></i></h6></div>
-        </a>
-        </div>
-  {%- endif -%}
-
-
-<div class="row">
-
-	{# toctree contains the site nav - we'll use to extract the navigation title for the final breadcrumb - can't find another way! #}
-	{% set theTocTree = toctree() | replace("</a>", ";") | replace(" href=\"", "></a>") | striptags | replace("\">", "%") %}
-    {% set theTocTree = theTocTree.split(";") %}
-
-	{## Grid layout on root index only ##}
-  {%- if pagename == 'index' -%}
-
-  <div id="main-menu-container" class="container">
-  <h1 id="welcome-to-the-ukfast-documentation-centre">Welcome to the ANS Documentation Centre</h1>
-  <p>For help with ANS products and services, and guidance with common hosting technology.</p>
-
-  <div class="grid-container grid-parent">
-	<div class="grid-item box">
-		<i class="fa fa-cloud"></i>
-		<h2><a href="/docs/ecloud/">Cloud Technology</a></h2>
-		<ul>
-			<li><a href="/docs/ecloud/flex/">eCloud Flex</a></li>
-			<li><a href="/docs/ecloud/vault/">eCloud Vault</a></li>
-			<li><a href="/docs/ecloud/public/">eCloud Public</a></li>
-			<li><a href="/docs/ecloud/private/">eCloud Private</a></li>
-			<li><a href="/docs/ecloud/ecloud-vpc/">eCloud VPC</a></li>
-		</ul>
-	</div>
-	<div class="grid-item box col2">
-		<i class="fa fa-desktop"></i>
-		<h2><a href="/docs/desktop/">Desktop and office solutions</a></h2>
-		<ul>
-			<li><a href="/docs/desktop/fastdesk/">FastDesk</a></li>
-			<li><a href="/docs/desktop/fastdrive/">FastDrive</a></li>
-		</ul>
-	</div>
-	<div class="grid-item box">
-		<i class="fa fa-map-signs"></i>
-		<h2><a href="/docs/domains/">Domains and DNS management</a></h2>
-		<ul>
-			<li><a href="/docs/domains/domains/">Domain Name Management</a></li>
-			<li><a href="/docs/domains/safedns/">SafeDNS</a></li>
-			<li><a href="/docs/domains/ssl/">SSL Certificates</a></li>
-			<li><a href="/docs/domains/rdns/">Reverse DNS Records</a></li>
-		</ul>
-	</div>
-	<div class="grid-item box col2">
-		<i class="fa fa-hdd-o"></i>
-		<h2><a href="/docs/dr-ha/">Backup and High Availability</a></h2>
-		<ul>
-			<li><a href="/docs/dr-ha/ukfast_backup/">UKFast Backup</a></li>
-			<li><a href="/docs/dr-ha/techniques/">Backup Techniques</a></li>
-			<li><a href="/docs/dr-ha/terms/">General backup guidance</a></li>
-			<li><a href="/docs/dr-ha/bcp/">Business Continuity Platform</a></li>
-			<li><a href="/docs/network/loadbalancing/">Classic Load Balancers</a></li>
-			<li><a href="/docs/network/load-balancers/">Load Balancers</a></li>
-			<li><a href="/docs/dr-ha/draas/">Disaster Recovery as a Service</a></li>
-		</ul>
-	</div>
-	<div class="grid-item box">
-		<i class="fa fa-envelope-o"></i>
-		<h2><a href="/docs/email/">Email</a></h2>
-		<ul>
-			<li><a href="/docs/email/mailconfig/">Basic Email Config</a></li>
-			<li><a href="/docs/email/bounces/">Legitimate Mail Being Blocked/Bouncing</a></li>
-			<li><a href="/docs/email/dkim/">DomainKeys Identified Mail (DKIM)</a></li>
-			<li><a href="/docs/email/spf/">Sender Policy Framework (SPF) records</a></li>
-			<li><a href="/docs/email/postfix/">Postfix mail transfer agent</a></li>
-			<li><a href="/docs/email/hmail-antispam-setup/">hMailServer - Anti-spam Setup</a></li>
-		</ul>
-	</div>
-	<div class="grid-item box col2">
-		<i class="fa fa-shield"></i>
-		<h2><a href="/docs/security/">Security</a></h2>
-		<ul>
-			<li><a href="/docs/security/ddos/">DDoSX<sup>®</sup></a></li>
-			<li><a href="/docs/security/webapplicationfirewall/">Web Application Firewall</a></li>
-			<li><a href="/docs/security/threatmonitoring/">Threat Monitoring and Threat Response</a></li>
-			<li><a href="/docs/security/antivirus/">McAfee Antivirus</a></li>
-			<li><a href="/docs/security/vulnerabilityscans/">Vulnerability Scans</a></li>
-			<li><a href="/docs/security/magento/">Magento Security</a></li>
-			<li><a href="/docs/security/wordpress/">WordPress Security</a></li>
-			<li><a href="/docs/security/cryptolocker/">CryptoLocker</a></li>
-			<li><a href="/docs/security/dirtycow/">Dirty COW</a></li>
-		</ul>
-	</div>
-	<div class="grid-item box">
-		<i class="fa fa-shopping-cart"></i>
-		<h2><a href="/docs/ecommercestacks/">eCommerce Stacks</a></h2>
-		<ul>
-			<li><a href="/docs/ecommercestacks/magento/magento1/">Magento 1</a></li>
-			<li><a href="/docs/ecommercestacks/magento/magento2/">Magento 2</a></li>
-			<li><a href="/docs/ecommercestacks/shopware/">Shopware</a></li>
-			<li><a href="/docs/ecommercestacks/woocommerce/">WooCommerce</a></li>
-			<li><a href="/docs/ecommercestacks/aerocommerce/">AeroCommerce</a></li>
-		</ul>
-	</div>
+	{%- block content %}
+	<div class="container-fluid page-container">
 
-	<div class="grid-item box col2">
-		<i class="fa fa-heartbeat"></i>
-		<h2><a href="/docs/monitoring/">Monitoring and usage management</a></h2>
-		<ul>
-			<li><a href="/docs/monitoring/proprotection/">PROprotection report</a></li>
-			<li><a href="/docs/monitoring/monitoring/">Capacity Threshold Monitoring</a></li>
-			<li><a href="/docs/monitoring/memoryusage/">Memory usage</a></li>
-			<li><a href="/docs/monitoring/bandwidth/">Bandwidth usage</a></li>
-			<li><a href="/docs/monitoring/checkdiskspace/">Disk space</a></li>
-			<li><a href="/docs/monitoring/dpack/">Using DPACK to monitor server/virtual machine performance</a></li>
-		</ul>
-	</div>
-	<div class="grid-item box">
-		<i class="fa fa-sitemap"></i>
-		<h2><a href="/docs/network/">Networking</a></h2>
-		<ul>
-			<li><a href="/docs/network/cdn/">Content Delivery Network</a></li>
-			<li><a href="/docs/network/colo/">Colocation</a></li>
-			<li><a href="/docs/network/firewalls/">Firewalls</a></li>
-			<li><a href="/docs/network/loadbalancing/">Classic Load Balancers</a></li>
-			<li><a href="/docs/network/load-balancers/">Load Balancers</a></li>
-			<li><a href="/docs/network/policy/">Policy</a></li>
-		</ul>
-	</div>
-	<div class="grid-item box col2">
-		<i class="fa fa-laptop"></i>
-		<h2><a href="/docs/operatingsystems/">Operating Systems</a></h2>
-		<ul>
-			<li><a href="/docs/operatingsystems/linux/">Linux</a></li>
-			<li><a href="/docs/operatingsystems/vmware-esxi/">VMware</a></li>
-			<li><a href="/docs/operatingsystems/windows/">Windows</a></li>
-		</ul>
-	</div>
-	<div class="grid-item box col2">
-		<i class="fa fa-rocket"></i>
-		<h2><a href="/docs/webcel/">Webcelerator</a></h2>
-	</div>
+		{%- if 'index' in pagename and pagename != 'index' -%}
+		<div id="improve-slideout">
+			<i class="fa fa-pencil icon-improve"></i>
+			<a href="https://github.com/ans-group/docs.ukfast.co.uk/edit/master/source/{{ pagename }}.rst" target="_blank">
+				<div id="improve-slideout-inner"><h6>Improve This Doc <i class="fa fa-github git-improve"></i></h6></div>
+			</a>
+		</div>
+		{%- elif pagename != 'search' and pagename != 'index' -%}
+		<div id="improve-slideout">
+			<i class="fa fa-pencil icon-improve"></i>
+			<a href="https://github.com/ans-group/docs.ukfast.co.uk/edit/master/source/{{ pagename }}.md" target="_blank">
+				<div id="improve-slideout-inner"><h6>Improve This Doc <i class="fa fa-github git-improve"></i></h6></div>
+			</a>
+		</div>
+		{%- endif -%}
 
-  </div>
-</div>
-    {%- else -%}
-	<a id="back-to-contents" href="#page-contents"><i class="fa fa-arrow-circle-up icon-improve" title="Back to Contents"></i></a>
 
+		<div class="row">
 
-		{# TOC sidebar #}
-		<div id ="sidebar-container" class=" pull-off hidden-xs hidden-sm" lang="{{ language }}">
-			{%- for sidebartemplate in sidebars %}
-			<aside class="sidebar">
-				<div class="row">
-					{%- include sidebartemplate %}
+			{# toctree contains the site nav - we'll use to extract the navigation title for the final breadcrumb - can't find another way! #}
+			{% set theTocTree = toctree() | replace("</a>", ";") | replace(" href=\"", "></a>") | striptags | replace("\">", "%") %}
+			{% set theTocTree = theTocTree.split(";") %}
+
+			{## Grid layout on root index only ##}
+			{%- if pagename == 'index' -%}
+
+			<div id="main-menu-container" class="container">
+				<h1 id="welcome-to-the-ukfast-documentation-centre">Welcome to the ANS Documentation Centre</h1>
+				<p>For help with ANS products and services, and guidance with common hosting technology.</p>
+
+				<div class="grid-container grid-parent">
+					<div class="grid-item box">
+						<i class="fa fa-cloud"></i>
+						<h2><a href="/docs/ecloud/">Cloud Technology</a></h2>
+						<ul>
+							<li><a href="/docs/ecloud/ecloud-vpc/">eCloud VPC</a></li>
+							<li><a href="/docs/ecloud/private/">eCloud Private</a></li>
+							<li><a href="/docs/ecloud/public/">eCloud Public</a></li>
+							<li><a href="/docs/ecloud/vault/">eCloud Vault</a></li>
+						</ul>
+					</div>
+					<div class="grid-item box col2">
+						<i class="fa fa-desktop"></i>
+						<h2><a href="/docs/desktop/">Desktop and office solutions</a></h2>
+						<ul>
+							<li><a href="/docs/desktop/fastdesk/">FastDesk</a></li>
+							<li><a href="/docs/desktop/fastdrive/">FastDrive</a></li>
+						</ul>
+					</div>
+					<div class="grid-item box">
+						<i class="fa fa-map-signs"></i>
+						<h2><a href="/docs/domains/">Domains and DNS management</a></h2>
+						<ul>
+							<li><a href="/docs/domains/domains/">Domain Name Management</a></li>
+							<li><a href="/docs/domains/safedns/">SafeDNS</a></li>
+							<li><a href="/docs/domains/ssl/">SSL Certificates</a></li>
+							<li><a href="/docs/domains/rdns/">Reverse DNS Records</a></li>
+						</ul>
+					</div>
+					<div class="grid-item box col2">
+						<i class="fa fa-hdd-o"></i>
+						<h2><a href="/docs/dr-ha/">Backup and High Availability</a></h2>
+						<ul>
+							<li><a href="/docs/dr-ha/ukfast_backup/">UKFast Backup</a></li>
+							<li><a href="/docs/dr-ha/techniques/">Backup Techniques</a></li>
+							<li><a href="/docs/dr-ha/terms/">General backup guidance</a></li>
+							<li><a href="/docs/dr-ha/bcp/">Business Continuity Platform</a></li>
+							<li><a href="/docs/network/loadbalancing/">Classic Load Balancers</a></li>
+							<li><a href="/docs/network/load-balancers/">Load Balancers</a></li>
+							<li><a href="/docs/dr-ha/draas/">Disaster Recovery as a Service</a></li>
+						</ul>
+					</div>
+					<div class="grid-item box">
+						<i class="fa fa-envelope-o"></i>
+						<h2><a href="/docs/email/">Email</a></h2>
+						<ul>
+							<li><a href="/docs/email/mailconfig/">Basic Email Config</a></li>
+							<li><a href="/docs/email/bounces/">Legitimate Mail Being Blocked/Bouncing</a></li>
+							<li><a href="/docs/email/dkim/">DomainKeys Identified Mail (DKIM)</a></li>
+							<li><a href="/docs/email/spf/">Sender Policy Framework (SPF) records</a></li>
+							<li><a href="/docs/email/postfix/">Postfix mail transfer agent</a></li>
+							<li><a href="/docs/email/hmail-antispam-setup/">hMailServer - Anti-spam Setup</a></li>
+						</ul>
+					</div>
+					<div class="grid-item box col2">
+						<i class="fa fa-shield"></i>
+						<h2><a href="/docs/security/">Security</a></h2>
+						<ul>
+							<li><a href="/docs/security/ddos/">DDoSX<sup>®</sup></a></li>
+							<li><a href="/docs/security/webapplicationfirewall/">Web Application Firewall</a></li>
+							<li><a href="/docs/security/threatmonitoring/">Threat Monitoring and Threat Response</a></li>
+							<li><a href="/docs/security/antivirus/">McAfee Antivirus</a></li>
+							<li><a href="/docs/security/vulnerabilityscans/">Vulnerability Scans</a></li>
+							<li><a href="/docs/security/magento/">Magento Security</a></li>
+							<li><a href="/docs/security/wordpress/">WordPress Security</a></li>
+							<li><a href="/docs/security/cryptolocker/">CryptoLocker</a></li>
+							<li><a href="/docs/security/dirtycow/">Dirty COW</a></li>
+						</ul>
+					</div>
+					<div class="grid-item box">
+						<i class="fa fa-shopping-cart"></i>
+						<h2><a href="/docs/ecommercestacks/">eCommerce Stacks</a></h2>
+						<ul>
+							<li><a href="/docs/ecommercestacks/magento/magento1/">Magento 1</a></li>
+							<li><a href="/docs/ecommercestacks/magento/magento2/">Magento 2</a></li>
+							<li><a href="/docs/ecommercestacks/shopware/">Shopware</a></li>
+							<li><a href="/docs/ecommercestacks/woocommerce/">WooCommerce</a></li>
+							<li><a href="/docs/ecommercestacks/aerocommerce/">AeroCommerce</a></li>
+						</ul>
+					</div>
+
+					<div class="grid-item box col2">
+						<i class="fa fa-heartbeat"></i>
+						<h2><a href="/docs/monitoring/">Monitoring and usage management</a></h2>
+						<ul>
+							<li><a href="/docs/monitoring/proprotection/">PROprotection report</a></li>
+							<li><a href="/docs/monitoring/monitoring/">Capacity Threshold Monitoring</a></li>
+							<li><a href="/docs/monitoring/memoryusage/">Memory usage</a></li>
+							<li><a href="/docs/monitoring/bandwidth/">Bandwidth usage</a></li>
+							<li><a href="/docs/monitoring/checkdiskspace/">Disk space</a></li>
+							<li><a href="/docs/monitoring/dpack/">Using DPACK to monitor server/virtual machine performance</a></li>
+						</ul>
+					</div>
+					<div class="grid-item box">
+						<i class="fa fa-sitemap"></i>
+						<h2><a href="/docs/network/">Networking</a></h2>
+						<ul>
+							<li><a href="/docs/network/cdn/">Content Delivery Network</a></li>
+							<li><a href="/docs/network/colo/">Colocation</a></li>
+							<li><a href="/docs/network/firewalls/">Firewalls</a></li>
+							<li><a href="/docs/network/loadbalancing/">Classic Load Balancers</a></li>
+							<li><a href="/docs/network/load-balancers/">Load Balancers</a></li>
+							<li><a href="/docs/network/policy/">Policy</a></li>
+						</ul>
+					</div>
+					<div class="grid-item box col2">
+						<i class="fa fa-laptop"></i>
+						<h2><a href="/docs/operatingsystems/">Operating Systems</a></h2>
+						<ul>
+							<li><a href="/docs/operatingsystems/linux/">Linux</a></li>
+							<li><a href="/docs/operatingsystems/vmware-esxi/">VMware</a></li>
+							<li><a href="/docs/operatingsystems/windows/">Windows</a></li>
+						</ul>
+					</div>
+					<div class="grid-item box col2">
+						<i class="fa fa-rocket"></i>
+						<h2><a href="/docs/webcel/">Webcelerator</a></h2>
+					</div>
+					<div class="grid-item box col2">
+						<i class="fa fa-warehouse-alt"></i>
+						<h2><a href="/docs/myukfast/datacentreaccess/">Colocation</a></h2>
+					</div>
 				</div>
-			</aside>
-			{%- endfor %}
-		</div>
+			</div>
+			{%- else -%}
+			<a id="back-to-contents" href="#page-contents"><i class="fa fa-arrow-circle-up icon-improve" title="Back to Contents"></i></a>
+
+
+			{# TOC sidebar #}
+			<div id ="sidebar-container" class=" pull-off hidden-xs hidden-sm" lang="{{ language }}">
+				{%- for sidebartemplate in sidebars %}
+				<aside class="sidebar">
+					<div class="row">
+						{%- include sidebartemplate %}
+					</div>
+				</aside>
+				{%- endfor %}
+			</div>
 
-		<div id ="content-container" class="space-left push-off">
-			<div class="document-body">
-				<div id="main-menu-container">
+			<div id ="content-container" class="space-left push-off">
+				<div class="document-body">
+					<div id="main-menu-container">
 
-					<ul id="breadcrumb">
-						<li><a href="{{ pathto(master_doc) }}">Home</a> &gt;</li>
-						{%- for parent in parents -%}
-						<li><a href="{{ parent.link|e }}">{{ parent.title }}</a> &gt;</li>
-						{%- endfor -%}
-						{%- for element in theTocTree -%}
+						<ul id="breadcrumb">
+							<li><a href="{{ pathto(master_doc) }}">Home</a> &gt;</li>
+							{%- for parent in parents -%}
+							<li><a href="{{ parent.link|e }}">{{ parent.title }}</a> &gt;</li>
+							{%- endfor -%}
+							{%- for element in theTocTree -%}
 							{%- set el = element.split("%") %}
 							{%- set url = el[0] | trim | safe %}{% set BreadCrumbTitle = el[1] | trim | safe -%}
 							{%- if url == '#' -%}<li>{{ BreadCrumbTitle }}</li>
 							{%- endif %}
-						{%- endfor %}
-					</ul>
+							{%- endfor %}
+						</ul>
 
-					{% block body %} {% endblock %}
+						{% block body %} {% endblock %}
 
 
-					{%- if next -%}
-					<p>Next Article > <a title="{{ next.title|striptags|e }}" href="{{ next.link|e }}" />{{ next.title|striptags|e }}</a></p>
-					{%- endif -%}
+						{%- if next -%}
+						<p>Next Article > <a title="{{ next.title|striptags|e }}" href="{{ next.link|e }}" />{{ next.title|striptags|e }}</a></p>
+						{%- endif -%}
 
+					</div>
 				</div>
 			</div>
-		</div>
 
-		{%- endif -%}
+			{%- endif -%}
 
+		</div>
 	</div>
-</div>
-{% endblock -%}
+	{% endblock -%}
 
-{%- block footer %}
-<section id="socials" class="back-3">
-	<div class="container-fluid">
-		<div class="row">
-			<div class="col-xs-12 col-sm-12 col-md-12 social-footer text-center ">
-				<a href="https://twitter.com/ANSGroup" data-toggle="tooltip" title="Twitter"><i class="fa icon-social fa-twitter"></i></a>
-				<a href="https://www.facebook.com/ans.co.uk/" data-toggle="tooltip" title="Facebook"><i class="fa icon-social fa-facebook"></i></a>
-				<a href="https://www.youtube.com/@ANSGroupPlc" data-toggle="tooltip" title="Youtube"><i class="fa icon-social fa-youtube-play"></i></a>
-				<a href="https://uk.linkedin.com/company/ans-group-plc" data-toggle="tooltip" title="LinkedIn"><i class="fa icon-social fa-linkedin"></i></a>
+	{%- block footer %}
+	<section id="socials" class="back-3">
+		<div class="container-fluid">
+			<div class="row">
+				<div class="col-xs-12 col-sm-12 col-md-12 social-footer text-center ">
+					<a href="https://twitter.com/ANSGroup" data-toggle="tooltip" title="Twitter"><i class="fa icon-social fa-twitter"></i></a>
+					<a href="https://www.facebook.com/ans.co.uk/" data-toggle="tooltip" title="Facebook"><i class="fa icon-social fa-facebook"></i></a>
+					<a href="https://www.youtube.com/@ANSGroupPlc" data-toggle="tooltip" title="Youtube"><i class="fa icon-social fa-youtube-play"></i></a>
+					<a href="https://uk.linkedin.com/company/ans-group-plc" data-toggle="tooltip" title="LinkedIn"><i class="fa icon-social fa-linkedin"></i></a>
+				</div>
 			</div>
 		</div>
-	</div>
-</section>
+	</section>
 
-<footer id="footer" class="footer-wrapper">
-	<div class="container">
+	<footer id="footer" class="footer-wrapper">
+		<div class="container">
 
-		<div class="row col-p30">
+			<div class="row col-p30">
 
 
-			<div class="col-sm-12 col-md-12">
-				<div class="col-md-3 col-sm-6 useful-links">
-					<ul class="footer-menu">
-						{% include 'menu/useful-links.html' %}
-					</ul>
-				</div>
+				<div class="col-sm-12 col-md-12">
+					<div class="col-md-3 col-sm-6 useful-links">
+						<ul class="footer-menu">
+							{% include 'menu/useful-links.html' %}
+						</ul>
+					</div>
 
-				<div class="col-md-3 col-sm-6">
-					<ul class="footer-menu">
-						{% include 'menu/useful-links-cont.html' %}
-					</ul>
-				</div>
+					<div class="col-md-3 col-sm-6">
+						<ul class="footer-menu">
+							{% include 'menu/useful-links-cont.html' %}
+						</ul>
+					</div>
 
-				<div class="col-md-3 col-sm-6">
-					<ul class="footer-menu">
-						{% include 'menu/getting-in-touch.html' %}
-					</ul>
-				</div>
+					<div class="col-md-3 col-sm-6">
+						<ul class="footer-menu">
+							{% include 'menu/getting-in-touch.html' %}
+						</ul>
+					</div>
 
-				<div class="col-md-3 col-sm-6">
-					<ul class="footer-menu">
-						{% include 'menu/help.html' %}
-					</ul>
+					<div class="col-md-3 col-sm-6">
+						<ul class="footer-menu">
+							{% include 'menu/help.html' %}
+						</ul>
+					</div>
 				</div>
 			</div>
-		</div>
 
-<!--        <div class="accreditations clearfix row">-->
-<!--        	<ul>-->
-<!--        	    <li class="dell" title="Dell Hosting Partner">Dell</li>-->
-<!--        	    <li class="redhat" title="Red Hat Hosting Partner">Red Hat</li>-->
-<!--        	    <li class="vmware" title="VMware Enterprise Service Provider">VMware</li>-->
-<!--        	    <li class="microsoft" title="Microsoft Gold Certified Partner">Microsoft</li>-->
-<!--        	    <li class="cisco" title="CISCO Powered">Cisco</li>-->
-<!--        	    <li class="par" title="3PAR Serving Information">3PAR</li>-->
-<!--        	    <li class="lpi" title="LPI Approved Training Partner">LPI</li>-->
-<!--        	    <li class="pci" title="PCI Security Standards Council">PCI Security Standards Council</li>-->
-<!--        	    <li class="isoqar" title="ISOQAR Compliant">ISOQAR</li>-->
-<!--        	    <li class="bsi" title="BSI Carbon Neutral Certified">BSI</li>-->
-<!--        	</ul>-->
-<!--		</div>-->
+			<!--        <div class="accreditations clearfix row">-->
+			<!--        	<ul>-->
+			<!--        	    <li class="dell" title="Dell Hosting Partner">Dell</li>-->
+			<!--        	    <li class="redhat" title="Red Hat Hosting Partner">Red Hat</li>-->
+			<!--        	    <li class="vmware" title="VMware Enterprise Service Provider">VMware</li>-->
+			<!--        	    <li class="microsoft" title="Microsoft Gold Certified Partner">Microsoft</li>-->
+			<!--        	    <li class="cisco" title="CISCO Powered">Cisco</li>-->
+			<!--        	    <li class="par" title="3PAR Serving Information">3PAR</li>-->
+			<!--        	    <li class="lpi" title="LPI Approved Training Partner">LPI</li>-->
+			<!--        	    <li class="pci" title="PCI Security Standards Council">PCI Security Standards Council</li>-->
+			<!--        	    <li class="isoqar" title="ISOQAR Compliant">ISOQAR</li>-->
+			<!--        	    <li class="bsi" title="BSI Carbon Neutral Certified">BSI</li>-->
+			<!--        	</ul>-->
+			<!--		</div>-->
 
-		<div class="row">
-			<div class="col-md-12 text-center mt30">
-				<p class="copyright">
-					© ANS Group Limited <script>document.write(new Date().getFullYear())</script> | <a href="https://www.ans.co.uk/terms-and-conditions/">Terms and Conditions</a> | <a href="https://www.ans.co.uk/corporate-guidance/">Corporate Guidance</a> | <a href="https://www.ans.co.uk/sitemap.xml">Sitemap</a><br>ANS Group Limited, registered in England and Wales, company registration number 03176761, registered office 1 Archway, Birley Fields, Manchester M15 5QJ
-				</p>
+			<div class="row">
+				<div class="col-md-12 text-center mt30">
+					<p class="copyright">
+						© ANS Group Limited <script>document.write(new Date().getFullYear())</script> | <a href="https://www.ans.co.uk/terms-and-conditions/">Terms and Conditions</a> | <a href="https://www.ans.co.uk/corporate-guidance/">Corporate Guidance</a> | <a href="https://www.ans.co.uk/sitemap.xml">Sitemap</a><br>ANS Group Limited, registered in England and Wales, company registration number 03176761, registered office 1 Archway, Birley Fields, Manchester M15 5QJ
+					</p>
+				</div>
 			</div>
 		</div>
-	</div>
-</footer>
+	</footer>
 
-<div id="inline-search-results"></div>
+	<div id="inline-search-results"></div>
 
-{# End of div[id=wrapper] #}
+	{# End of div[id=wrapper] #}
 </div>
 
 <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-  ga('create', 'UA-296510-48', 'auto');
-  ga('send', 'pageview');
+	(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+		(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+			m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+	})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
+	ga('create', 'UA-296510-48', 'auto');
+	ga('send', 'pageview');
 </script>
 {% endblock -%}
-  </body>
+</body>
 </html>
diff --git a/source/ecloud/index.rst b/source/ecloud/index.rst
index 99ebd27a1..e88db4dac 100644
--- a/source/ecloud/index.rst
+++ b/source/ecloud/index.rst
@@ -10,8 +10,8 @@ through to Private and Sovereign Cloud solutions.
 
    ecloud-vpc/index
    private/index
+   public/index
    vault/index
-   console
 
 .. title:: Public and Private Cloud Services | ANS Documentation
 
