Skip to content

Commit c202905

Browse files
veyndanveyndan
committed
Migrate spec to Boostrap 5
1 parent da4f3b6 commit c202905

File tree

1 file changed

+68
-80
lines changed

1 file changed

+68
-80
lines changed

‎spec/index.php‎

Lines changed: 68 additions & 80 deletions
Original file line numberDiff line numberDiff line change
@@ -16,13 +16,12 @@
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 -->
24+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" async></script>
2625
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
2726

2827
<script>
@@ -67,91 +66,87 @@ function getDrafts($spec)
6766
?>
6867

6968
<body>
70-
<div class="navbar navbar-static-top">
71-
<div class="navbar-inner">
72-
<div class="row-fluid">
73-
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
74-
<span class="icon-bar"></span>
75-
<span class="icon-bar"></span>
76-
<span class="icon-bar"></span>
77-
</a>
78-
<a class="brand" href="../"><img src="../images/json-ld-data-24.png" alt="JSON-LD logo"> JSON-LD</a>
79-
<div class="nav-collapse">
80-
<ul class="nav">
81-
<li>
82-
<a href="../playground/"><span class="icon-beer"></span> Playground</a>
83-
</li>
84-
<li>
85-
<a href="../learn.html"><span class="icon-book"></span> Documentation</a>
86-
</li>
87-
<li><a href="../#developers"><span class="icon-beaker"></span> Developers</a></li>
88-
<li class="dropdown">
89-
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
90-
<span class="icon-folder-open"></span> Specifications <b class="caret"></b>
91-
</a>
92-
<ul class="dropdown-menu">
93-
<li class="nav-header"><strong>W3C Recommendations</strong></li>
94-
<li><a href="https://www.w3.org/TR/json-ld/">Syntax</a></li>
95-
<li><a href="https://www.w3.org/TR/json-ld-api/">Processing Algorithms and API</a></li>
96-
<li><a href="https://www.w3.org/TR/json-ld-framing/">Framing</a></li>
97-
<li class="divider"></li>
98-
<li class="nav-header"><strong>Latest Drafts</strong></li>
99-
<li><a href="https://w3c.github.io/json-ld-syntax/">Syntax</a></li>
100-
<li><a href="https://w3c.github.io/json-ld-api/">Processing Algorithms and API</a></li>
101-
<li><a href="https://w3c.github.io/json-ld-framing/">Framing</a></li>
102-
<li><a href="https://w3c.github.io/json-ld-bp/">Best Practices</a></li>
103-
<li><a href="https://w3c.github.io/json-ld-streaming/">Streaming</a></li>
104-
<li><a href="https://json-ld.github.io/json-ld-star/">JSON-LD-star</a></li>
105-
<li><a href="https://w3c.github.io/json-ld-cbor/">CBOR</a></li>
106-
<li><a href="https://github.com/w3c/json-ld-rc/">Recommended Context</a></li>
107-
<li><a href="https://json-ld.github.io/yaml-ld/">YAML-LD</a></li>
108-
<li><a href="/spec/">1.0 drafts (historic)</a></li>
109-
</ul>
110-
</li>
111-
<li><a href="../images/"><span class="icon-picture"></span> Branding</a></li>
112-
</ul>
113-
</div>
114-
<!--/.nav-collapse -->
69+
<nav class="navbar navbar-expand-md sticky-top bg-body">
70+
<div class="container">
71+
<a class="navbar-brand active" href="../">
72+
<img class="align-text-top" src="../images/json-ld-data-24.png" alt="JSON-LD logo">
73+
JSON-LD
74+
</a>
75+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
76+
<span class="navbar-toggler-icon"></span>
77+
</button>
78+
<div class="collapse navbar-collapse" id="navbarNav">
79+
<ul class="navbar-nav">
80+
<li class="nav-item">
81+
<a class="nav-link" href="../playground/">Playground</a>
82+
</li>
83+
<li class="nav-item">
84+
<a class="nav-link" href="../learn.html">Documentation</a>
85+
</li>
86+
<li class="nav-item">
87+
<a class="nav-link" href="../#developers">Developers</a>
88+
</li>
89+
<li class="nav-item dropdown">
90+
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Specifications</a>
91+
<ul class="dropdown-menu">
92+
<li class="dropdown-header"><strong>W3C Recommendations</strong></li>
93+
<li><a class="dropdown-item" href="https://www.w3.org/TR/json-ld/">Syntax</a></li>
94+
<li><a class="dropdown-item" href="https://www.w3.org/TR/json-ld-api/">Processing Algorithms and API</a></li>
95+
<li><a class="dropdown-item" href="https://www.w3.org/TR/json-ld-framing/">Framing</a></li>
96+
<li><hr class="dropdown-divider"></li>
97+
<li class="dropdown-header"><strong>Latest Drafts</strong></li>
98+
<li><a class="dropdown-item" href="https://w3c.github.io/json-ld-syntax/">Syntax</a></li>
99+
<li><a class="dropdown-item" href="https://w3c.github.io/json-ld-api/">Processing Algorithms and API</a></li>
100+
<li><a class="dropdown-item" href="https://w3c.github.io/json-ld-framing/">Framing</a></li>
101+
<li><a class="dropdown-item" href="https://w3c.github.io/json-ld-bp/">Best Practices</a></li>
102+
<li><a class="dropdown-item" href="https://w3c.github.io/json-ld-streaming/">Streaming</a></li>
103+
<li><a class="dropdown-item" href="https://json-ld.github.io/json-ld-star/">JSON-LD-star</a></li>
104+
<li><a class="dropdown-item" href="https://w3c.github.io/json-ld-cbor/">CBOR</a></li>
105+
<li><a class="dropdown-item" href="https://github.com/w3c/json-ld-rc/">Recommended Context</a></li>
106+
<li><a class="dropdown-item" href="https://json-ld.github.io/yaml-ld/">YAML-LD</a></li>
107+
<li><a class="dropdown-item" href="/spec/">1.0 drafts (historic)</a></li>
108+
</ul>
109+
</li>
110+
<li class="nav-item">
111+
<a class="nav-link" href="../images/">Branding</a>
112+
</li>
113+
</ul>
115114
</div>
116115
</div>
117-
</div>
116+
</nav>
118117

119-
<div class="container">
120-
<br>
118+
<div class="container my-4">
121119
<h1>Specifications</h1>
122-
<p>
120+
<p class="my-4">
123121
JSON-LD has been designed to be a modular set of specifications. It consists of
124122
two base specifications: The JSON-LD Syntax and the JSON-LD API. All other
125123
JSON-LD specifications are layered upon the previous two specifications,
126124
allowing the community to build experimental extensions on top of the base
127125
specifications.
128126
<p>
129-
<div id="syntax">
130127
<h2><a href="latest/json-ld/">The JSON-LD Syntax</a></h2>
131-
<p>
128+
<p class="mt-4">
132129
Defines JSON-LD, a JSON-based format to serialize Linked Data. The syntax is
133130
designed to easily integrate into deployed systems that already use JSON,
134131
and provides a smooth upgrade path from JSON to JSON-LD. It is primarily
135132
intended to be a way to use Linked Data in Web-based programming environments,
136133
to build interoperable Web services, and to store Linked Data in JSON-based
137134
storage engines.
138135
</p>
139-
<p>
136+
<p class="mb-4">
140137
Links to JSON-LD specifications: <a href="latest/json-ld/">Latest</a><?php
141138
$drafts = getDrafts('json-ld') + getDrafts('json-ld-syntax');
142139
foreach ($drafts as $date => $dir) {
143140
print(", <a href=\"$dir/\">$date</a>");
144141
}
145142
?>
146-
</div>
147-
<div id="api">
148143
<h2><a href="latest/json-ld-api/">The JSON-LD API</a></h2>
149-
<p>
144+
<p class="mt-4">
150145
An Application Programming Interface (API) and a set of algorithms for
151146
programmatic transformations of JSON-LD documents. This API defines algorithms
152147
for applying and removing JSON-LD contexts.
153148
</p>
154-
<p>
149+
<p class="mb-4">
155150
Links to JSON-LD API specifications: <a href="latest/json-ld-api/">Latest</a><?php
156151

157152
$drafts = getDrafts('json-ld-api');
@@ -162,13 +157,11 @@ function getDrafts($spec)
162157

163158
?>
164159
</p>
165-
</div>
166-
<div id="best-practices">
167160
<h2><a href="https://w3c.github.io/json-ld-bp">JSON-LD Best Practices</a></h2>
168-
<p>
161+
<p class="mt-4">
169162
Best practices for publishing JSON-LD and building APIs.
170163
</p>
171-
<p>
164+
<p class="mb-4">
172165
Links to JSON-LD API specifications: <a href="https://w3c.github.io/json-ld-bp">Latest</a><?php
173166

174167
$drafts = getDrafts('json-ld-api-best-practices');
@@ -179,17 +172,15 @@ function getDrafts($spec)
179172

180173
?>
181174
</p>
182-
</div>
183-
<div id="framing">
184175
<h2><a href="latest/json-ld-framing/">JSON-LD Framing</a></h2>
185-
<p>
176+
<p class="mt-4">
186177
JSON-LD Framing allows developers to perform <em>query by example</em>
187178
and force a specific tree layout to a JSON-LD document. It allows developers
188179
to restructure data retrieved from the Web according to the specific needs of
189180
their application. Restructuring JSON-LD data before your application processes
190181
it leads to simpler code when processing data from external sources.
191182
</p>
192-
<p>
183+
<p class="mb-4">
193184
Links to JSON-LD Framing specifications: <a href="latest/json-ld-framing/">Latest</a><?php
194185

195186
$drafts = getDrafts('json-ld-framing');
@@ -200,14 +191,12 @@ function getDrafts($spec)
200191

201192
?>
202193
</p>
203-
204-
</div>
205194
<h2><a href="latest/json-ld-rdf/">JSON-LD RDF API</a></h2>
206-
<p>
195+
<p class="mt-4">
207196
JSON-LD RDF API describes access methods for transforming and abstract RDF
208197
represention into JSON-LD and back.
209198
</p>
210-
<p>
199+
<p class="mb-4">
211200
Links to JSON-LD RDF API specifications: <a href="latest/json-ld-rdf/">Latest</a><?php
212201

213202
$drafts = getDrafts('json-ld-rdf');
@@ -218,19 +207,18 @@ function getDrafts($spec)
218207

219208
?>
220209
</p>
210+
</div> <!-- /container -->
221211

222-
<hr>
223-
<div id="footer">
224-
<p id="copyright">
225-
JSON-LD Specifications are covered by the <a href="https://www.w3.org/Consortium/Legal/2015/doc-license">W3C DOCUMENT LICENSE</a> except where an alternate is specified.
226-
Part of the <a href="http://payswarm.com/">PaySwarm</a> standardization initiative.
212+
<div class="container pt-4 pb-3">
213+
<footer>
214+
<p class="text-body-secondary">
215+
JSON-LD Specifications are covered by the <a href="https://www.w3.org/Consortium/Legal/2015/doc-license">W3C DOCUMENT LICENSE</a> except where an alternate is specified.
216+
Part of the <a href="http://payswarm.com/">PaySwarm</a> standardization initiative.
227217
</p>
228-
</div>
229-
230-
</div> <!-- /container -->
218+
</footer>
219+
</div>
231220

232221
<!-- script tags -->
233-
<script type="text/javascript" src="../static/js/bootstrap/bootstrap.js"></script>
234222
<script type="text/javascript">
235223
$('#markup,#context,#frame').bind('keyup', function() {
236224
$('.btn-group > .btn').each(function () {

0 commit comments

Comments
 (0)