Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Improve site functionality and aesthetics #88

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Improve site functionality and aesthetics #88

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions Gemfile
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,7 @@ gem "github-pages", group: :jekyll_plugins
# If you have any plugins, put them here!
group :jekyll_plugins do
gem "jekyll-feed", "~> 0.12"
gem "webrick"
end

# Windows and JRuby does not include zoneinfo files, so bundle the tzinfo-data gem
Expand Down
3 changes: 3 additions & 0 deletions Gemfile.lock
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -272,10 +272,12 @@ GEM
unf_ext
unf_ext (0.0.8)
unicode-display_width (1.8.0)
webrick (1.8.1)
zeitwerk (2.5.3)

PLATFORMS
arm64-darwin-21
arm64-darwin-22
universal-darwin-20
x86_64-linux

Expand All @@ -285,6 +287,7 @@ DEPENDENCIES
tzinfo (~> 1.2)
tzinfo-data
wdm (~> 0.1.1)
webrick

BUNDLED WITH
2.3.3
1 change: 1 addition & 0 deletions _config.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,7 @@ email: [email protected]
description: Assorted thinking (mostly) about technology written by the Badgers.
baseurl: ""
url: "https://awesome.red-badger.com/"
rburl: "https://red-badger.com/"
permalink: /:categories/:slug
twitter_username: RedBadgerTeam
github_username: redbadger
Expand Down
171 changes: 150 additions & 21 deletions _includes/footer.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,32 +2,161 @@
<data class="u-url" href="{{ "/" | relative_url }}"></data>

<div class="wrapper">

<!-- <h2 class="footer-heading">{{ site.title | escape }}</h2> -->

<div class="footer-col-wrapper">
<div class="footer-col footer-col-1">
<ul class="contact-list">
<li class="p-name">
{%- if site.email -%}
<li><a class="u-email" href="mailto:{{ site.email }}">{{ site.email }}</a></li>
{%- endif -%}
<li><a href="https://red-badger.com"> <img class="footer-logo" src="/assets/logo-red-badger.png"></a></li>
{%- if site.copyright -%}
<li>&copy; {{ site.copyright }} {{ 'now' | date: "%Y" }}</li>
{%- endif -%}
</ul>
<div class="hidden-large-s footer-logo">
<a href="https://red-badger.com">
<img src="/assets/logo-red-badger-white.webp" alt="Red Badger Logo">
</a>
</div>
<div class="row-fluid">

<div class="span4">
<div class="subfooter-menu subfooter-menu-depth-1">
<a href="https://red-badger.com">Home</a>
</div>
<div class="subfooter-menu subfooter-menu-depth-1 ">
<a href="https://red-badger.com/about-us?hsLang=en">About Us</a>
</div>
<div class="subfooter-menu subfooter-menu-depth-1 has-child ">
<a for="menu-3" href="https://red-badger.com/services?hsLang=en">How can we help?</a>
<ul class="footer-submenu">
<li>
<a href="https://red-badger.com/services/digital-product?hsLang=en">Build a Product</a>
</li>
<li>
<a href="https://red-badger.com/services/digital-platform?hsLang=en">Build a Platform</a>
</li>
<li>
<a href="https://red-badger.com/services/digital-capability?hsLang=en">Build a Digital Capability</a>
</li>
</ul>
</div>
<div class="subfooter-menu subfooter-menu-depth-1 ">
<a href="https://content.red-badger.com/our-work?hsLang=en">Who we work with</a>
</div>
<div class="subfooter-menu subfooter-menu-depth-1 ">
<a href="https://awesome.red-badger.com/?hsLang=en">Awesome Badger</a>
</div>
<div class="subfooter-menu subfooter-menu-depth-1 ">
<a href="https://content.red-badger.com/news?hsLang=en">Company News</a>
</div>
<div class="subfooter-menu subfooter-menu-depth-1 ">
<a href="https://content.red-badger.com/all-jobs?hsLang=en">Careers</a>
</div>
<div class="subfooter-menu subfooter-menu-depth-1 ">
<a href="https://red-badger.com/contact?hsLang=en">Contact Us</a>
</div>
</div>

<div class="footer-col footer-col-2">
{%- include social.html -%}
<div class="span4">
<div class="subfooter-menu subfooter-menu-depth-1 has-child ">
<a href="https://red-badger.com/resources?hsLang=en">Insights</a>
<ul class="footer-submenu">
<li>
<a href="https://content.red-badger.com/product?hsLang=en">Product</a>
</li>
<li>
<a href="https://content.red-badger.com/platform?hsLang=en">Platform</a>
</li>
<li>
<a href="https://content.red-badger.com/capability?hsLang=en">Capability</a>
</li>
<li>
<a href="https://content.red-badger.com/we-love-tech?hsLang=en">#WeLoveTech</a>
</li>
</ul>
</div>
<div class="subfooter-menu subfooter-menu-depth-1">
<a href="https://red-badger.com/events?hsLang=en">Upcoming Events</a>
</div>
<div class="subfooter-menu subfooter-menu-depth-1 has-child ">
<a href="https://content.red-badger.com/focus?hsLang=en">Latest</a>
<ul class="footer-submenu">
<li>
<a href="https://content.red-badger.com/artificial-intelligence?hsLang=en">AI in the Enterprise</a>
</li>
<li>
<a href="https://red-badger.com/crux?hsLang=en">Discover CRUX</a>
</li>
<li>
<a href="https://content.red-badger.com/rust?hsLang=en">Rust in the Enterprise</a>
</li>
<li>
<a href="https://content.red-badger.com/digital-loyalty?hsLang=en">Digital Loyalty</a>
</li>
<li>
<a href="https://content.red-badger.com/resources/how-enterprises-are-creating-great-digital-products-in-100-days?hsLang=en">Digital Product in 100 days</a>
</li>
</ul>
</div>
</div>

<div class="footer-col footer-col-3">
<p>{{- site.description | escape -}}</p>
<div class="span4">
<div id="hs_cos_wrapper_module_166246245078114_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="richtext_field"><p><span style="background-color: transparent; color: #ffffff;">4th Floor,</span><br><span style="color: #ffffff; background-color: transparent;">2 Old Street Yard, </span><br><span style="color: #ffffff; background-color: transparent;">London </span><a title="Red Badger address on Google Maps" aria-label="Red Badger address on Google Maps" href="https://www.google.co.uk/maps/place/Red+Badger/@51.524652,-0.0903147,17z/data=!3m1!4b1!4m5!3m4!1s0x48761ca9aaaaaaab:0xf14bdb5cbedebef9!8m2!3d51.524652!4d-0.088126" >EC1Y 8AF </a></p>
<p><em><span >(Featherstone Street entrance)</span>&nbsp;</em></p>
</div>
<div class="social">

<a href="https://www.facebook.com/RedBadger" aria-label="Red Badger ">
<span id="hs_cos_wrapper_module_166246245078114_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><g id="Facebook Square1_layer"><path d="M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z"></path></g></svg></span>
</a>

<a href="https://www.instagram.com/redbadgerteam/" aria-label="Red Badger Instagram">
<span id="hs_cos_wrapper_module_166246245078114_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><g id="Instagram2_layer"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></g></svg></span>
</a>

<a href="https://github.com/redbadger" aria-label="Red Badger GitHub">
<span id="hs_cos_wrapper_module_166246245078114_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" aria-hidden="true"><g id="GitHub3_layer"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></g></svg></span>
</a>

<a href="https://twitter.com/redbadgerteam" aria-label="Red Badger Twitter">
<span id="hs_cos_wrapper_module_166246245078114_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" aria-hidden="true"><g id="Twitter4_layer"><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path></g></svg></span>
</a>

<a href="https://redbadger.typeform.com/to/cBuJUl" aria-label="Red Badger Slack">
<span id="hs_cos_wrapper_module_166246245078114_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><g id="Slack Hashtag5_layer"><path d="M446.2 270.4c-6.2-19-26.9-29.1-46-22.9l-45.4 15.1-30.3-90 45.4-15.1c19.1-6.2 29.1-26.8 23-45.9-6.2-19-26.9-29.1-46-22.9l-45.4 15.1-15.7-47c-6.2-19-26.9-29.1-46-22.9-19.1 6.2-29.1 26.8-23 45.9l15.7 47-93.4 31.2-15.7-47c-6.2-19-26.9-29.1-46-22.9-19.1 6.2-29.1 26.8-23 45.9l15.7 47-45.3 15c-19.1 6.2-29.1 26.8-23 45.9 5 14.5 19.1 24 33.6 24.6 6.8 1 12-1.6 57.7-16.8l30.3 90L78 354.8c-19 6.2-29.1 26.9-23 45.9 5 14.5 19.1 24 33.6 24.6 6.8 1 12-1.6 57.7-16.8l15.7 47c5.9 16.9 24.7 29 46 22.9 19.1-6.2 29.1-26.8 23-45.9l-15.7-47 93.6-31.3 15.7 47c5.9 16.9 24.7 29 46 22.9 19.1-6.2 29.1-26.8 23-45.9l-15.7-47 45.4-15.1c19-6 29.1-26.7 22.9-45.7zm-254.1 47.2l-30.3-90.2 93.5-31.3 30.3 90.2-93.5 31.3z"></path></g></svg></span>
</a>

<a href="https://www.linkedin.com/company/red-badger" aria-label="Red Badger LinkedIn">
<span id="hs_cos_wrapper_module_166246245078114_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><g id="LinkedIn6_layer"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></g></svg></span>
</a>

<a href="https://www.youtube.com/redbadgerteam" aria-label="Red Badger Youtube">
<span id="hs_cos_wrapper_module_166246245078114_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" aria-hidden="true"><g id="YouTube7_layer"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path></g></svg></span>
</a>
</div>
</div>
</div>

<div class="hidden-mobile-s footer-logo">
<a href="https://red-badger.com">
<img class="footer-logo" src="/assets/logo-red-badger-white.webp" alt="Red Badger Logo">
</a>
</div>
</div>
<div class="kl-footer__wrapper">
<div class="kl-footer__legal">

<a class="myLink" href="https://red-badger.com?hsLang=en">{%- if site.copyright -%}&copy; {{ site.copyright }} {{ 'now' | date: "%Y" }}{%- endif -%}</a>

<a class="myLink" href="https://red-badger.com/contact?hsLang=en">Registered in England No. 7242017</a>

<a class="myLink" href="https://red-badger.com/contact?hsLang=en">VAT Registration No. 990 8085 82</a>

<a class="myLink" href="https://red-badger.com/privacy-policy?hsLang=en">We use cookies on our website. For more information, view our privacy policy and website T&amp;C's.</a>

</div>
</div>

</footer>

<!-- Responsive Footer Menu Dropdown -->
<script>
const childElements = document.querySelectorAll('div.has-child');
childElements.forEach((childElement) => {
childElement.addEventListener('click', () => {
// Remove "active" class from all elements
childElement.classList.toggle('active');
});
});
</script>



5 changes: 5 additions & 0 deletions _includes/header.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,5 +3,10 @@
<a href="{{ site.url }}">
<img src="{{ site.logo | relative_url}}" alt="{{ site.title | escape }}" height="150">
</a>
<div class="kl-navbar__end">
<a href="https://red-badger.com/" class="button Navbar__button">
<span><b>Back to main site</b></span>
</a>
</div>
</div>
</header>
4 changes: 3 additions & 1 deletion _sass/fonts.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,6 @@

/* Impressions counter required by the license */


@font-face {
font-family: 'Sentinel-Bold';
src: url('/assets/fonts/Sentinel-Bold.otf') format('truetype');
Expand All @@ -70,3 +69,6 @@
src: url('/assets/fonts/ProximaNova-Light.woff2') format('woff2'),
url('/assets/fonts/ProximaNova-Light.woff') format('woff'), url('/assets/fonts/ProximaNova-Light.ttf') format('truetype');
}

/* Footer font to match RB site */
@import url('https://fonts.googleapis.com/css2?family=Bitter:wght@400;700&family=Montserrat:wght@600&display=swap');
19 changes: 17 additions & 2 deletions _sass/minima.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@ $content-width: 1200px !default;

$on-palm: 600px !default;
$on-laptop: 800px !default;

$small-screen: 767px !default;
// Use media queries like this:
// @include media-query($on-palm) {
// .wrapper {
Expand All @@ -42,11 +42,26 @@ $on-laptop: 800px !default;
@content;
}
}

@mixin media-query-min($device) {
@media screen and (min-width: $device) {
@content;
}
}
@mixin relative-font-size($ratio) {
font-size: $base-font-size * $ratio;
}

@keyframes slideIn {
from {
transform: translateY(-10px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}

// Import partials.
@import "minima/base",
"minima/layout",
Expand Down
5 changes: 1 addition & 4 deletions _sass/minima/_base.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -47,10 +47,6 @@ main {
/**
* Images
*/
img.footer-logo {
padding: $spacing-unit / 6 0;
height: 30px;
}

img {
max-width: 100%;
Expand Down Expand Up @@ -255,3 +251,4 @@ table {
margin: 0px 0px 20px;
}
}

Loading