Skip to content

Redesign homepage by upgrading to Bootstrap 5 #810

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 4 commits into
base: main
Choose a base branch
from
Open

Redesign homepage by upgrading to Bootstrap 5 #810

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
d090689
Redesign homepage by upgrading to Bootstrap 5
veyndan Jul 31, 2023
da4f3b6
Remove icons from homepage
veyndan Aug 5, 2023
c202905
Migrate spec to Boostrap 5
veyndan Aug 6, 2023
199d831
Stop nesting the `<footer>` in a `<div>`
veyndan Aug 6, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
126 changes: 59 additions & 67 deletions images/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,14 +16,13 @@
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

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

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

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

<body>
<div class="navbar navbar-static-top">
<div class="navbar-inner">
<div class="row-fluid">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="../"><img src="../images/json-ld-data-24.png" alt="JSON-LD logo"> JSON-LD</a>
<div class="nav-collapse">
<ul class="nav">
<li>
<a href="../playground/"><span class="icon-beer"></span> Playground</a>
</li>
<li>
<a href="../learn.html"><span class="icon-book"></span> Documentation</a>
</li>
<li><a href="../#developers"><span class="icon-beaker"></span> Developers</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<span class="icon-folder-open"></span> Specifications <b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li class="nav-header"><strong>W3C Recommendations</strong></li>
<li><a href="https://www.w3.org/TR/json-ld/">Syntax</a></li>
<li><a href="https://www.w3.org/TR/json-ld-api/">Processing Algorithms and API</a></li>
<li><a href="https://www.w3.org/TR/json-ld-framing/">Framing</a></li>
<li class="divider"></li>
<li class="nav-header"><strong>Latest Drafts</strong></li>
<li><a href="https://w3c.github.io/json-ld-syntax/">Syntax</a></li>
<li><a href="https://w3c.github.io/json-ld-api/">Processing Algorithms and API</a></li>
<li><a href="https://w3c.github.io/json-ld-framing/">Framing</a></li>
<li><a href="https://w3c.github.io/json-ld-bp/">Best Practices</a></li>
<li><a href="https://w3c.github.io/json-ld-streaming/">Streaming</a></li>
<li><a href="https://json-ld.github.io/json-ld-star/">JSON-LD-star</a></li>
<li><a href="https://w3c.github.io/json-ld-cbor/">CBOR</a></li>
<li><a href="https://github.com/w3c/json-ld-rc/">Recommended Context</a></li>
<li><a href="https://json-ld.github.io/yaml-ld/">YAML-LD</a></li>
<li><a href="/spec/">1.0 drafts (historic)</a></li>
</ul>
</li>
<li class="active"><a href="#"><span class="icon-picture"></span> Branding</a></li>
</ul>
</div>
<!--/.nav-collapse -->
<nav class="navbar navbar-expand-md sticky-top bg-body">
<div class="container">
<a class="navbar-brand" href="../">
<img class="align-text-top" src="../images/json-ld-data-24.png" alt="JSON-LD logo">
JSON-LD
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="../playground/">Playground</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../learn.html">Documentation</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../#developers">Developers</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Specifications</a>
<ul class="dropdown-menu">
<li class="dropdown-header"><strong>W3C Recommendations</strong></li>
<li><a class="dropdown-item" href="https://www.w3.org/TR/json-ld/">Syntax</a></li>
<li><a class="dropdown-item" href="https://www.w3.org/TR/json-ld-api/">Processing Algorithms and API</a></li>
<li><a class="dropdown-item" href="https://www.w3.org/TR/json-ld-framing/">Framing</a></li>
<li><hr class="dropdown-divider"></li>
<li class="dropdown-header"><strong>Latest Drafts</strong></li>
<li><a class="dropdown-item" href="https://w3c.github.io/json-ld-syntax/">Syntax</a></li>
<li><a class="dropdown-item" href="https://w3c.github.io/json-ld-api/">Processing Algorithms and API</a></li>
<li><a class="dropdown-item" href="https://w3c.github.io/json-ld-framing/">Framing</a></li>
<li><a class="dropdown-item" href="https://w3c.github.io/json-ld-bp/">Best Practices</a></li>
<li><a class="dropdown-item" href="https://w3c.github.io/json-ld-streaming/">Streaming</a></li>
<li><a class="dropdown-item" href="https://json-ld.github.io/json-ld-star/">JSON-LD-star</a></li>
<li><a class="dropdown-item" href="https://w3c.github.io/json-ld-cbor/">CBOR</a></li>
<li><a class="dropdown-item" href="https://github.com/w3c/json-ld-rc/">Recommended Context</a></li>
<li><a class="dropdown-item" href="https://json-ld.github.io/yaml-ld/">YAML-LD</a></li>
<li><a class="dropdown-item" href="/spec/">1.0 drafts (historic)</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link active" href="#">Branding</a>
</li>
</ul>
</div>
</div>
</div>
</nav>


<div class="container">
<br>
<h2>JSON-LD Images</h2>
<br>
<blockquote>The following images can be used for JSON-LD. <br>
<div class="container my-4">
<h1>JSON-LD Images</h1>
<p class="my-4">The following images can be used for JSON-LD.
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.
</blockquote>
<br>
</p>
<div id="logos">
<h2>Logos</h2>
<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>
<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>
<table class="table table-bordered table-striped">
<tbody>
<tr>
Expand All @@ -111,10 +106,9 @@ <h2>Logos</h2>
</tbody>
</table>
</div>
<br>
<div id="buttons">
<h2>Buttons</h2>
<p>This button can be used to show JSON-LD support.
<p class="my-4">This button can be used to show JSON-LD support.
Also available as <a href="json-ld-button.svg">SVG</a> (Inkscape) or
<a href="json-ld-button.png">high resolution PNG</a>.</p>
<table class="table table-bordered table-striped">
Expand All @@ -130,10 +124,9 @@ <h2>Buttons</h2>
</tbody>
</table>
</div>
<br>
<div id="data">
<h2>Data</h2>
<p>These images can be used for JSON-LD data. Also
<p class="my-4">These images can be used for JSON-LD data. Also
available as <a href="json-ld-data.svg">SVG</a> (Inkscape) or
<a href="json-ld-data.png">high resolution PNG</a>.</p>
<table class="table table-bordered table-striped">
Expand Down Expand Up @@ -173,16 +166,15 @@ <h2>Data</h2>
</tbody>
</table>
</div>
<hr>
<div id="footer">
<p id="copyright">

<footer class="pt-4 pb-3">
<p class="text-body-secondary">
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.
Part of the <a href="http://payswarm.com/">PaySwarm</a> standardization initiative.
</p>
</div>
</footer>
</div> <!-- /container -->
<!-- script tags -->
<script type="text/javascript" src="../static/js/bootstrap/bootstrap.js"></script>
<script type="text/javascript">
$('#markup,#context,#frame').bind('keyup', function() {
$('.btn-group > .btn').each(function () {
Expand Down
Loading