Skip to content

Commit 5877545

Browse files
enyanilenyanil
authored
Merge pull request #258 from bitcraze/enya/docker-updates
Modernization and larger Web Update
2 parents 7793c19 + 6faa1b2 commit 5877545

258 files changed

Lines changed: 4815 additions & 6177 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎_config.yml‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -23,6 +23,11 @@ keep_files: ['_site/css/kraken.css.map']
2323
sass:
2424
sass_dir: _scss
2525
style: compressed
26+
silence_deprecations:
27+
- import
28+
- if-function
29+
- global-builtin
30+
- color-functions
2631

2732
# Note: the ditaa and the jekyll-ditaa plugin are part of the bitcraze/web-builder
2833
plugins:

‎src/_data/menu.yml‎

Lines changed: 74 additions & 66 deletions
Original file line numberDiff line numberDiff line change
@@ -1,78 +1,86 @@
1-
- page_id: blog
2-
3-
- title: Products
1+
- title: Applications
2+
icon: /images/nav/doc-icon.png
43
subs:
5-
- {page_id: product-crazyflie-2-1-plus}
6-
- {page_id: product-crazyflie-2-1-brushless}
7-
- {page_id: product-crazyflie-bolt-1-1}
8-
- {page_id: product-crazyradio-pa}
9-
- {page_id: product-crazyradio-2-0}
10-
- {page_id: product-debug-adapter-kit}
11-
- {page_id: product-battery-charger-500mA}
12-
- {page_id: product-propellers-47-17}
13-
- {break: true }
14-
- {page_id: product-ai-deck-1-1}
15-
- {page_id: product-color-led-deck}
16-
- {page_id: product-led-ring-deck}
17-
- {page_id: product-qi-1-2-charger}
18-
- {page_id: product-buzzer-deck}
19-
- {page_id: product-bigquad-deck}
20-
- {page_id: product-sd-card-deck}
21-
- {page_id: product-prototyping-deck}
22-
- {page_id: product-breakout-deck}
23-
- {page_id: product-z-ranger-deck-v2}
24-
- {page_id: product-flow-deck-v2}
25-
- {page_id: product-multi-ranger-deck}
26-
- {page_id: product-active-marker-deck}
27-
- {page_id: product-motion-capture-marker-deck}
28-
- {break: true }
29-
- {page_id: overview_positioning}
30-
- {page_id: product-loco-pos-deck}
31-
- {page_id: product-loco-pos-node}
32-
- {page_id: product-lighthouse-deck}
33-
- {break: true }
34-
- {page_id: product-old}
4+
- {page_id: applications-landing}
5+
- {page_id: autonomous-systems}
6+
- {page_id: aerial-manipulation}
7+
- {page_id: perception-navigation}
8+
- {page_id: swarm-robotics}
9+
- {page_id: human-robot-interaction}
10+
- {page_id: stem-education}
3511

36-
- title: Buy
37-
subs:
38-
- {title: Buy online, url: "https://store.bitcraze.io/"}
39-
- {page_id: buy-retailers}
40-
41-
- title: Support
42-
subs:
43-
- {page_id: support-getting-help}
44-
- {title: Discussions, url: "https://discussions.bitcraze.io"}
45-
- {page_id: support-downloads}
46-
- {page_id: support-frequently-asked-questions}
47-
- {page_id: support-troubleshooting}
12+
- title: Products
13+
sections:
14+
- title: Platforms
15+
subs:
16+
- {page_id: product-crazyflie-2-1-plus}
17+
- {page_id: product-crazyflie-2-1-brushless}
18+
- {page_id: product-crazyflie-bolt-1-1}
19+
- title: Expansion Decks
20+
subs:
21+
- {page_id: product-ai-deck-1-1}
22+
- {page_id: product-color-led-deck}
23+
- {page_id: product-led-ring-deck}
24+
- {page_id: product-qi-1-2-charger}
25+
- {page_id: product-buzzer-deck}
26+
- {page_id: product-bigquad-deck}
27+
- {page_id: product-sd-card-deck}
28+
- {page_id: product-prototyping-deck}
29+
- {page_id: product-breakout-deck}
30+
- {page_id: product-z-ranger-deck-v2}
31+
- {page_id: product-flow-deck-v2}
32+
- {page_id: product-multi-ranger-deck}
33+
- {page_id: product-active-marker-deck}
34+
- {page_id: product-motion-capture-marker-deck}
35+
- title: Positioning
36+
subs:
37+
- {page_id: overview_positioning}
38+
- {page_id: product-loco-pos-deck}
39+
- {page_id: product-loco-pos-node}
40+
- {page_id: product-lighthouse-deck}
41+
- title: Peripherals
42+
subs:
43+
- {page_id: product-crazyradio-2-0}
44+
- {page_id: product-crazyradio-pa}
45+
- {page_id: product-debug-adapter-kit}
46+
- {page_id: product-battery-charger-500mA}
47+
- {page_id: product-propellers-47-17}
4848

49-
- title: Documentation
50-
subs:
51-
- {page_id: getting-started-start}
52-
- {page_id: tutorials}
53-
- {page_id: system-overview}
54-
- {page_id: repository-overview}
55-
- {page_id: meetings}
56-
- {page_id: videogallery}
49+
- title: Resources
50+
sections:
51+
- title: Getting Started
52+
icon: /images/nav/rocket-icon.png
53+
subs:
54+
- {page_id: getting-started-start}
55+
- {page_id: tutorials}
56+
- {page_id: support-getting-help}
57+
- title: Documentation
58+
icon: /images/nav/doc-icon.png
59+
subs:
60+
- {page_id: system-overview}
61+
- {page_id: repository-overview}
62+
- {title: GitHub, url: "https://github.com/bitcraze"}
63+
- title: Help Center
64+
icon: /images/nav/question-icon.png
65+
subs:
66+
- {title: Discussions, url: "https://discussions.bitcraze.io"}
67+
- {page_id: support-frequently-asked-questions}
68+
- {page_id: support-troubleshooting}
5769

58-
- title: Development
70+
- title: Community
71+
icon: /images/nav/community-icon.png
5972
subs:
73+
- {page_id: blog}
6074
- {page_id: development-overview}
6175
- {page_id: contribute}
62-
- {title: GitHub, url: "https://github.com/bitcraze"}
63-
- {title: Discussions, url: "https://discussions.bitcraze.io"}
64-
- {page_id: early-access}
6576
- {page_id: external-projects}
6677

67-
- title: About
78+
- title: Company
79+
icon: /images/nav/logo-icon.png
6880
subs:
6981
- {page_id: about-bitcraze}
70-
- {page_id: about-team}
71-
- {page_id: about-press}
72-
- {page_id: product-cycle}
73-
- {page_id: thesis}
74-
- {page_id: jobs}
75-
- {page_id: about-contact}
76-
- {page_id: about-feedback}
82+
- {page_id: distributors}
83+
- {page_id: partners}
84+
- {page_id: careers}
7785
- {page_id: events}
78-
- {page_id: credits}
86+
- {page_id: about-contact}

‎src/_includes/footer.html‎

Lines changed: 76 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -1,54 +1,77 @@
1-
<div class="container-fluid footer-nav-fluid">
2-
<footer class="row footer-nav">
3-
<div class="col-md-12">
4-
<div class="row after-footer">
5-
<div class="col-md-9 footer-nav-menu pull-left">
6-
<nav id="footer-navigation" class="secondary-navigation" role="navigation">
7-
<h1 class="menu-toggle sr-only">Footer Menu</h1>
8-
9-
<div class="menu-footer-container">
10-
<ul id="menu-footer" class="list-inline dividers">
11-
<li id="menu-item-footer-1" class="menu-item"><a class="smoothscroll" title="Back to top of page" href="#pagetop"><span class="fa-solid fa-angle-up"></span> Top</a></li>
12-
<li id="menu-item-footer-2" class="menu-item menu-item-footer-portal"><a title="Home" href="/">Home</a></li>
13-
<li class="menu-item menu-item-footer-portal"><a title="Research" href="/portals/research/">Research</a></li>
14-
<li class="menu-item menu-item-footer-portal"><a title="Education" href="/portals/education/">Education</a></li>
15-
<li class="menu-item menu-item-footer-portal"><a title="Development" href="/portals/development/">Development</a></li>
16-
<li class="menu-item menu-item-footer-portal"><a title="DIY" href="/portals/diy/">DIY</a></li>
17-
<li id="menu-item-footer-3" class="menu-item"><a title="License" href="/license/">License</a></li>
18-
<li id="menu-item-footer-4" class="menu-item"><a title="Cookie Policy" href="/cookies/">Cookie Policy</a></li>
19-
<li id="menu-item-footer-5" class="menu-item"><a title="Privacy Policy" href="/privacy-policy/">Privacy Policy</a></li>
20-
<li id="menu-item-footer-6" class="menu-item"><a title="Signup for newsletter" href="/signup/">Sign up for newsletter</a></li>
21-
<li id="menu-item-footer-7" class="menu-item"><a title="feedback" href="/about/feedback/">Feedback</a></li>
22-
</ul>
23-
</div>
24-
</nav>
25-
<div class="improve">
26-
{% assign edit_repo = "bitcraze-website" %}
27-
{% assign edit_repo_base = "src" %}
28-
{% assign edit_repo_path = page.path %}
29-
{% assign edit_visible = true %}
30-
31-
{% if page contains "repo_name" %}
32-
{% assign edit_repo = page.repo_name %}
33-
{% assign edit_repo_base = "docs" %}
34-
{% assign capture edit_repo_path = page.path | remove_first: "documentation/repository/" | remove_first: page.repo_name | remove_first: '/' | remove_first: page.repo_tag |remove_first: '/' %}
35-
{% unless page.repo_tag == "master" %}
36-
{% assign edit_visible = false %}
37-
{% endunless %}
38-
{% endif %}
39-
{% if edit_visible %}
40-
<a href="https://github.com/bitcraze/{{edit_repo}}/edit/master/{{edit_repo_base}}/{{edit_repo_path}}"><i class="fa-solid fa-pencil"></i> &nbsp;Improve this page</a>
41-
{% endif %}
42-
</div>
43-
</div>
44-
45-
<div id="site-credits" class="col-md-3 site-credits pull-right text-right">
46-
<span class="credits-copyright">&copy; 2026
47-
<a href="/" rel="home">Bitcraze AB</a>
48-
</span>
49-
<a href="/" rel="home"><img src="/images/footerLogo.png" alt="Bitcraze logo"/></a>
50-
</div>
51-
</div>
1+
<footer class="site-footer-redesign">
2+
<div class="container footer-links-container">
3+
<div class="row">
4+
5+
<div class="col-6 col-md-3 footer-col">
6+
<h5 class="footer-col-heading">Applications</h5>
7+
<ul class="footer-col-links">
8+
<li><a href="/applications/autonomous-systems/">Autonomous Systems</a></li>
9+
<li><a href="/applications/aerial-manipulation/">Aerial Manipulation</a></li>
10+
<li><a href="/applications/perception-navigation/">Perception & Navigation</a></li>
11+
<li><a href="/applications/swarm-robotics/">Swarm Robotics</a></li>
12+
<li><a href="/applications/human-robot-interaction/">Human-Robot Interaction & Education</a></li>
13+
<li><a href="/applications/stem-education/">STEM & Higher Education</a></li>
14+
</ul>
15+
</div>
16+
17+
<div class="col-6 col-md-3 footer-col">
18+
<h5 class="footer-col-heading">Trust &amp; Legal</h5>
19+
<ul class="footer-col-links">
20+
<li><a href="/privacy-policy/">Privacy Policy</a></li>
21+
<li><a href="/cookies/">Cookie Policy</a></li>
22+
<li><a href="/open-source-philosophy/">Bitcraze Open Source Philosophy</a></li>
23+
<li><a href="/license/">License</a></li>
24+
<li><a href="/about/press/">Press</a></li>
25+
<li><a href="/about/credits/">Credits</a></li>
26+
</ul>
27+
</div>
28+
29+
<div class="col-6 col-md-3 footer-col">
30+
<h5 class="footer-col-heading">Cooperation</h5>
31+
<ul class="footer-col-links">
32+
<li><a href="/signup/">Sign up for newsletter</a></li>
33+
<li><a href="/about/distributors/">Distributors</a></li>
34+
<li><a href="/about/partners/">Partners</a></li>
35+
</ul>
36+
</div>
37+
38+
<div class="col-6 col-md-3 footer-col">
39+
<h5 class="footer-col-heading">Support</h5>
40+
<ul class="footer-col-links">
41+
<li><a href="/about/feedback/">Feedback</a></li>
42+
<li><a href="/support/f-a-q/">FAQ</a></li>
43+
<li><a href="/support/troubleshooting/">Troubleshooting</a></li>
44+
<li><a href="/support/downloads/">Downloads</a></li>
45+
<li><a href="https://discussions.bitcraze.io">GitHub Discussions</a></li>
46+
</ul>
47+
</div>
48+
49+
</div>
50+
</div>
51+
52+
<hr class="footer-divider">
53+
54+
<div class="container footer-bottom-container">
55+
<div class="row align-items-center">
56+
57+
<div class="col-12 col-md-auto footer-social-block">
58+
<span class="footer-social-label">Follow us on social media:</span>
59+
<div class="footer-social-icons">
60+
<a href="https://github.com/bitcraze" aria-label="GitHub"><i class="fa-brands fa-github"></i></a>
61+
<a href="https://www.linkedin.com/company/bitcraze-ab/" aria-label="LinkedIn"><i class="fa-brands fa-linkedin"></i></a>
62+
<a href="https://www.youtube.com/@BitcrazeVideos" aria-label="YouTube"><i class="fa-brands fa-youtube"></i></a>
63+
<a href="https://bsky.app/profile/bitcraze.io" aria-label="Bluesky"><i class="fa-brands fa-bluesky"></i></a>
64+
<a rel="me" href="https://fosstodon.org/@bitcraze" aria-label="Mastodon"><i class="fa-brands fa-mastodon"></i></a>
65+
<a href="/feed/" aria-label="RSS" data-proofer-ignore><i class="fa-solid fa-rss"></i></a>
5266
</div>
53-
</footer>
54-
</div>
67+
</div>
68+
69+
<div class="col-12 col-md footer-logo-block text-md-end">
70+
<a href="/" rel="home">
71+
<img src="/images/nav/navbar-logo.webp" alt="Bitcraze logo" class="footer-logo"/>
72+
</a>
73+
</div>
74+
75+
</div>
76+
</div>
77+
</footer>

‎src/_includes/head.html‎

Lines changed: 10 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -9,21 +9,23 @@
99
<!-- Load KaTeX CSS. Note this must match the version of katex in the docker-web-builder -->
1010
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.13.3/katex.min.css" type='text/css' media='all'>
1111
<link rel='stylesheet' href='/css/kraken.css?t={{ site.time | date: "%Y%m%d-%H%M%S"}}' type='text/css' media='all' />
12-
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Lato:300,400,700|Raleway:400,300,500,600,700|Droid Sans:300,400,700;' type='text/css' media='screen' />
12+
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Lato:300,400,700,900|Cairo:400,300,500,600,700|Quantico:400,300,500,600,700|Droid Sans:300,400,700;' type='text/css' media='screen' />
1313
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
1414

15-
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
16-
<script type='text/javascript' src='/js/jquery.smooth-scroll.min.js'></script>
17-
18-
<script type='text/javascript' src='/js/cookiepopup.js?t={{ site.time | date: "%Y%m%d-%H%M%S"}}'></script>
19-
<script type='text/javascript' src='/js/kraken.js?t={{ site.time | date: "%Y%m%d-%H%M%S"}}'></script>
15+
<script type='text/javascript' src='/javascripts/bootstrap.bundle.min.js' defer></script>
16+
<script type='text/javascript' src='/js/cookiepopup.js?t={{ site.time | date: "%Y%m%d-%H%M%S"}}' defer></script>
17+
<script type='text/javascript' src='/js/kraken.js?t={{ site.time | date: "%Y%m%d-%H%M%S"}}' defer></script>
2018
<script>
2119
window.addEventListener("DOMContentLoaded", function(){
2220
cookiepopup.start();
21+
document.querySelectorAll('a[href^="http"]').forEach(function(link) {
22+
if (link.hostname !== window.location.hostname) {
23+
link.setAttribute('target', '_blank');
24+
link.setAttribute('rel', 'noopener noreferrer');
25+
}
26+
});
2327
});
2428
</script>
25-
26-
<script type='text/javascript' src='/javascripts/bootstrap.min.js'></script>
2729
<!-- inject wp header title begin -->
2830
<title>{{page.title}} | Bitcraze</title>
2931
<!-- inject wp header title end -->

‎src/_includes/header-banner-fulltext.html‎

Lines changed: 12 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,14 @@
1-
<div class="container-fluid content-header-fluid">
2-
<header class="row content-header">
3-
<div class="col-md-3"></div>
4-
<div class="col-md-6">
5-
<!-- inject wp title begin -->
6-
<h1 class="page-title">{{page.title}}</h1>
7-
<!-- inject wp title end -->
8-
<div class="breadcrumbs">{% include breadcrumbs.html %}</div>
1+
<div class="content-header-fulltext">
2+
<div class="container-fluid">
3+
<div class="row">
4+
<div class="col-md-3"></div>
5+
<div class="col-md-6">
6+
<nav class="fulltext-breadcrumbs">{% include breadcrumbs.html %}</nav>
7+
<!-- inject wp title begin -->
8+
<h1 class="fulltext-page-title">{{page.title}}</h1>
9+
<!-- inject wp title end -->
10+
</div>
11+
<div class="col-md-3"></div>
912
</div>
10-
<div class="col-md-3"></div>
11-
</header>
13+
</div>
1214
</div>

‎src/_includes/header-banner-left-menu.html‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<div class="content-header-fulltext">
2+
<div class="container-fluid">
3+
<div class="row">
4+
<div class="col-md-4"></div>
5+
<div class="col-md-8">
6+
<nav class="fulltext-breadcrumbs">{% include breadcrumbs.html %}</nav>
7+
<!-- inject wp title begin -->
8+
<h1 class="fulltext-page-title">{{page.title}}</h1>
9+
<!-- inject wp title end -->
10+
</div>
11+
</div>
12+
</div>
13+
</div>

‎src/_includes/header-banner-page.html‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
<div class="content-header-fulltext">
2+
<div class="container-fluid">
3+
<div class="row">
4+
<div class="col-lg-8 col-md-10 mx-auto">
5+
<nav class="fulltext-breadcrumbs">{% include breadcrumbs.html %}</nav>
6+
<!-- inject wp title begin -->
7+
<h1 class="fulltext-page-title">{{page.title}}</h1>
8+
<!-- inject wp title end -->
9+
</div>
10+
</div>
11+
</div>
12+
</div>

0 commit comments

Comments
 (0)