Skip to content

Commit d090689

Browse files
veyndanveyndan
committed
Redesign homepage by upgrading to Bootstrap 5
1 parent f4b8dc9 commit d090689

File tree

6 files changed

+741
-779
lines changed

6 files changed

+741
-779
lines changed

‎images/index.html

+63-69
Original file line numberDiff line numberDiff line change
@@ -16,14 +16,13 @@
1616
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
1717

1818
<!-- Style Sheets -->
19-
<link rel="stylesheet" type="text/css" href="../static/css/bootstrap/bootstrap.css">
20-
<link rel="stylesheet" type="text/css" href="../static/css/bootstrap/bootstrap-responsive.css">
21-
<link rel="stylesheet" type="text/css" href="../static/css/bootstrap/font-awesome.css">
19+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"/>
2220
<link rel="stylesheet" href="../common/prettify.css" type="text/css" />
2321
<link rel="shortcut icon" href="../favicon.ico" />
2422

2523
<!-- script tags -->
2624
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
25+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" async></script>
2726

2827
<script>
2928
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
@@ -37,67 +36,63 @@
3736
</head>
3837

3938
<body>
40-
<div class="navbar navbar-static-top">
41-
<div class="navbar-inner">
42-
<div class="row-fluid">
43-
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
44-
<span class="icon-bar"></span>
45-
<span class="icon-bar"></span>
46-
<span class="icon-bar"></span>
47-
</a>
48-
<a class="brand" href="../"><img src="../images/json-ld-data-24.png" alt="JSON-LD logo"> JSON-LD</a>
49-
<div class="nav-collapse">
50-
<ul class="nav">
51-
<li>
52-
<a href="../playground/"><span class="icon-beer"></span> Playground</a>
53-
</li>
54-
<li>
55-
<a href="../learn.html"><span class="icon-book"></span> Documentation</a>
56-
</li>
57-
<li><a href="../#developers"><span class="icon-beaker"></span> Developers</a></li>
58-
<li class="dropdown">
59-
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
60-
<span class="icon-folder-open"></span> Specifications <b class="caret"></b>
61-
</a>
62-
<ul class="dropdown-menu">
63-
<li class="nav-header"><strong>W3C Recommendations</strong></li>
64-
<li><a href="https://www.w3.org/TR/json-ld/">Syntax</a></li>
65-
<li><a href="https://www.w3.org/TR/json-ld-api/">Processing Algorithms and API</a></li>
66-
<li><a href="https://www.w3.org/TR/json-ld-framing/">Framing</a></li>
67-
<li class="divider"></li>
68-
<li class="nav-header"><strong>Latest Drafts</strong></li>
69-
<li><a href="https://w3c.github.io/json-ld-syntax/">Syntax</a></li>
70-
<li><a href="https://w3c.github.io/json-ld-api/">Processing Algorithms and API</a></li>
71-
<li><a href="https://w3c.github.io/json-ld-framing/">Framing</a></li>
72-
<li><a href="https://w3c.github.io/json-ld-bp/">Best Practices</a></li>
73-
<li><a href="https://w3c.github.io/json-ld-streaming/">Streaming</a></li>
74-
<li><a href="https://json-ld.github.io/json-ld-star/">JSON-LD-star</a></li>
75-
<li><a href="https://w3c.github.io/json-ld-cbor/">CBOR</a></li>
76-
<li><a href="https://github.com/w3c/json-ld-rc/">Recommended Context</a></li>
77-
<li><a href="https://json-ld.github.io/yaml-ld/">YAML-LD</a></li>
78-
<li><a href="/spec/">1.0 drafts (historic)</a></li>
79-
</ul>
80-
</li>
81-
<li class="active"><a href="#"><span class="icon-picture"></span> Branding</a></li>
82-
</ul>
83-
</div>
84-
<!--/.nav-collapse -->
39+
<nav class="navbar navbar-expand-md sticky-top bg-body">
40+
<div class="container">
41+
<a class="navbar-brand" href="../">
42+
<img class="align-text-top" src="../images/json-ld-data-24.png" alt="JSON-LD logo">
43+
JSON-LD
44+
</a>
45+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
46+
<span class="navbar-toggler-icon"></span>
47+
</button>
48+
<div class="collapse navbar-collapse" id="navbarNav">
49+
<ul class="navbar-nav">
50+
<li class="nav-item">
51+
<a class="nav-link" href="../playground/">Playground</a>
52+
</li>
53+
<li class="nav-item">
54+
<a class="nav-link" href="../learn.html">Documentation</a>
55+
</li>
56+
<li class="nav-item">
57+
<a class="nav-link" href="../#developers">Developers</a>
58+
</li>
59+
<li class="nav-item dropdown">
60+
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Specifications</a>
61+
<ul class="dropdown-menu">
62+
<li class="dropdown-header"><strong>W3C Recommendations</strong></li>
63+
<li><a class="dropdown-item" href="https://www.w3.org/TR/json-ld/">Syntax</a></li>
64+
<li><a class="dropdown-item" href="https://www.w3.org/TR/json-ld-api/">Processing Algorithms and API</a></li>
65+
<li><a class="dropdown-item" href="https://www.w3.org/TR/json-ld-framing/">Framing</a></li>
66+
<li><hr class="dropdown-divider"></li>
67+
<li class="dropdown-header"><strong>Latest Drafts</strong></li>
68+
<li><a class="dropdown-item" href="https://w3c.github.io/json-ld-syntax/">Syntax</a></li>
69+
<li><a class="dropdown-item" href="https://w3c.github.io/json-ld-api/">Processing Algorithms and API</a></li>
70+
<li><a class="dropdown-item" href="https://w3c.github.io/json-ld-framing/">Framing</a></li>
71+
<li><a class="dropdown-item" href="https://w3c.github.io/json-ld-bp/">Best Practices</a></li>
72+
<li><a class="dropdown-item" href="https://w3c.github.io/json-ld-streaming/">Streaming</a></li>
73+
<li><a class="dropdown-item" href="https://json-ld.github.io/json-ld-star/">JSON-LD-star</a></li>
74+
<li><a class="dropdown-item" href="https://w3c.github.io/json-ld-cbor/">CBOR</a></li>
75+
<li><a class="dropdown-item" href="https://github.com/w3c/json-ld-rc/">Recommended Context</a></li>
76+
<li><a class="dropdown-item" href="https://json-ld.github.io/yaml-ld/">YAML-LD</a></li>
77+
<li><a class="dropdown-item" href="/spec/">1.0 drafts (historic)</a></li>
78+
</ul>
79+
</li>
80+
<li class="nav-item">
81+
<a class="nav-link active" href="#">Branding</a>
82+
</li>
83+
</ul>
8584
</div>
8685
</div>
87-
</div>
86+
</nav>
8887

89-
90-
<div class="container">
91-
<br>
92-
<h2>JSON-LD Images</h2>
93-
<br>
94-
<blockquote>The following images can be used for JSON-LD. <br>
88+
<div class="container my-4">
89+
<h1>JSON-LD Images</h1>
90+
<p class="my-4">The following images can be used for JSON-LD.
9591
Use of these images must follow the guidelines found on the <a href="http://www.w3.org/RDF/icons/">W3C RDF Icons</a> page due to the embedded use of their excellent logo and inspiration for this page.
96-
</blockquote>
97-
<br>
92+
</p>
9893
<div id="logos">
9994
<h2>Logos</h2>
100-
<p>This is the JSON-LD logo. Also available as <a href="json-ld-logo.svg">SVG</a> or <a href="json-ld-logo.png">high resolution PNG</a>.</p>
95+
<p class="my-4">This is the JSON-LD logo. Also available as <a href="json-ld-logo.svg">SVG</a> or <a href="json-ld-logo.png">high resolution PNG</a>.</p>
10196
<table class="table table-bordered table-striped">
10297
<tbody>
10398
<tr>
@@ -111,10 +106,9 @@ <h2>Logos</h2>
111106
</tbody>
112107
</table>
113108
</div>
114-
<br>
115109
<div id="buttons">
116110
<h2>Buttons</h2>
117-
<p>This button can be used to show JSON-LD support.
111+
<p class="my-4">This button can be used to show JSON-LD support.
118112
Also available as <a href="json-ld-button.svg">SVG</a> (Inkscape) or
119113
<a href="json-ld-button.png">high resolution PNG</a>.</p>
120114
<table class="table table-bordered table-striped">
@@ -130,10 +124,9 @@ <h2>Buttons</h2>
130124
</tbody>
131125
</table>
132126
</div>
133-
<br>
134127
<div id="data">
135128
<h2>Data</h2>
136-
<p>These images can be used for JSON-LD data. Also
129+
<p class="my-4">These images can be used for JSON-LD data. Also
137130
available as <a href="json-ld-data.svg">SVG</a> (Inkscape) or
138131
<a href="json-ld-data.png">high resolution PNG</a>.</p>
139132
<table class="table table-bordered table-striped">
@@ -173,16 +166,17 @@ <h2>Data</h2>
173166
</tbody>
174167
</table>
175168
</div>
176-
<hr>
177-
<div id="footer">
178-
<p id="copyright">
179-
Website content released under a <a href="https://creativecommons.org/about/cc0">Creative Commons CC0 Public Domain Dedication</a> except where an alternate is specified.
180-
Part of the <a href="http://payswarm.com/">PaySwarm</a> standardization initiative.
181-
</p>
169+
170+
<div class="container pt-4 pb-3">
171+
<footer>
172+
<p class="text-body-secondary">
173+
Website content released under a <a href="https://creativecommons.org/about/cc0">Creative Commons CC0 Public Domain Dedication</a> except where an alternate is specified.
174+
Part of the <a href="http://payswarm.com/">PaySwarm</a> standardization initiative.
175+
</p>
176+
</footer>
182177
</div>
183178
</div> <!-- /container -->
184179
<!-- script tags -->
185-
<script type="text/javascript" src="../static/js/bootstrap/bootstrap.js"></script>
186180
<script type="text/javascript">
187181
$('#markup,#context,#frame').bind('keyup', function() {
188182
$('.btn-group > .btn').each(function () {

0 commit comments

Comments
 (0)