Skip to content

Commit a79dd4d

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

File tree

1 file changed

+67
-79
lines changed

1 file changed

+67
-79
lines changed

‎spec/index.php

+67-79
Original file line numberDiff line numberDiff line change
@@ -16,9 +16,7 @@
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

@@ -67,91 +65,87 @@ function getDrafts($spec)
6765
?>
6866

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

119-
<div class="container">
120-
<br>
117+
<div class="container my-4">
121118
<h1>Specifications</h1>
122-
<p>
119+
<p class="my-4">
123120
JSON-LD has been designed to be a modular set of specifications. It consists of
124121
two base specifications: The JSON-LD Syntax and the JSON-LD API. All other
125122
JSON-LD specifications are layered upon the previous two specifications,
126123
allowing the community to build experimental extensions on top of the base
127124
specifications.
128125
<p>
129-
<div id="syntax">
130126
<h2><a href="latest/json-ld/">The JSON-LD Syntax</a></h2>
131-
<p>
127+
<p class="mt-4">
132128
Defines JSON-LD, a JSON-based format to serialize Linked Data. The syntax is
133129
designed to easily integrate into deployed systems that already use JSON,
134130
and provides a smooth upgrade path from JSON to JSON-LD. It is primarily
135131
intended to be a way to use Linked Data in Web-based programming environments,
136132
to build interoperable Web services, and to store Linked Data in JSON-based
137133
storage engines.
138134
</p>
139-
<p>
135+
<p class="mb-4">
140136
Links to JSON-LD specifications: <a href="latest/json-ld/">Latest</a><?php
141137
$drafts = getDrafts('json-ld') + getDrafts('json-ld-syntax');
142138
foreach ($drafts as $date => $dir) {
143139
print(", <a href=\"$dir/\">$date</a>");
144140
}
145141
?>
146-
</div>
147-
<div id="api">
148142
<h2><a href="latest/json-ld-api/">The JSON-LD API</a></h2>
149-
<p>
143+
<p class="mt-4">
150144
An Application Programming Interface (API) and a set of algorithms for
151145
programmatic transformations of JSON-LD documents. This API defines algorithms
152146
for applying and removing JSON-LD contexts.
153147
</p>
154-
<p>
148+
<p class="mb-4">
155149
Links to JSON-LD API specifications: <a href="latest/json-ld-api/">Latest</a><?php
156150

157151
$drafts = getDrafts('json-ld-api');
@@ -162,13 +156,11 @@ function getDrafts($spec)
162156

163157
?>
164158
</p>
165-
</div>
166-
<div id="best-practices">
167159
<h2><a href="https://w3c.github.io/json-ld-bp">JSON-LD Best Practices</a></h2>
168-
<p>
160+
<p class="mt-4">
169161
Best practices for publishing JSON-LD and building APIs.
170162
</p>
171-
<p>
163+
<p class="mb-4">
172164
Links to JSON-LD API specifications: <a href="https://w3c.github.io/json-ld-bp">Latest</a><?php
173165

174166
$drafts = getDrafts('json-ld-api-best-practices');
@@ -179,17 +171,15 @@ function getDrafts($spec)
179171

180172
?>
181173
</p>
182-
</div>
183-
<div id="framing">
184174
<h2><a href="latest/json-ld-framing/">JSON-LD Framing</a></h2>
185-
<p>
175+
<p class="mt-4">
186176
JSON-LD Framing allows developers to perform <em>query by example</em>
187177
and force a specific tree layout to a JSON-LD document. It allows developers
188178
to restructure data retrieved from the Web according to the specific needs of
189179
their application. Restructuring JSON-LD data before your application processes
190180
it leads to simpler code when processing data from external sources.
191181
</p>
192-
<p>
182+
<p class="mb-4">
193183
Links to JSON-LD Framing specifications: <a href="latest/json-ld-framing/">Latest</a><?php
194184

195185
$drafts = getDrafts('json-ld-framing');
@@ -200,14 +190,12 @@ function getDrafts($spec)
200190

201191
?>
202192
</p>
203-
204-
</div>
205193
<h2><a href="latest/json-ld-rdf/">JSON-LD RDF API</a></h2>
206-
<p>
194+
<p class="mt-4">
207195
JSON-LD RDF API describes access methods for transforming and abstract RDF
208196
represention into JSON-LD and back.
209197
</p>
210-
<p>
198+
<p class="mb-4">
211199
Links to JSON-LD RDF API specifications: <a href="latest/json-ld-rdf/">Latest</a><?php
212200

213201
$drafts = getDrafts('json-ld-rdf');
@@ -218,16 +206,16 @@ function getDrafts($spec)
218206

219207
?>
220208
</p>
209+
</div> <!-- /container -->
221210

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.
211+
<div class="container pt-4 pb-3">
212+
<footer>
213+
<p class="text-body-secondary">
214+
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.
215+
Part of the <a href="http://payswarm.com/">PaySwarm</a> standardization initiative.
227216
</p>
228-
</div>
229-
230-
</div> <!-- /container -->
217+
</footer>
218+
</div>
231219

232220
<!-- script tags -->
233221
<script type="text/javascript" src="../static/js/bootstrap/bootstrap.js"></script>

0 commit comments

Comments
 (0)