diff --git a/404.html b/404.html index 513f3f3..945107c 100644 --- a/404.html +++ b/404.html @@ -1,6 +1,7 @@ --- permalink: /404.html layout: home +title: Practitioner's Guides --- + + + + + + + diff --git a/assets/images/close.svg b/assets/images/close.svg new file mode 100644 index 0000000..b536414 --- /dev/null +++ b/assets/images/close.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/images/guide-banner-charcoal.svg b/assets/images/guide-banner-charcoal.svg new file mode 100644 index 0000000..024358c --- /dev/null +++ b/assets/images/guide-banner-charcoal.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/images/guide-banner-turquoise.svg b/assets/images/guide-banner-turquoise.svg new file mode 100644 index 0000000..fcec682 --- /dev/null +++ b/assets/images/guide-banner-turquoise.svg @@ -0,0 +1,33 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/images/home-background.webp b/assets/images/home-background.webp new file mode 100644 index 0000000..f90c6d5 Binary files /dev/null and b/assets/images/home-background.webp differ diff --git a/assets/images/linkedin.svg b/assets/images/linkedin.svg new file mode 100644 index 0000000..6497596 --- /dev/null +++ b/assets/images/linkedin.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/images/logo-inverted.svg b/assets/images/logo-inverted.svg new file mode 100644 index 0000000..932e1f5 --- /dev/null +++ b/assets/images/logo-inverted.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/assets/images/logo.svg b/assets/images/logo.svg new file mode 100644 index 0000000..cbcc930 --- /dev/null +++ b/assets/images/logo.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/assets/images/menu.svg b/assets/images/menu.svg new file mode 100644 index 0000000..0ab02d2 --- /dev/null +++ b/assets/images/menu.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/images/scott-logic-primary-no-tagline-full-color-rgb-900px-w-72ppi.png b/assets/images/scott-logic-primary-no-tagline-full-color-rgb-900px-w-72ppi.png deleted file mode 100644 index c0a1b60..0000000 Binary files a/assets/images/scott-logic-primary-no-tagline-full-color-rgb-900px-w-72ppi.png and /dev/null differ diff --git a/assets/images/stripe-orange-full.svg b/assets/images/stripe-orange-full.svg new file mode 100644 index 0000000..1868c09 --- /dev/null +++ b/assets/images/stripe-orange-full.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/assets/images/stripe-orange-trimmed.svg b/assets/images/stripe-orange-trimmed.svg new file mode 100644 index 0000000..bbcd224 --- /dev/null +++ b/assets/images/stripe-orange-trimmed.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/assets/images/stripe-pink.svg b/assets/images/stripe-pink.svg new file mode 100644 index 0000000..e8b78de --- /dev/null +++ b/assets/images/stripe-pink.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/assets/images/stripe-teal.svg b/assets/images/stripe-teal.svg new file mode 100644 index 0000000..5582db4 --- /dev/null +++ b/assets/images/stripe-teal.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/assets/images/youtube.svg b/assets/images/youtube.svg new file mode 100644 index 0000000..77d2bc6 --- /dev/null +++ b/assets/images/youtube.svg @@ -0,0 +1,14 @@ + + + + + + + + + diff --git a/assets/js/sidebar.js b/assets/js/sidebar.js index 69db93a..c081d9d 100644 --- a/assets/js/sidebar.js +++ b/assets/js/sidebar.js @@ -1,8 +1,67 @@ document.addEventListener("DOMContentLoaded", function () { const sidebar = document.getElementById("sidebar"); - const sidebarToggle = document.getElementById("sidebar-toggle"); - - sidebarToggle.addEventListener("click", function () { - sidebar.classList.toggle("collapsed"); + const guideContent = document.getElementById("guide-content-columns"); + const singleColumnWidth = 768; + + const navTocLinks = document.querySelectorAll('#sidebar-nav-items ul a'); + const bodyTocLinks = document.querySelectorAll("h2, h3"); + + const onScrollStop = callback => { + let isScrolling; + guideContent.addEventListener( + 'scroll', + e => { + clearTimeout(isScrolling); + isScrolling = setTimeout(() => { + callback(); + }, 150); + }, + false + ); + }; + + setActiveToc(); + + onScrollStop(() => { + setActiveToc(); }); + + document.querySelector("#guide-content").addEventListener("click", hideSidebar); + document.querySelector("#sidebar-nav-items ul").addEventListener("click", hideSidebar); + + function hideSidebar() { + document.querySelector("#show-sidebar").checked = false; + } + + function checkVisible(elm, offset) { + const rect = elm.getBoundingClientRect(); + const viewHeight = Math.max(document.documentElement.clientHeight, window.innerHeight); + return !(rect.bottom < 0 || rect.top - viewHeight / offset >= 0); + } + + function setActiveToc() { + bodyTocLinks.forEach((visibleSectionTitle => { + if (checkVisible(visibleSectionTitle, 1.5)) { + navTocLinks.forEach((navTocLink => { + if (navTocLink.innerHTML == visibleSectionTitle.innerHTML) { + navTocLink.closest("li").classList.add("active-toc"); + document.querySelector("#current-section").innerText = navTocLink.innerText; + // sync scrolling on toc with page + const viewWidth = Math.max(document.documentElement.clientWidth, window.innerWidth); + if (viewWidth > singleColumnWidth && !checkVisible(navTocLink, 1)) { + const navTocLinkBoundingBox = navTocLink.closest("li").getBoundingClientRect(); + sidebar.scrollTo({ + top: navTocLinkBoundingBox.top, + left: 0, + behavior: "smooth", + }); + } + } + else { + navTocLink.closest("li").classList.remove("active-toc"); + } + })); + }; + })); + } }); \ No newline at end of file diff --git a/home.md b/home.md index 47e12fa..555e7cc 100644 --- a/home.md +++ b/home.md @@ -4,14 +4,8 @@ title: Practitioner's Guides permalink: / --- -The Practitioner's Guides are designed to be small practical guides for IT professionals - authored by the team at [Scott Logic](https://www.scottlogic.com/). We draw on our collective experience to tackle topics that we don't feel are addressed elsewhere. Our hope is that these little 'value adds' will help you just as much as they have helped us. +**At Scott Logic we have a number of experts with a track record of successful delivery across technical projects and we are drawing on that collective experience to bring you our Practitioner's Guides.** -The current catalogue of guides is as follows: +The Practitioner's Guides are designed to add value and perspective to IT professionals, tackling issues that we feel aren't addressed elsewhere. -{% for item in site.pages %} -- {{ item.title }} -{% endfor %} - -The Practitioners Guides site is an ongoing project, where we expect new guides to be published on a somewhat regular basis, watch this space! - -If you're interested in finding out more, or want to get involved, please visit the [GitHub project](https://github.com/ScottLogic/practitioners-guides). +We are aiming to publish guides on a regular basis on to equip you with broad knowledge and expertise to help you deliver business objectives through technology. diff --git a/media/guide-reference/penguins.jpg b/media/guide-reference/penguins.jpg new file mode 100644 index 0000000..6bc4de6 Binary files /dev/null and b/media/guide-reference/penguins.jpg differ diff --git a/media/guide-reference/profile.png b/media/guide-reference/profile.png new file mode 100644 index 0000000..e5a0522 Binary files /dev/null and b/media/guide-reference/profile.png differ diff --git a/media/handling-conflict/cgs.jpg b/media/handling-conflict/cgs.jpg new file mode 100644 index 0000000..0dd958a Binary files /dev/null and b/media/handling-conflict/cgs.jpg differ diff --git a/media/project-week-one/profile.webp b/media/project-week-one/profile.webp new file mode 100644 index 0000000..4fb471b Binary files /dev/null and b/media/project-week-one/profile.webp differ diff --git a/media/remote-working-readiness/profile.webp b/media/remote-working-readiness/profile.webp new file mode 100644 index 0000000..baab75d Binary files /dev/null and b/media/remote-working-readiness/profile.webp differ diff --git a/media/retrospective-overview/profile.avif b/media/retrospective-overview/profile.avif new file mode 100644 index 0000000..92b04b3 Binary files /dev/null and b/media/retrospective-overview/profile.avif differ diff --git a/media/technical-presentations/profile.webp b/media/technical-presentations/profile.webp new file mode 100644 index 0000000..a57f917 Binary files /dev/null and b/media/technical-presentations/profile.webp differ