Skip to content

Commit

Permalink
Merge pull request #12 from robatwilliams/redesign
Browse files Browse the repository at this point in the history 
Redesign to company brand
  • Loading branch information
@ColinEberhardt
ColinEberhardt authored Apr 10, 2024
2 parents a456469 + f3889b2 commit 31fac99
Show file tree
Hide file tree
Showing 52 changed files with 1,605 additions and 177 deletions.
1 change: 1 addition & 0 deletions 404.html
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
permalink: /404.html
layout: home
title: Practitioner's Guides
---

<style type="text/css" media="screen">
Expand Down
4 changes: 2 additions & 2 deletions Gemfile.lock
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,8 +28,8 @@ GEM
faraday-net_http (>= 2.0, < 3.1)
ruby2_keywords (>= 0.0.4)
faraday-net_http (3.0.2)
ffi (1.15.5)
ffi (1.15.5-x64-mingw-ucrt)
ffi (1.16.3)
ffi (1.16.3-x64-mingw-ucrt)
forwardable-extended (2.6.0)
gemoji (3.0.1)
github-pages (228)
Expand Down
4 changes: 2 additions & 2 deletions _config.yml
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
title: Practitioner's Guides
title: Practitioner's Guides by Scott Logic
about: "The Scott Logic practitioner's guides are designed to be
small practical guides for IT professionals. We draw on our collective
experience to tackle topics that we don't feel are addressed elsewhere.
Expand All @@ -18,7 +18,7 @@ plugins:
toc:
enabled: true
h_min: 1
h_max: 4
h_max: 3

include:
- _pages
Expand Down
34 changes: 28 additions & 6 deletions _includes/footer.html
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,29 @@
<div id="footer">
<p>
</br>
Notice something isn't right or needs improving? Make a contribution to the
<a href="{{ site.GitHub_url }}/blob/main/{{ page.path }}">GitHub Repository</a>
</p>
<div id="footer" class="pt-2 pb-1">
<div>
<p class="ml-3 mr-3">
Notice something isn't right or needs improving? Make a contribution to the
<a href="{{ site.GitHub_url }}/blob/main/{{ page.path }}">GitHub Repository</a>
</p>
</div>
<div class="mt-2 mb-2 footer-row">
<a href="{{ site.sl_url }}/">
<img src="{{ '/assets/images/logo.svg' | relative_url }}" alt="Logo" id="footer-logo" style="height: 30px; width: auto;">
</a>
<a href="{{ site.sl_url }}/contact-us" style="color: #2bb3bb;">Contact Us</a>
<a title="LinkedIn" target="_blank" rel="noopener noreferrer" href="https://www.linkedin.com/company/scott-logic-limited/">
<img src="{{ '/assets/images/linkedin.svg' | relative_url }}" alt="LinkedIn Logo" id="linkedin-logo">
</a>
<a title="YouTube" target="_blank" rel="noopener noreferrer" href="https://www.youtube.com/c/scottlogicltd">
<img src="{{ '/assets/images/youtube.svg' | relative_url }}" alt="YouTube Logo" id="youtube-logo">
</a>
<a title="b corp certified" target="_blank" rel="noopener noreferrer" href="https://www.bcorporation.net/en-us/">
<img src="{{ '/assets/images/2018-B-Corp-Logo-Black.svg' | relative_url }}" alt="B Corp Logo" id="b-corp-logo">
</a>
</div>
<div class="footer-row misc">
<p class="mb-0">© Copyright Scott Logic {{ site.time | date: '%Y' }}.</p>
<a href="{{ site.sl_url }}/privacy-policy">Privacy</a>
<a href="{{ site.sl_url }}/cookies-policy">Cookies policy</a>
<a href="{{ site.sl_url }}/modern-slavery-statement">Modern Slavery Statement</a>
</div>
</div>
12 changes: 12 additions & 0 deletions _includes/guide_banner.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
{% assign banner_colour = "charcoal" %}

{% if include.colour == "turquoise" or include.colour == "charcoal" %}
{% assign banner_colour = include.colour %}
{% endif %}

{% assign banner_path = '/assets/images/guide-banner-' | append: banner_colour | append: '.svg' %}

<div id="guide-banner">
<image src="{{ banner_path | relative_url }}" alt="shapes banner" />
<h1>{{ page.title }}</h1>
</div>
10 changes: 10 additions & 0 deletions _includes/home_banner.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
<div id="banner">
<image src="{{ '/assets/images/home-background.webp' | relative_url }}" alt="Boardroom meeting" />
<div id="banner-overlay" class="container-wide">
<a href="{{ site.sl_url }}/"><img src="{{ '/assets/images/logo-inverted.svg' | relative_url }}"></a>
<div id="banner-overlay-content" class="container-regular">
<h1>{{ page.title }}</h1>
<p>Practical guidelines to help IT professionals deliver on their objectives.</p>
</div>
</div>
</div>
8 changes: 8 additions & 0 deletions _includes/home_get_in_touch.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
<div id="get-in-touch">
<img src="{{ '/assets/images/blue-stripes-dots.svg' | relative_url }}" alt="blue stripes and dots">
<div>
<h2 style="padding-top: 0;">Get in touch</h2>
<p>Want to know more about the technical guides or the additional support we can provide to your organisation?</p>
<a class="block-highlight-turquoise" target="_blank" rel="noopener noreferrer" href="{{ site.sl_url }}/contact-us?formId=sales-enquiries">Drop us a line</a>
</div>
</div>
35 changes: 35 additions & 0 deletions _includes/home_guide_promo.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
<div class="guide-promo-wrapper">
<h2 class="mt-0 mb-0 pt-0 pb-0 lift">Read our Practitioner's Guides</h2>
<div class="guide-promo">
{% for item in site.pages %}
{% if item.comingSoon != true and item.secret != true %}
<div class="guide-promo-column">
<div>
<a class="guide-promo-top bg-charcoal" href="{{ item.url | relative_url }}">
<div>
<img src="{{ '/assets/images/logo-inverted.svg' | relative_url }}" alt="Logo">
<p class="title">{{ item.title }}</p>
</div>
<div>
<img alt="arrow forward" src="{{ '/assets/images/arrow-turquoise.svg' | relative_url }}" />
<img alt="arrow forward" src="{{ '/assets/images/arrow-turquoise.svg' | relative_url }}" />
</div>
<img class="stripe-top-right" alt="pint stripes" src="{{ '/assets/images/stripe-pink.svg' | relative_url }}" />
<img class="stripe-bottom-left" alt="orange stripes" src="{{ '/assets/images/stripe-orange-full.svg' | relative_url }}" />
</a>
<div class="guide-promo-bottom">
<div>
<a href="{{ item.url | relative_url }}">{{ item.description }}</a>
<p class="summary">{{ item.summary }}</p>
<div class="guide-promo-profile">
{% include profile.html profile=item.profile author=item.author %}
<p class="bold">{{ item.author }}</p>
</div>
</div>
</div>
</div>
</div>
{% endif %}
{% endfor %}
</div>
</div>
35 changes: 35 additions & 0 deletions _includes/home_guide_promo_coming_soon.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
<div class="guide-promo-wrapper">
<h2 class="mt-0 mb-0 pt-0 pb-0">Coming soon...</h2>
<div class="guide-promo">
{% for item in site.pages %}
{% if item.comingSoon == true and item.secret != true %}
<div class="guide-promo-column coming-soon">
<div>
<div class="guide-promo-top coming-soon bg-light-orange">
<div>
<img src="{{ '/assets/images/logo.svg' | relative_url }}" alt="Logo">
<p class="title">{{ item.title }}</p>
</div>
<div>
<img alt="arrow forward" src="{{ '/assets/images/arrow-pink.svg' | relative_url }}" />
<img alt="arrow forward" src="{{ '/assets/images/arrow-pink.svg' | relative_url }}" />
</div>
<img class="stripe-top-right" alt="pink stripes" src="{{ '/assets/images/stripe-orange-trimmed.svg' | relative_url }}" />
<img class="stripe-bottom-left" alt="teal stripes" src="{{ '/assets/images/stripe-teal.svg' | relative_url }}" />
</div>
<div class="guide-promo-bottom">
<div>
<strong>{{ item.description }}</strong>
<p class="summary">{{item.summary}}</p>
<div class="guide-promo-profile">
{% include profile.html profile=item.profile author=item.author %}
<p class="bold">{{ item.author }}</p>
</div>
</div>
</div>
</div>
</div>
{% endif %}
{% endfor %}
</div>
</div>
11 changes: 11 additions & 0 deletions _includes/profile.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
{% if include.profile %}
<div class="profile-icon">
<img alt="profile picture" src="{{ site.baseurl }}/media/{{ include.profile }}">
</div>
{% else %}
<div class="profile-icon">
{% assign forename = include.author | split: " " | first | slice: 0 %}
{% assign surname = include.author | split: " " | last | slice: 0 %}
<span>{{ forename }}{{ surname }}</span>
</div>
{% endif %}
45 changes: 13 additions & 32 deletions _layouts/default.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,44 +3,25 @@

<head>
<meta charset="utf-8">
<title>{{ site.title }} - {{ page.title }}</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>{% if page.layout != 'home' %}{{ page.title }} - {% endif %}{{ site.title }}</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="{{ '/assets/css/style.css' | relative_url }}">
<link rel="shortcut icon" type="image/x-icon" href="{{ site.baseurl }}/assets/images/favicon.ico">
<script>
(function(d) {
var config = {
kitId: 'iig6jdr',
scriptTimeout: 3000,
async: true
},
h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(/\bwf-loading\b/g,"")+" wf-inactive";},config.scriptTimeout),tk=d.createElement("script"),f=false,s=d.getElementsByTagName("script")[0],a;h.className+=" wf-loading";tk.src='https://use.typekit.net/'+config.kitId+'.js';tk.async=true;tk.onload=tk.onreadystatechange=function(){a=this.readyState;if(f||a&&a!="complete"&&a!="loaded")return;f=true;clearTimeout(t);try{Typekit.load(config)}catch(e){}};s.parentNode.insertBefore(tk,s)
})(document);
</script>
</head>

<body>
<div id="sidebar">
<div id="sidebar-logo-container">
<a href="{{ site.sl_url }}/"><img src="{{ '/assets/images/scott-logic-primary-no-tagline-full-color-rgb-900px-w-72ppi.png' | relative_url }}" alt="Logo" id="sidebar-logo"></a>
</div>
<ul>
<li class="{% if page.url == '/' %}active{% endif %}">
<a href="{{ site.baseurl }}/">{{ site.title }}</a>
</li>
<div id="sidebar-nav-items">
{% for post in site.pages %}
{% if post.title %}
{% if post.url != page.url %}
<li id="nav-item-page-title"><a href="{{ post.url | relative_url }}">{{ post.title }}</a></li>
{% endif %}
{% if site.toc.enabled %}
{% if post.url == page.url %}
{% include toc.html html=content h_min=site.toc.h_min h_max=site.toc.h_max item_class='active' %}
{% endif %}
{% endif %}
{% endif %}
{% endfor %}
</div>
<li><a href="{{ site.GitHub_url }}">Visit our GitHub repository</a></li>
</ul>
</div>
<button id="sidebar-toggle">☰</button>
<div id="content">
{{ content }}
</div>
<script src="{{ '/assets/js/sidebar.js' | relative_url }}">
</script>
{{ content }}
</body>

</html>
24 changes: 22 additions & 2 deletions _layouts/home.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,5 +2,25 @@
layout: default
---

<h1>{{ page.title }}</h1>
{{ content }}
<div class="container-wide">
{% include home_banner.html %}
</div>
<div class="container-regular mt-5 mb-5">
{{ content }}
</div>
<div class="container-wide mt-5 bg-turquoise-light">
<div class="container-regular">
{% include home_guide_promo.html %}
</div>
</div>
<div class="container-wide bottom-shape-bottom1 bg-turquoise-light"></div>
<div class="container-wide mt-5">
<div class="container-regular">
{% include home_guide_promo_coming_soon.html %}

{% include home_get_in_touch.html %}
</div>
</div>
<div class="container-wide">
{% include footer.html %}
</div>
95 changes: 81 additions & 14 deletions _layouts/post.html
View file
Original file line number Diff line number Diff line change
@@ -1,18 +1,85 @@
---
layout: default
---
<html>
<div id="page-content">
<h1 id="page-title">{{ page.title }}</h1>
<h6 id="page-author">by {{ page.author }} - {{ page.date | date_to_string }}</h6>
<p id="page-description">{{page.description}}</p>
<p id="about-this-series">
{{ site.about }}
<br/>
<br/>
This guide is made available under the permissive Creative Commons <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY-NC-SA 4.0 license</a>
</p>
{{ content }}

<div id="guide-root">
<div id="minibar">
<input id="show-sidebar" name="show-sidebar" type="checkbox" />
<label for="show-sidebar" id="show-sidebar-icon"></label>
<span id="current-section"></span>
</div>
{% include footer.html %}
</html>
<div id="guide-wrapper">
<div id="sidebar" class="bg-turquoise-light">
<div id="sidebar-logo-container">
<a href="{{ site.sl_url }}/"><img src="{{ '/assets/images/logo.svg' | relative_url }}" alt="Logo" id="sidebar-logo"></a>
</div>
<ul>
<li class="{% if page.url == '/' %}active{% endif %}">
<a href="{{ site.baseurl }}/">{{ site.title }}</a>
</li>
<div id="sidebar-nav-items">
{% for post in site.pages %}
{% if post.comingSoon != true and post.secret != true %}
{% if post.title %}
{% if post.url == page.url %}
<li class="nav-item-page-title active"><a href="{{ post.url | relative_url }}">{{ post.title }}</a></li>
{% else %}
<li class="nav-item-page-title"><a href="{{ post.url | relative_url }}">{{ post.title }}</a></li>
{% endif %}
{% if site.toc.enabled %}
{% if post.url == page.url %}
{% include toc.html html=content h_min=site.toc.h_min h_max=site.toc.h_max item_class='active' %}
{% endif %}
{% endif %}
{% endif %}
{% endif %}
{% endfor %}
</div>
<li><a href="{{ site.GitHub_url }}">Visit our GitHub repository</a></li>
</ul>
</div>
<div id="guide-content">
{% include guide_banner.html colour=page.banner %}
<div class="container-regular">
<span>&lt; <a class="back" title="Return to guides home page" href="{{ site.baseurl }}/">back</a></span>
</div>
<div id="guide-content-columns">
<div>
<div class="container-regular page-content">
<p id="page-description">{{page.description}}</p>
<p class="right-align">{{ page.date | date_to_string }}</p>
<p id="about-this-series">
{{ site.about }}
<br/>
<br/>
This guide is made available under the permissive Creative Commons <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY-NC-SA 4.0 license</a>
</p>
{{ content }}
</div>
<div class="container-wide">
{% include footer.html %}
</div>
</div>
<div id="right-column">
<div id="guide-profile">
<div>
{% include profile.html profile=page.profile author=page.author %}
</div>
<div id="guide-profile-about">
<p class="pt-0 mb-0 pb-0">by {{ page.author }}</p>
<p class="mt-0 pt-0 mb-0 pb-0 bold underline-turquoise">{{ page.role }}</p>
</div>
</div>
{% if page.bio %}
<div id="bio">
{{ page.bio }}
</div>
{% endif %}
</div>
</div>
</div>
</div>
</div>

<script src="{{ '/assets/js/sidebar.js' | relative_url }}">
</script>
Loading

0 comments on commit 31fac99

Please sign in to comment.