Skip to content

Commit 0ff948e

Browse files
maximthomasmaximthomas
committed
Refactor HTML structure and update Bootstrap classes for improved responsiveness and accessibility
1 parent ac7110b commit 0ff948e

9 files changed

Lines changed: 31 additions & 26 deletions

File tree

‎_includes/footer.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@
44
<div class="col-8">
55
<a class="text-white text-center align-middle" href="{{site.repo_url}}">&copy; {{site.title}}</a>
66
</div>
7-
<div class="col-4 text-right">
8-
<a class="text-white pr-1" href="https://github.com/orgs/OpenIdentityPlatform/discussions" aria-label="Open Identity Platform Community Discussions"><svg style="fill:white;" height="36" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8.501 4.001H10.5V24H8.501V4.001zm6.999 0V24h-2V4.001h2zM3.5 0h2.001v15H3.5V0zm15 4.001h2V15h-2V4.001z"/></svg></a>
7+
<div class="col-4 text-end">
8+
<a class="text-white pe-1" href="https://github.com/orgs/OpenIdentityPlatform/discussions" aria-label="Open Identity Platform Community Discussions"><svg style="fill:white;" height="36" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8.501 4.001H10.5V24H8.501V4.001zm6.999 0V24h-2V4.001h2zM3.5 0h2.001v15H3.5V0zm15 4.001h2V15h-2V4.001z"/></svg></a>
99
<span target="_blank" class="align-middle" style="font-size: 36px; display: inline-block;" >
1010
<a target="_blank" href="https://github.com/OpenIdentityPlatform" aria-label="Open Identity Platform GitHub"><i class="fa-brands fa-github"></i></a>
1111
</span>

‎_includes/header.html‎

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -26,20 +26,19 @@
2626
<meta name="generator" content="Jekyll v{{ jekyll.version }}">
2727
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
2828
<link rel="icon" href="/favicon.ico" type="image/x-icon">
29-
<link rel="dns-prefetch" href="https://stackpath.bootstrapcdn.com" />
29+
3030
<link rel="dns-prefetch" href="https://www.googletagmanager.com" />
31-
<link rel="dns-prefetch" href="https://code.jquery.com" />
31+
<link rel="dns-prefetch" href="https://cdn.jsdelivr.net" />
3232
<link rel="dns-prefetch" href="https://cdnjs.cloudflare.com" />
3333
<link rel="dns-prefetch" href="https://translate.google.com" />
34-
<link rel="preconnect" href="https://stackpath.bootstrapcdn.com" crossorigin />
34+
<link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin />
3535
<link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin />
36-
<link rel="preconnect" href="https://code.jquery.com" crossorigin />
3736
<link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ site.url }}/feed.xml" />
3837
<link rel="canonical" href="{{ og_url }}" />
3938
<title>{{ page_title }}</title>
4039

4140
<!-- Bootstrap core CSS -->
42-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/4.6.2/css/bootstrap.min.css" integrity="sha512-rt/SrQ4UNIaGfDyEXZtNcyWvQeOq0QLygHluFQcSjaGB04IxWhal71tKuzP6K8eYXYB6vJV4pHkXcmFGGQ1/0w==" crossorigin="anonymous" referrerpolicy="no-referrer" />
41+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous" referrerpolicy="no-referrer" />
4342
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css" integrity="sha512-MV7K8+y+gLIBoVD59lQIYicR65iaqukzvf/nwasF0nqhPay5w/9lJmVM2hMDcnK1OnMGCdVK+iQrJ7lzPJQd1w==" crossorigin="anonymous" referrerpolicy="no-referrer" />
4443
<!--<link rel="stylesheet" href="{{'/assets/css/style.css'}}" >-->
4544
<link rel="stylesheet" href="{{'/assets/css/highlight.css'}}" >

‎_includes/navbar.html‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-primary">
22
<div class="container">
33
<a class="navbar-brand" href="/">{{site.title}}</a>
4-
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
4+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
55
<span class="navbar-toggler-icon"></span>
66
</button>
77
<div class="collapse navbar-collapse" id="navbarCollapse">
8-
<ul class="navbar-nav ml-auto">
8+
<ul class="navbar-nav ms-auto">
99
<li class="nav-item">
1010
<div id="google_translate_element"></div>
1111
<script type="text/javascript">
@@ -23,7 +23,7 @@
2323
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
2424
</li>
2525
<li class="nav-item dropdown">
26-
<a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Products <span class="sr-only">(current)</span></a>
26+
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Products <span class="visually-hidden">(current)</span></a>
2727
<div class="dropdown-menu">
2828
{% for product in site.data.products %}
2929
<a class="dropdown-item" href="{{product.details_link}}">{{product.short_description}}</a>
@@ -34,10 +34,10 @@
3434
<a target="_blank" class="nav-link" href="https://doc.openidentityplatform.org">Documentation</a>
3535
</li>
3636
<li class="nav-item {{page.navbar.blog_active}}">
37-
<a class="nav-link" href="/blog/">Blog <span class="sr-only">(current)</span></a>
37+
<a class="nav-link" href="/blog/">Blog <span class="visually-hidden">(current)</span></a>
3838
</li>
3939
<li class="nav-item">
40-
<a target="_blank" class="nav-link" href="{{site.repo_url}}"><i class="fa-brands fa-github"></i> Fork us<span class="sr-only">(current)</span></a>
40+
<a target="_blank" class="nav-link" href="{{site.repo_url}}"><i class="fa-brands fa-github"></i> Fork us<span class="visually-hidden">(current)</span></a>
4141
</li>
4242
</ul>
4343
</div>

‎_includes/product-links.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
<div class="row product-links mb-2">
22
<p class="text-start">
33
{% for link in site.data.product_links %}
4-
<a class="icon-link mr-3" href='{{link.url | replace: "$product$", page.reponame | replace: "$product_lc$", page.product }}'>
4+
<a class="icon-link me-3" href='{{link.url | replace: "$product$", page.reponame | replace: "$product_lc$", page.product }}'>
55
{{link.title}}
66
</a>
77
{% endfor %}
88
{% for link in page.links %}
9-
<a class="icon-link mr-3" href="{{link.url}}">
9+
<a class="icon-link me-3" href="{{link.url}}">
1010
{{link.title}}
1111
</a>
1212
{% endfor %}

‎_includes/scripts.html‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1 @@
1-
<script src="https://code.jquery.com/jquery-3.6.3.slim.min.js" integrity="sha256-ZwqZIVdD3iXNyGHbSYdsmWP//UBokj2FHAxKuSBKDSo=" crossorigin="anonymous"></script>
2-
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.7.0/popper.min.js" integrity="sha512-y8+TUkjF8x9gpqHyOr6+SWjiOlIJWoCnGZTGfdzfLSymMOT8MS0kXnwD6TiAs+uYW1clLudFmehhWm1BqlM+uQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
3-
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/4.6.2/js/bootstrap.min.js" integrity="sha512-7rusk8kGPFynZWu26OKbTeI+QPoYchtxsmPeBqkHIEXJxeun4yJ4ISYe7C6sz9wdxeE1Gk3VxsIWgCZTc+vX3g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
1+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

‎_includes/widgets.html‎

Lines changed: 14 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
<div class="need-support">
22
<button class="btn btn-primary"
33
role="button"
4-
data-html="true"
5-
data-toggle="popover"
6-
data-trigger="focus">
4+
data-bs-html="true"
5+
data-bs-toggle="popover"
6+
data-bs-trigger="focus">
77
<i class="fa-solid fa-circle-question"></i> Need support?
88
</button>
99
<div class="need-support-popover-container" style="display:none;">
@@ -14,8 +14,16 @@
1414
</div>
1515
</div>
1616
<script type="text/javascript">
17-
$(function(){
18-
$("[data-toggle=popover]").popover({placement:'top', container: 'body', title: "Contact Us", content: $('.need-support-popover')});
17+
document.addEventListener('DOMContentLoaded', function() {
18+
var el = document.querySelector('[data-bs-toggle="popover"]');
19+
if (el) {
20+
var content = document.querySelector('.need-support-popover');
21+
new bootstrap.Popover(el, {
22+
placement: 'top',
23+
container: 'body',
24+
title: 'Contact Us',
25+
content: content
26+
});
27+
}
1928
});
20-
2129
</script>

‎index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@ <h2>{{product.name}}</h2>
3131
{{product.description}}
3232
</div>
3333
</div>
34-
<div class="card-footer text-right">
34+
<div class="card-footer text-end">
3535
<a title="Get the Latest Release" class="btn btn-primary" target="_blank" href="{{product.release_link}}" role="button">Get the Latest Release</a>
3636
</div>
3737
</div>

‎openam.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ links:
1919
<img src="/assets/img/openam-logo.png" width="40%" alt="{{ page.title }}"/>
2020
</a>
2121
</h1>
22-
<h2 class="sr-only">OpenAM — Open Access Manager</h2>
22+
<h2 class="visually-hidden">OpenAM — Open Access Manager</h2>
2323
</div>
2424

2525
If you have multiple sites and applications in your company, probably you need to provide seamless authentication to all of them. So when user logged in at one of your sites once, he does not need to enter his credentials on other sites.

‎opendj.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ links:
2222
</h1>
2323
</div>
2424

25-
<h2 class="sr-only">OpenDJ - Open Directory Server</h2>
25+
<h2 class="visually-hidden">OpenDJ - Open Directory Server</h2>
2626

2727
OpenDJ is an LDAPv3 compliant directory service, which has been developed for the Java platform, providing a high performance, highly available, and secure store for the identities managed by your organization. Its easy installation process, combined with the power of the Java platform makes OpenDJ the simplest, fastest directory to deploy and manage.
2828

0 commit comments

Comments
 (0)