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

Actual mobile toc; dark mode; speed up site loading #3950

Merged
merged 36 commits into from
Dec 11, 2024
Merged

Actual mobile toc; dark mode; speed up site loading #3950

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
36 commits
Select commit Hold shift + click to select a range
18f7b8f
Remove extraneous padding and javascript, add dark mode; todo: mobile…
nathan-contino Oct 22, 2024
0da2ebf
refactor to left side toc and right side page nav, need to make left …
nathan-contino Oct 23, 2024
2bbe65f
Remove checkboxes, make on this page visible on smaller screens, star…
nathan-contino Oct 25, 2024
90e30af
mobile menu working; todo: open and close toc folders
nathan-contino Nov 27, 2024
2881b23
Bold and expand to current page; optimise theme loading time to preve…
nathan-contino Dec 3, 2024
b161535
Merge branch 'develop' into reduce-padding
nathan-contino Dec 3, 2024
32dcbc5
Swap barred logo for solid colored logo
nathan-contino Dec 3, 2024
d3b7019
Refactored the toc and theme javascript into separate files; cleaned …
nathan-contino Dec 3, 2024
f71186f
Tweak accent colour for dark theme, add padding to bottom of docs con…
nathan-contino Dec 4, 2024
da42c69
Improve appearance of side toc; stop on-this-page v footer conflicts;…
nathan-contino Dec 4, 2024
49d898d
improve table appearance in dark mode; fix toc highlight bug with dup…
nathan-contino Dec 4, 2024
d2ccf7c
Add box shadow to searchbar to make toc scrolling hidden bits more ob…
nathan-contino Dec 4, 2024
cb1bd36
Incorporate updated rpi header and footer; improve footer appearance;…
nathan-contino Dec 9, 2024
0103af0
Hide on-this-page until a slightly larger screen size for better Safa…
nathan-contino Dec 9, 2024
72da5ec
Restore legal, copyright, and contribution bits to footer top; preven…
nathan-contino Dec 9, 2024
0be1310
Remove explicit width from container and top-title elements to preven…
nathan-contino Dec 9, 2024
50ba5b6
Maybe fix small-triangles mobile issue
nathan-contino Dec 9, 2024
54f5e4d
Switch to SVG category icon to improve mobile compatibility; improve …
nathan-contino Dec 9, 2024
a28a588
Tweak sidebar size and padding
nathan-contino Dec 10, 2024
0d43af2
Tweak footer to consume all available horizontal width
nathan-contino Dec 10, 2024
673a53c
Improve toc element alignment, boxes landing page search bar appearan…
nathan-contino Dec 10, 2024
49bf5b8
Increase mobile menu button size
nathan-contino Dec 10, 2024
6716e93
Position on-this-page behind footer
nathan-contino Dec 10, 2024
c82e538
improve theme button alignment in sidebar
nathan-contino Dec 10, 2024
ec51bb4
Add highlighting for current anchor point, and anchor parent, in toc
nathan-contino Dec 10, 2024
182494f
UI improvements, including centered content on ultrawide screens and …
nathan-contino Dec 10, 2024
09738a5
Give SoC additional room on flagship table, reduce padding for lists
nathan-contino Dec 10, 2024
f55d1e0
Align search bar on mobile site layout
nathan-contino Dec 11, 2024
1bc73ff
Unify landing page styling and add some slight spacing to tabs on lan…
nathan-contino Dec 11, 2024
f9e443f
Enable tabs on mobile landing pages
nathan-contino Dec 11, 2024
5ec4770
Add small gap between on-this-page highlighting and docs content
nathan-contino Dec 11, 2024
11c7bcb
Constrain size of search bar on landing page
nathan-contino Dec 11, 2024
2bb249a
Lighten code blocks and accent background in light mode; set max page…
nathan-contino Dec 11, 2024
f945ba9
Tweak tab colour for better contrast with code blocks and monospace t…
nathan-contino Dec 11, 2024
fd41a86
Update toc hover colour for new sidebar colour
nathan-contino Dec 11, 2024
2ed5d08
Tweak footer background color to better mesh with new colour palette
nathan-contino Dec 11, 2024
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
2 changes: 1 addition & 1 deletion Makefile
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -118,7 +118,7 @@ html: run_ninja

# Build the html output files and additionally run a small webserver for local previews
serve_html: run_ninja
$(JEKYLL_CMD) serve
$(JEKYLL_CMD) serve --watch
lurch marked this conversation as resolved.
Show resolved Hide resolved

# Delete all the files created by the 'html' target
clean_html:
Expand Down
3 changes: 2 additions & 1 deletion _config.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,8 +17,9 @@ title: Raspberry Pi Documentation
description: >- # this means to ignore newlines until "baseurl:"
Raspberry Pi Documentation.
baseurl: "/documentation" # the subpath of your site, e.g. /blog
url: "" # the base hostname & protocol for your site, e.g. http://example.com
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'm sure that there must have been some reason why this was left empty; but that reason is probably now lost to the mists of time...

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think it might have an impact on the URLs used for the rptl header. Need to double-check the behaviour on a staging build before I release!

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The header uses all absolute URLs so it shouldn’t be affected.

url: "https://www.raspberrypi.com/documentation" # the base hostname & protocol for your site, e.g. http://example.com
githuburl: "https://github.com/raspberrypi/documentation/"
mainsite: https://raspberrypi.com/
githubbranch: master
githubbranch_edit: develop

Expand Down
2 changes: 1 addition & 1 deletion documentation/asciidoc/accessories/sense-hat/software.adoc
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -104,7 +104,7 @@ After installation, example code can be found under `/usr/src/sense-hat/examples

Complete documentation for the library can be found at https://sense-hat.readthedocs.io/en/latest/[sense-hat.readthedocs.io].

=== Use the Sense HAT with {cpp}
=== Use the Sense HAT with C++

https://github.com/RPi-Distro/RTIMULib[RTIMULib] is a {cpp} and Python library that makes it easy to use 9-dof and 10-dof IMUs with embedded Linux systems. A pre-calibrated settings file is provided in `/etc/RTIMULib.ini`, which is also copied and used by `sense-hat`. The included examples look for `RTIMULib.ini` in the current working directory, so you may wish to copy the file there to get more accurate data.

Expand Down
2 changes: 1 addition & 1 deletion documentation/asciidoc/computers/raspberry-pi/introduction.adoc
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ Additionally, Raspberry Pi makes the *Pico* series of tiny, versatile https://en
*Model B* indicates the presence of an Ethernet port.
*Model A* indicates a lower-cost model in a smaller form factor with no Ethernet port, reduced RAM, and fewer USB ports to limit board height.

[cols="7a,1,2,3,5"]
[cols="6a,2,2,3,5"]
|===
| Model | SoC | Memory | GPIO | Connectivity

Expand Down
2 changes: 1 addition & 1 deletion documentation/asciidoc/microcontrollers/c_sdk/official_sdk.adoc
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
== Raspberry Pi Pico C/{cpp} SDK
== Raspberry Pi Pico C/C++ SDK

lurch marked this conversation as resolved.
Show resolved Hide resolved
Our official C SDK can be used from the command line, or from popular integrated development environments like Visual Studio Code, Eclipse, and CLion. To get started, download our C/{cpp} SDK and Examples, and take a look at our 'https://datasheets.raspberrypi.com/pico/getting-started-with-pico.pdf[getting started]' documentation. Or for a quick setup see the next section.

Expand Down
5 changes: 0 additions & 5 deletions jekyll-assets/_includes/contribute.html
View file
Open in desktop

This file was deleted.

7 changes: 0 additions & 7 deletions jekyll-assets/_includes/copyright.html
View file
Open in desktop

This file was deleted.

84 changes: 43 additions & 41 deletions jekyll-assets/_includes/footer.html
View file
Open in desktop
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This file (as with header.html) is designed to be shared and updated across the multiple sites that make up raspberrypi.com (e.g. Raspberry Pi Events, PIP, Raspberry Pi ID, the homepage, the news pages, etc.).

If you make changes here, they'll be lost whenever we need to update it for changes to the header or footer or are you wanting to break away from the site-wide versions and have a documentation-only version?

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

To support dark mode, we do need to tweak the header and footer files, as otherwise they'll remain in light mode at all times. I've kept the tweaks minimal (mostly colour based, with some padding trimmed from the header to reduce excess space usage), so we could try to mostly share. But unless we add dark mode to the main site as well, this will require deviation.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Given that this PR is modifying both the navigation and also adding a dark-mode, I wonder if it might be worth splitting that into two separate PRs? I.e. get the navigation changes merged in, and then add dark-mode theme as separate (later) step? 🤔 Or would it be far too much work to disentangle the two things?

Also, we'll probably want @jackbenwillis to design us some "light mode" and "dark mode" icons which would integrate with the design better than the generic sun and moon icons that you're currently using?

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Rather than modifying header.html and footer.html directly and thereby preventing us from easily updating them across the sites, would a middle ground be for you to add your own separate CSS overrides in your own stylesheet until we can upstream dark mode support in the header across the whole site?

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great point. Opened https://github.com/raspberrypi/raspberrypi.com-header-and-footer/pull/81 to address this -- once we've merged that, I'll update this PR to use that new approach (and likely some new header and footer-specific variables).

Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
<style>
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");
#__rptl-footer .__rptl-footer-link, #__rptl-footer .__rptl-footer-link--with-icon, #__rptl-footer .__rptl-footer-item, #__rptl-footer .__rptl-footer-list, #__rptl-footer .__rptl-footer-heading, #__rptl-footer .__rptl-footer-column, #__rptl-footer .__rptl-footer-row, #__rptl-footer .__rptl-footer-container, #__rptl-footer {
box-sizing: border-box;
margin: 0;
Expand All @@ -19,9 +20,10 @@
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
text-size-adjust: 100%;
letter-spacing: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background: #f5f6f9;
background: var(--rptl-footer-background-color, #f5f6f9);
overflow: hidden;
}
#__rptl-footer .__rptl-footer-container {
Expand Down Expand Up @@ -63,7 +65,7 @@
}
#__rptl-footer .__rptl-footer-heading {
font-weight: 700;
color: #333333;
color: var(--rptl-footer-text-color, #333);
margin-bottom: 8px;
}
#__rptl-footer .__rptl-footer-list {
Expand All @@ -75,11 +77,11 @@
}
#__rptl-footer .__rptl-footer-icon {
margin-right: 0.5em;
fill: #333;
fill: var(--rptl-footer-text-color, #333);
}
#__rptl-footer .__rptl-footer-link, #__rptl-footer .__rptl-footer-link--with-icon {
font-weight: 400;
color: #333;
color: var(--rptl-footer-text-color, #333);
text-decoration: none;
}
#__rptl-footer .__rptl-footer-link--with-icon {
Expand All @@ -97,7 +99,7 @@
<div class="__rptl-footer-heading">Follow us</div>
<ul class="__rptl-footer-list">
<li class="__rptl-footer-item">
<a href="/weekly/" class="__rptl-footer-link--with-icon">
<a href="https://www.raspberrypi.com/weekly/" class="__rptl-footer-link--with-icon">
<svg class="__rptl-footer-icon" aria-hidden="true" focusable="false" width="1.25em" height="1.25em" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M1 6v12a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2H3a2 2 0 0 0-2 2Zm19.707 10.293a1 1 0 1 1-1.414 1.414L15 13.414l-.515.515a3.518 3.518 0 0 1-4.97 0L9 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L7.586 12 3.293 7.707a1 1 0 0 1 1.414-1.414l5 5 1.222 1.222a1.516 1.516 0 0 0 2.142 0l1.222-1.222 5-5a1 1 0 0 1 1.414 1.414L16.414 12Z"/></svg>
Sign up to newsletter
</a>
Expand Down Expand Up @@ -151,60 +153,60 @@
<div class="__rptl-footer-column">
<div class="__rptl-footer-heading">About Raspberry Pi</div>
<ul class="__rptl-footer-list">
<li class="__rptl-footer-item"><a href="/news/" class="__rptl-footer-link">News</a></li>
<li class="__rptl-footer-item"><a href="https://www.raspberrypi.com/news/" class="__rptl-footer-link">News</a></li>
<li class="__rptl-footer-item"><a href="https://investors.raspberrypi.com/" class="__rptl-footer-link">Investor relations</a></li>
<li class="__rptl-footer-item"><a href="/contact/" class="__rptl-footer-link">Contact us</a></li>
<li class="__rptl-footer-item"><a href="/trademark-rules/" class="__rptl-footer-link">Trademark</a></li>
<li class="__rptl-footer-item"><a href="/about/" class="__rptl-footer-link">About us</a></li>
<li class="__rptl-footer-item"><a href="/resellers/" class="__rptl-footer-link">Our Approved Resellers</a></li>
<li class="__rptl-footer-item"><a href="/jobs/" class="__rptl-footer-link">Jobs</a></li>
<li class="__rptl-footer-item"><a href="/accessibility/" class="__rptl-footer-link">Accessibility</a></li>
<li class="__rptl-footer-item"><a href="/terms-and-conditions/" class="__rptl-footer-link">Site use terms and conditions</a></li>
<li class="__rptl-footer-item"><a href="/acceptable-use/" class="__rptl-footer-link">Acceptable use</a></li>
<li class="__rptl-footer-item"><a href="/cookies/" class="__rptl-footer-link">Cookies</a></li>
<li class="__rptl-footer-item"><a href="/licensing/" class="__rptl-footer-link">Licensing</a></li>
<li class="__rptl-footer-item"><a href="/terms-conditions-sale/" class="__rptl-footer-link">Terms and conditions of sale</a></li>
<li class="__rptl-footer-item"><a href="/privacy/" class="__rptl-footer-link">Privacy</a></li>
<li class="__rptl-footer-item"><a href="/contact/security/" class="__rptl-footer-link">Security</a></li>
<li class="__rptl-footer-item"><a href="/verify/" class="__rptl-footer-link">Verify our bank details</a></li>
<li class="__rptl-footer-item"><a href="https://www.raspberrypi.com/contact/" class="__rptl-footer-link">Contact us</a></li>
<li class="__rptl-footer-item"><a href="https://www.raspberrypi.com/trademark-rules/" class="__rptl-footer-link">Trademark</a></li>
<li class="__rptl-footer-item"><a href="https://www.raspberrypi.com/about/" class="__rptl-footer-link">About us</a></li>
<li class="__rptl-footer-item"><a href="https://www.raspberrypi.com/resellers/" class="__rptl-footer-link">Our Approved Resellers</a></li>
<li class="__rptl-footer-item"><a href="https://www.raspberrypi.com/jobs/" class="__rptl-footer-link">Jobs</a></li>
<li class="__rptl-footer-item"><a href="https://www.raspberrypi.com/accessibility/" class="__rptl-footer-link">Accessibility</a></li>
<li class="__rptl-footer-item"><a href="https://www.raspberrypi.com/terms-and-conditions/" class="__rptl-footer-link">Site use terms and conditions</a></li>
<li class="__rptl-footer-item"><a href="https://www.raspberrypi.com/acceptable-use/" class="__rptl-footer-link">Acceptable use</a></li>
<li class="__rptl-footer-item"><a href="https://www.raspberrypi.com/cookies/" class="__rptl-footer-link">Cookies</a></li>
<li class="__rptl-footer-item"><a href="https://www.raspberrypi.com/licensing/" class="__rptl-footer-link">Licensing</a></li>
<li class="__rptl-footer-item"><a href="https://www.raspberrypi.com/terms-conditions-sale/" class="__rptl-footer-link">Terms and conditions of sale</a></li>
<li class="__rptl-footer-item"><a href="https://www.raspberrypi.com/privacy/" class="__rptl-footer-link">Privacy</a></li>
<li class="__rptl-footer-item"><a href="https://www.raspberrypi.com/contact/security/" class="__rptl-footer-link">Security</a></li>
<li class="__rptl-footer-item"><a href="https://www.raspberrypi.com/verify/" class="__rptl-footer-link">Verify our bank details</a></li>
</ul>
</div>
<div class="__rptl-footer-column">
<div class="__rptl-footer-heading">For home</div>
<ul class="__rptl-footer-list">
<li class="__rptl-footer-item"><a href="/for-home/" class="__rptl-footer-link">Raspberry Pi for home</a></li>
<li class="__rptl-footer-item"><a href="/tutorials/" class="__rptl-footer-link">Tutorials</a></li>
<li class="__rptl-footer-item"><a href="https://www.raspberrypi.com/for-home/" class="__rptl-footer-link">Raspberry Pi for home</a></li>
<li class="__rptl-footer-item"><a href="https://www.raspberrypi.com/tutorials/" class="__rptl-footer-link">Tutorials</a></li>
</ul>
<div class="__rptl-footer-heading">For industry</div>
<ul class="__rptl-footer-list">
<li class="__rptl-footer-item"><a href="/for-industry/" class="__rptl-footer-link">Raspberry Pi for industry</a></li>
<li class="__rptl-footer-item"><a href="/for-industry/thin-clients/" class="__rptl-footer-link">Thin clients</a></li>
<li class="__rptl-footer-item"><a href="/for-industry/space/" class="__rptl-footer-link">Raspberry Pi in space</a></li>
<li class="__rptl-footer-item"><a href="/for-industry/powered-by/" class="__rptl-footer-link">Powered by Raspberry Pi</a></li>
<li class="__rptl-footer-item"><a href="/for-industry/design-partners/" class="__rptl-footer-link">Design partners</a></li>
<li class="__rptl-footer-item"><a href="/success-stories/" class="__rptl-footer-link">Success stories</a></li>
<li class="__rptl-footer-item"><a href="https://www.raspberrypi.com/for-industry/" class="__rptl-footer-link">Raspberry Pi for industry</a></li>
<li class="__rptl-footer-item"><a href="https://www.raspberrypi.com/for-industry/thin-clients/" class="__rptl-footer-link">Thin clients</a></li>
<li class="__rptl-footer-item"><a href="https://www.raspberrypi.com/for-industry/space/" class="__rptl-footer-link">Raspberry Pi in space</a></li>
<li class="__rptl-footer-item"><a href="https://www.raspberrypi.com/for-industry/powered-by/" class="__rptl-footer-link">Powered by Raspberry Pi</a></li>
<li class="__rptl-footer-item"><a href="https://www.raspberrypi.com/for-industry/design-partners/" class="__rptl-footer-link">Design partners</a></li>
<li class="__rptl-footer-item"><a href="https://www.raspberrypi.com/success-stories/" class="__rptl-footer-link">Success stories</a></li>
</ul>
<div class="__rptl-footer-heading">Hardware</div>
<ul class="__rptl-footer-list">
<li class="__rptl-footer-item"><a href="/products/#raspberry-pi-computers-and-microcontrollers" class="__rptl-footer-link">Computers and microcontrollers</a></li>
<li class="__rptl-footer-item"><a href="/products/#cameras-and-displays" class="__rptl-footer-link">Cameras and displays</a></li>
<li class="__rptl-footer-item"><a href="/products/#add-on-boards" class="__rptl-footer-link">Add-on boards</a></li>
<li class="__rptl-footer-item"><a href="/products/#power-supplies-and-cables" class="__rptl-footer-link">Power supplies and cables</a></li>
<li class="__rptl-footer-item"><a href="/products/#cases" class="__rptl-footer-link">Cases</a></li>
<li class="__rptl-footer-item"><a href="/products/#peripherals" class="__rptl-footer-link">Peripherals</a></li>
<li class="__rptl-footer-item"><a href="https://www.raspberrypi.com/products/#raspberry-pi-computers-and-microcontrollers" class="__rptl-footer-link">Computers and microcontrollers</a></li>
<li class="__rptl-footer-item"><a href="https://www.raspberrypi.com/products/#cameras-and-displays" class="__rptl-footer-link">Cameras and displays</a></li>
<li class="__rptl-footer-item"><a href="https://www.raspberrypi.com/products/#add-on-boards" class="__rptl-footer-link">Add-on boards</a></li>
<li class="__rptl-footer-item"><a href="https://www.raspberrypi.com/products/#power-supplies-and-cables" class="__rptl-footer-link">Power supplies and cables</a></li>
<li class="__rptl-footer-item"><a href="https://www.raspberrypi.com/products/#cases" class="__rptl-footer-link">Cases</a></li>
<li class="__rptl-footer-item"><a href="https://www.raspberrypi.com/products/#peripherals" class="__rptl-footer-link">Peripherals</a></li>
</ul>
</div>
<div class="__rptl-footer-column">
<div class="__rptl-footer-heading">Software</div>
<ul class="__rptl-footer-list">
<li class="__rptl-footer-item"><a href="/software/connect/" class="__rptl-footer-link">Raspberry Pi Connect</a></li>
<li class="__rptl-footer-item"><a href="/software/raspberry-pi-desktop/" class="__rptl-footer-link">Raspberry Pi Desktop</a></li>
<li class="__rptl-footer-item"><a href="/software/" class="__rptl-footer-link">Raspberry Pi Imager</a></li>
<li class="__rptl-footer-item"><a href="/software/operating-systems/#raspberry-pi-os-32-bit" class="__rptl-footer-link">Raspberry Pi OS</a></li>
<li class="__rptl-footer-item"><a href="https://www.raspberrypi.com/software/connect/" class="__rptl-footer-link">Raspberry Pi Connect</a></li>
<li class="__rptl-footer-item"><a href="https://www.raspberrypi.com/software/raspberry-pi-desktop/" class="__rptl-footer-link">Raspberry Pi Desktop</a></li>
<li class="__rptl-footer-item"><a href="https://www.raspberrypi.com/software/" class="__rptl-footer-link">Raspberry Pi Imager</a></li>
<li class="__rptl-footer-item"><a href="https://www.raspberrypi.com/software/operating-systems/#raspberry-pi-os-32-bit" class="__rptl-footer-link">Raspberry Pi OS</a></li>
</ul>
<div class="__rptl-footer-heading">Documentation</div>
<ul class="__rptl-footer-list">
<li class="__rptl-footer-item"><a href="/documentation/" class="__rptl-footer-link">All categories</a></li>
<li class="__rptl-footer-item"><a href="https://www.raspberrypi.com/documentation/" class="__rptl-footer-link">All categories</a></li>
<li class="__rptl-footer-item"><a href="https://pip.raspberrypi.com" class="__rptl-footer-link">Product information portal</a></li>
<li class="__rptl-footer-item"><a href="https://datasheets.raspberrypi.com" class="__rptl-footer-link">Datasheets</a></li>
</ul>
Expand All @@ -215,11 +217,11 @@
</ul>
<div class="__rptl-footer-heading">Raspberry Pi Store</div>
<ul class="__rptl-footer-list">
<li class="__rptl-footer-item"><a href="/raspberry-pi-store/" class="__rptl-footer-link">Store information</a></li>
<li class="__rptl-footer-item"><a href="https://www.raspberrypi.com/raspberry-pi-store/" class="__rptl-footer-link">Store information</a></li>
</ul>
<div class="__rptl-footer-heading">Raspberry Pi Press</div>
<ul class="__rptl-footer-list">
<li class="__rptl-footer-item"><a href="/books-magazines/" class="__rptl-footer-link">About Raspberry Pi Press</a></li>
<li class="__rptl-footer-item"><a href="https://www.raspberrypi.com/books-magazines/" class="__rptl-footer-link">About Raspberry Pi Press</a></li>
<li class="__rptl-footer-item"><a href="https://magpi.raspberrypi.com" class="__rptl-footer-link">The MagPi</a></li>
<li class="__rptl-footer-item"><a href="https://hackspace.raspberrypi.com" class="__rptl-footer-link">HackSpace</a></li>
</ul>
Expand Down
9 changes: 7 additions & 2 deletions jekyll-assets/_includes/head.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,12 +1,13 @@
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="shortcut icon" href="{{ site.baseurl }}/favicon.ico">
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is this different to the default behaviour of using https://www.raspberrypi.com/favicon.ico?

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Currently, local builds of the docs yell at you on the CLI about a missing favicon and lack a favicon entirely. I added this to fix the issue locally, and I think it shouldn't break anything. Though your sanity check is appreciated. Hopefully that makes sense now.

<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{ page.title | strip_html}}</title>
<meta name="description" content="The official documentation for Raspberry Pi computers and microcontrollers">
<meta property="og:title" content="{{ page.title }}">
<meta property="og:description" content="The official documentation for Raspberry Pi computers and microcontrollers">
<meta property="og:url" content="https://www.raspberrypi.com{{ page.url | relative_url }}">
<meta property="og:image" content="https://www.raspberrypi.com{{ "/images/opensocial.png" | relative_url }}">
<meta property="og:image" content="https://www.raspberrypi.com{{ '/images/opensocial.png' | relative_url }}">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@Raspberry_Pi">
<meta name="twitter:title" content="{{ page.title }}">
Expand All @@ -17,9 +18,13 @@
<link rel="preconnect" href="https://IHWGNTJ1NP-dsn.algolia.net" crossorigin>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3"/>
<link rel="stylesheet" href="{{ site.baseurl }}/css/style.css?ver={{ site.time | date: '%s' }}">
<link rel="stylesheet" href="{{ site.baseurl }}/css/tabs.css?ver={{ site.time | date: '%s' }}">
<link rel="stylesheet" href="{{ site.baseurl }}/css/asciidoctor-tabs.css?ver={{ site.time | date: '%s' }}">
<link rel="stylesheet" href="{{ site.baseurl }}/css/syntax-highlighting.css?ver={{ site.time | date: '%s' }}">
<link rel="stylesheet" href="{{ site.baseurl }}/css/tocbot.css?ver={{ site.time | date: '%s' }}">
<script type="text/javascript" src="{{ site.baseurl }}/scripts/theme.js?ver={{ site.time | date: '%s' }}"></script>
<script type="text/javascript" src="{{ site.baseurl }}/scripts/tocbot.js?ver={{ site.time | date: '%s' }}"></script>
<script type="text/javascript" src="{{ site.baseurl }}/scripts/toc.js?ver={{ site.time | date: '%s' }}"></script>
<script async type="text/javascript" src="{{ site.baseurl }}/scripts/asciidoctor-tabs.js?ver={{ site.time | date: '%s' }}"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-V8TFXM3BKJ"></script>
<script>
window.dataLayer = window.dataLayer || [];
Expand Down
Loading
Loading