Updated the styles to match brand look, updated the links

ans-group · Dec 13, 2023 · fc3112b · fc3112b
1 parent 123d161
commit fc3112b
Show file tree

Hide file tree

Showing 14 changed files with 108 additions and 92 deletions.
diff --git a/source/_static/favicon.ico b/source/_static/favicon.ico
diff --git a/source/_templates/favicon.ico b/source/_templates/favicon.ico
diff --git a/source/_themes/ukf/layout.html b/source/_themes/ukf/layout.html
diff --git a/source/_themes/ukf/menu/help.html b/source/_themes/ukf/menu/help.html
@@ -1,7 +1,2 @@
 {# help menu fragment for header/footer #}
-<li class="menu-title"><i class="fa fa-menu-title fa-comments-o"></i>Help &amp; Support</li>
-
-<li><a href="https://www.ukfast.co.uk/contact.html"><i class="fa fa-menu fa-chevron-right"></i>Contact Us</a></li>
-<li><a href="https://www.ukfast.co.uk/request-a-server-quote.html?cta=footer"><i class="fa fa-menu fa-chevron-right"></i>Request a Quote</a></li>
-
-<li><a href="https://chat.ukfast.co.uk/newchat/chat.aspx?domain=www.ukfast.co.uk"><i class="fa fa-menu fa-chevron-right"></i>Live Chat</a></li>
+<li><a href="https://www.ans.co.uk/lets-talk/"><i class="fa fa-menu fa-chevron-right"></i>Get in touch</a></li>
diff --git a/source/_themes/ukf/menu/useful-links-cont.html b/source/_themes/ukf/menu/useful-links-cont.html
@@ -1,8 +1,7 @@
 <li class="menu-title">
 	<i class="fa fa-menu-title"></i>
 </li>
-<li><a href="https://www.ukfast.co.uk/our-datacentres.html"><i class="fa fa-menu fa-chevron-right"></i>UKFast Data Centres</a></li>
-<li><a href="https://www.ukfast.co.uk/partner-programme.html"><i class="fa fa-menu fa-chevron-right"></i>Partner Programme</a></li>
-<li><a href="https://www.ukfast.co.uk/about.html"><i class="fa fa-menu fa-chevron-right"></i>About UKFast</a></li>
-<li><a href="https://www.ukfast.co.uk/careers.html"><i class="fa fa-menu fa-chevron-right"></i>Careers</a></li>
-<li><a href="https://www.ukfast.co.uk/blog/"><i class="fa fa-menu fa-chevron-right"></i>Blog</a></li>
+<li><a href="https://www.ans.co.uk/data-centres/"><i class="fa fa-menu fa-chevron-right"></i>ANS Data Centres</a></li>
+<li><a href="https://www.ans.co.uk/our-company/"><i class="fa fa-menu fa-chevron-right"></i>About ANS</a></li>
+<li><a href="https://www.ans.co.uk/careers/open-roles/"><i class="fa fa-menu fa-chevron-right"></i>Careers</a></li>
+<li><a href="https://www.ans.co.uk/blog/"><i class="fa fa-menu fa-chevron-right"></i>Blog</a></li>
diff --git a/source/_themes/ukf/menu/useful-links.html b/source/_themes/ukf/menu/useful-links.html
@@ -1,8 +1,7 @@
 <li class="menu-title">
 	<i class="fa fa-menu-title fa-link"></i>Useful Links
 </li>
-<li><a href="https://www.ukfast.co.uk/dedicated-server.html"><i class="fa fa-menu fa-chevron-right"></i>Dedicated Servers</a></li>
-<li><a href="https://www.ukfast.co.uk/cloud-hosting.html"><i class="fa fa-menu fa-chevron-right"></i>Cloud Hosting</a></li>
-<li><a href="https://www.ukfast.co.uk/server-hosting.html"><i class="fa fa-menu fa-chevron-right"></i>Hosting Solutions</a></li>
-<li><a href="https://www.ukfast.co.uk/ecommerce-hosting.html"><i class="fa fa-menu fa-chevron-right"></i>Ecommerce Hosting</a></li>
-<li><a href="https://www.ukfast.co.uk/colocation-data-centres-manchester.html"><i class="fa fa-menu fa-chevron-right"></i>Colocation</a></li>
+<li><a href="https://www.ans.co.uk/smb/"><i class="fa fa-menu fa-chevron-right"></i>SMB</a></li>
+<li><a href="https://www.ans.co.uk/enterprise-cloud/"><i class="fa fa-menu fa-chevron-right"></i>Enterprise</a></li>
+<li><a href="https://www.ans.co.uk/channel/"><i class="fa fa-menu fa-chevron-right"></i>Channel</a></li>
+<li><a href="https://www.ans.co.uk/public-sector-cloud/"><i class="fa fa-menu fa-chevron-right"></i>Public Sector</a></li>
diff --git a/source/_themes/ukf/static/css/default.css b/source/_themes/ukf/static/css/default.css
@@ -165,7 +165,6 @@
 }
 #sidebar-navigation > ul > li:before {
     color: #363637;
-    font-family: 'Raleway', sans-serif;
     display: block;
     font-weight: bold;
     font-size: 13px;
@@ -708,10 +707,10 @@ dt tt {
 }
 
 .box i {
-    font-size: 44px;
+    font-size: 27px;
     float: left;
     margin: 10px 20px 0 0;
-    color: #2C5282;
+    color: #303D5F;
 }
 
 .box ul {

diff --git a/source/_themes/ukf/static/css/flex-grid.css b/source/_themes/ukf/static/css/flex-grid.css
@@ -7,11 +7,11 @@
 .grid-item {
     width: 100%;
     margin: 0 0 20px 0;
-    border: 1px solid #e4e1e1;
     border-radius: 2px;
-    background: #faf9f9;
+    background: #F8FAFC;
     box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);
     font-size: 1em;
+    border-left: 2px solid #69DAE2;
 }
 
 .grid-item.box.col2 {

diff --git a/source/_themes/ukf/static/css/style.css b/source/_themes/ukf/static/css/style.css
@@ -1,7 +1,10 @@
-@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);
-@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400italic);
 @import url(https://fonts.googleapis.com/css?family=Roboto+Mono:400,700italic,500italic,500,400italic,300italic,300,100italic,100,700);
+@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600&display=swap);
 
+:root {
+    --ans-dark-blue: #202E52;
+    --ans-light-blue:#303D5F;
+}
 html,
 body {
     width: 100%;
@@ -15,7 +18,7 @@ body {
     text-rendering: optimizeLegibility;
     -moz-osx-font-smoothing: grayscale;
     min-height: 100%;
-    font-family: system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
+    font-family: 'Outfit', sans-serif;
     font-size: 1.5em;
     line-height: 26px;
     /* letter-spacing: 0.05em; */
@@ -76,7 +79,7 @@ h2 a {
 }
 
 #container {
-    background-color: #F1F1F1;
+    background-color: #F8FAFC;
 }
 
 #main-menu-container {
@@ -173,12 +176,12 @@ iframe {
 ::-moz-selection {
     text-shadow:none;
     color: #fff;
-    background:rgba(243,40,55,0.8);
+    background: rgba(48, 61, 95, 0.8);
 }
 ::selection {
     text-shadow:none;
     color: #fff;
-    background:rgba(243,40,55,0.8);
+    background: rgba(48, 61, 95, 0.8);
 }
 
 /* Background layer */
@@ -1059,7 +1062,7 @@ input[type="email"].big-dog::webkit-input-placeholder {
 /* Popovers */
 .popover {
     border-radius: 0;
-    font-family: 'Droid Sans', sans-serif;
+    font-family: 'Outfit', sans-serif;
     border:none;
     background-color: #fcfcfc;
     box-shadow:0 4px 15px rgba(0,0,0,0.3);
@@ -1095,7 +1098,7 @@ input[type="email"].big-dog::webkit-input-placeholder {
     padding:10px;
 }
 .modal-title {
-    font-family: 'Droid Sans', sans-serif;
+    font-family: 'Outfit', sans-serif;
     font-size:17px;
     color:#556;
 }
@@ -1258,7 +1261,7 @@ input[type="email"].big-dog::webkit-input-placeholder {
 
 /* *********************    Footers     ********************* */
 .footer-wrapper {
-    background-color: #363638;
+    background-color: #202e52;
     color: #d8dade;
     position:relative;
     padding:20px 0 40px;
@@ -1350,7 +1353,7 @@ input[type="email"].big-dog::webkit-input-placeholder {
     background: #363638;
 }
 .back-3 {
-    background: #2B2B2B;
+    background: #303d5f;
 }
 .back-red {
     background: #D33C45;
@@ -1545,12 +1548,10 @@ blockquote {
     display: block;
     width: 100%;
     height: 34px;
-    font-size: 1.5em;
     line-height: 1.42857143;
     color: #FFF;
     background-color: #A92B32;
     background-image: none;
-    border: 1px solid #ccc;
     border-radius: 4px;
     -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
     box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
@@ -1620,7 +1621,7 @@ blockquote {
 
 
 .back-book {
-    background-color: #04151F;
+    background-color: #303D5F;
     -webkit-transition: all 0.3s linear;
     transition: all 0.3s linear;
 }
@@ -1649,14 +1650,18 @@ blockquote {
 
 .icon-submenu {
     padding-left: 0px;
-    font-size: 26px;
     vertical-align: -17%;
     padding-right: 5px;
 }
 
+.search-floating-button {
+    background: none;
+    border: none;
+    color: #fff;
+}
+
 .logo svg {
-    margin-top: 22px;
-    height: 50px;
+    height: 60px;
 }
 
 #footer input {
@@ -1684,7 +1689,7 @@ header {
     transition: top 0.2s ease-in-out;
     width: 100%;
     z-index: 99;
-    background: #132F3F;
+    background: var(--ans-dark-blue);
 }
 
 .nav-up {
@@ -1739,7 +1744,7 @@ header {
 #wrap .tt-input:focus {
   z-index: 1;
   cursor: text;
-  background-color: #04151F;
+  background-color: var(--ans-light-blue);
   border-radius: 0;
 }
 #wrap input[type="submit"] {
@@ -1853,9 +1858,10 @@ header {
 /* Search form */
 .form-cook {
     margin-top: 8px;
-    background: #132F3F;
-    border-radius: 0;
+    background: var(--ans-dark-blue);
+    border-radius: 999px;
     height: 30px;
+    padding-left: 50px;
 }
 
 .search-cook {
@@ -1865,8 +1871,8 @@ header {
 .standalone-search button,
 .search-cook button {
     padding-left: 7px;
-    color: #565656;
-    font-size: 23px;
+    color: white;
+    font-size: 19px;
     border: 0;
     outline: 0;
     background: transparent;
@@ -2023,7 +2029,7 @@ header {
 
 #btn-toc:hover {
     color: white;
-    background-color: #04151F;
+    background-color: var(--ans-light-blue);
 }
 
 .modal-title-cookbook {
@@ -2119,3 +2125,10 @@ header {
 .docs-flex-holder li {
     margin-top: 5px;
 }
+
+.search-field-root .search-floating-button{
+    position: absolute;
+    left: 10px;
+    top: 50%;
+    transform: translateY(-50%);
+}
diff --git a/source/desktop/fastdrive/techinformation.md b/source/desktop/fastdrive/techinformation.md
@@ -89,7 +89,7 @@ FastDrive is a secure self-managed platform. Each customer will be provided with
 * Apps include – Windows/Mac/Linux. Print and Scan directly to the FastDrive account. Drive Mapper. Sync Tools and more.
 * Mobile Device Security including: File Self-Destruct, External Application Interaction, Encryption, Remote Wipe.
 
-UKFast Data Centres are ISO 27001 certified, PCI-compliant and secured up to UK government IL4 standards, which ensures your solution is protected by exceptional levels of both physical and virtual security at all times.
+ANS Data Centres are ISO 27001 certified, PCI-compliant and secured up to UK government IL4 standards, which ensures your solution is protected by exceptional levels of both physical and virtual security at all times.
 
  ```eval_rst
    .. title:: FastDrive | Technical information about the FastDrive product

diff --git a/source/favicon.ico b/source/favicon.ico
diff --git a/source/monitoring/monitoring/getstarted.md b/source/monitoring/monitoring/getstarted.md
@@ -2,7 +2,7 @@
 
 Follow these steps to get started with Capacity Threshold Monitoring.
 
-1. Head to [MyUKFast](https://portal.ans.co.uk)
+1. Head to [Portal ANS](https://portal.ans.co.uk)
 2. Go to `Dedicated Servers` under the `Products and Services` menu
 3. Click on the `IP` or `Name` of the server you wish to work on
 4. Click on the `CTM` tab.

diff --git a/source/monitoring/monitoring/scheduledowntime.md b/source/monitoring/monitoring/scheduledowntime.md
@@ -2,7 +2,7 @@
 
 If you need to perform some maintenance on your solution then you can schedule downtime within MyUKFast, so that alerts aren't raised during this window.  Here's how:
 
-1. Login to [MyUKFast](https://portal.ans.co.uk)
+1. Login to [Portal ANS](https://portal.ans.co.uk)
 2. Go to `Dedicated Servers` in the `Products and Services`
 3. Find the server you need to work on from the list
 4. Scroll down on the Details page to find the Schedule Maintenance section.

diff --git a/source/monitoring/monitoring/view.md b/source/monitoring/monitoring/view.md
@@ -1,6 +1,6 @@
 # Where can I view my monitoring results?
 
-UKFast offers a variety of monitoring options, the list of available ones for your server can be found in the following location in your [MyUKFast area](https://www.ukfast.co.uk/myukfast.html):
+ANS offers a variety of monitoring options, the list of available ones for your server can be found in the following location in your [MyUKFast area](https://www.ukfast.co.uk/myukfast.html):
 
 'Products and Services' > `Dedicated Servers`