summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@open-infrastructure.net>2020-06-20 18:17:20 +0000
committerDaniel Baumann <daniel.baumann@open-infrastructure.net>2020-06-21 11:25:35 +0000
commit6ed285e9f80d99be1185c6b714f375a3000289b0 (patch)
treec2ecf6cc1c9bb1dac2fd83e453ae02c45cdc4b01
parentAdding static: local CSS/JS (diff)
downloadhtml-template-master.tar.xz
html-template-master.zip
Updating bootstrap starter-template example for open-infrastructure.net.HEADmaster
Signed-off-by: Daniel Baumann <daniel.baumann@open-infrastructure.net>
-rw-r--r--_static/local/body.css8
-rw-r--r--index.html184
-rw-r--r--starter-template.css7
3 files changed, 123 insertions, 76 deletions
diff --git a/_static/local/body.css b/_static/local/body.css
new file mode 100644
index 0000000..050a4c1
--- /dev/null
+++ b/_static/local/body.css
@@ -0,0 +1,8 @@
+body {
+ padding-top: 5rem;
+}
+
+.content {
+ padding-top: 2.5rem;
+ padding-bottom: 5rem;
+}
diff --git a/index.html b/index.html
index b72b4cb..079c620 100644
--- a/index.html
+++ b/index.html
@@ -3,88 +3,134 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
- <meta name="description" content="">
- <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
- <meta name="generator" content="Jekyll v4.0.1">
- <title>Starter Template ยท Bootstrap</title>
+ <meta name="author" content="open-infrastructure.net">
+ <meta name="description" content="Open Infrastructure">
+ <meta name="generator" content="system-administration@open-infrastructure.net">
- <link rel="canonical" href="https://getbootstrap.com/docs/4.5/examples/starter-template/">
+ <title>Open Infrastructure</title>
+ <link rel="canonical" href="https://open-infrastructure.net">
<!-- Bootstrap core CSS -->
-<link href="/docs/4.5/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
+ <link href="/_static/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Favicons -->
-<link rel="apple-touch-icon" href="/docs/4.5/assets/img/favicons/apple-touch-icon.png" sizes="180x180">
-<link rel="icon" href="/docs/4.5/assets/img/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
-<link rel="icon" href="/docs/4.5/assets/img/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
-<link rel="manifest" href="/docs/4.5/assets/img/favicons/manifest.json">
-<link rel="mask-icon" href="/docs/4.5/assets/img/favicons/safari-pinned-tab.svg" color="#563d7c">
-<link rel="icon" href="/docs/4.5/assets/img/favicons/favicon.ico">
-<meta name="msapplication-config" content="/docs/4.5/assets/img/favicons/browserconfig.xml">
-<meta name="theme-color" content="#563d7c">
+ <link rel="apple-touch-icon" href="/_static/favicons/apple-touch-icon.png" sizes="180x180">
+ <link rel="icon" href="/_static/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
+ <link rel="icon" href="/_static/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
+ <link rel="icon" href="/_static/favicons/favicon.ico">
+ <link rel="manifest" href="/_static/favicons/manifest.json">
+ <link rel="mask-icon" href="/_static/favicons/safari-pinned-tab.svg" color="#563d7c">
+ <meta name="msapplication-config" content="/_static/favicons/browserconfig.xml">
+ <meta name="theme-color" content="#cc0000">
-
- <style>
- .bd-placeholder-img {
- font-size: 1.125rem;
- text-anchor: middle;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- }
-
- @media (min-width: 768px) {
- .bd-placeholder-img-lg {
- font-size: 3.5rem;
- }
- }
- </style>
<!-- Custom styles for this template -->
- <link href="starter-template.css" rel="stylesheet">
+ <link href="/_static/asciinema-player/asciinema-player.css" rel="stylesheet">
+ <link href="/_static/dejavu-fonts/dejavu-fonts.css" rel="stylesheet">
+
+ <link href="/_static/local/body.css" rel="stylesheet">
+ <link href="/_static/local/font.css" rel="stylesheet">
+ <link href="/_static/local/footer.css" rel="stylesheet">
</head>
+
<body>
<nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
- <a class="navbar-brand" href="#">Navbar</a>
- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
- <span class="navbar-toggler-icon"></span>
- </button>
+ <a class="navbar-brand" href="/"><b>Open Infrastructure</b></a>
+ <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsDefault" aria-controls="navbarsDefault" aria-expanded="false" aria-label="Toggle navigation">
+ <span class="navbar-toggler-icon"></span>
+ </button>
+
+ <div class="collapse navbar-collapse" id="navbarsDefault">
+ <ul class="navbar-nav mr-auto">
+ <li class="nav-item dropdown active">
+ <a class="nav-link dropdown-toggle" href="#" id="dropdownProjects" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Projects</a>
+ <div class="dropdown-menu" aria-labelledby="dropdownProjects">
+ <a class="dropdown-item" href="#"><i class="fa-fw far fa-boot"></i> Bootstrapping</a>
+ <a class="dropdown-item" href="#"><i class="fa-fw far fa-box-full"></i> Setup Box</a>
+ <a class="dropdown-item" href="#"><i class="fa-fw far fa-terminal"></i> Base System</a>
+ <a class="dropdown-item" href="#"><i class="fa-fw far fa-clone"></i> Container Server</a>
+ <a class="dropdown-item" href="#"><i class="fa-fw far fa-image"></i> GNOME Desktop</a>
+ </div>
+ </li>
+ <li class="nav-item dropdown active">
+ <a class="nav-link dropdown-toggle" href="#" id="dropdownServices" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Services</a>
+ <div class="dropdown-menu" aria-labelledby="dropdownServices">
+ <a class="dropdown-item" href="https://get.open-infrastructure.net"><i class="fa-fw far fa-download"></i> Download</a>
+ <a class="dropdown-item" href="https://lists.open-infrastructure.net"><i class="fa-fw far fa-mail-bulk"></i> Mailing Lists</a>
+ <a class="dropdown-item" href="https://git.open-infrastructure.net"><i class="fa-fw far fa-code-branch"></i> Source Code</a>
+ <a class="dropdown-item" href="https://web.open-infrastructure.net"><i class="fa-fw far fa-home"></i> Web</a>
+ </div>
+ </li>
+ <li class="nav-item dropdown active">
+ <a class="nav-link dropdown-toggle" href="#" id="dropdownSoftware" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Software</a>
+ <div class="dropdown-menu" aria-labelledby="dropdownSoftware">
+ <a class="dropdown-item" href="/software/compute-tools"><i class="fa-fw far fa-clone"></i> compute-tools</a>
+ <a class="dropdown-item" href="/software/storage-tools"><i class="fa-fw far fa-hdd"></i> storage-tools</a>
+ <a class="dropdown-item" href="/software/service-tools"><i class="fa-fw far fa-image"></i> service-tools</a>
+ <a class="dropdown-item" href="/software/locales-c.utf-8"><i class="fa-fw far fa-flag"></i> locales-c.utf-8</a>
+ <a class="dropdown-item" href="/software/system-tools"><i class="fa-fw far fa-cogs"></i> system-tools</a>
+ </div>
+ </li>
+ </ul>
+ </div>
+ </nav>
+
+ <main role="main" class="container">
+
+ <div class="content">
+ <h1>Content title</h1>
+ <p class="lead">This is the content lead.</p>
+ <p>This is normal content. This is normal content. This is normal content.</p>
+ </div>
+
+ </main><!-- /.container -->
- <div class="collapse navbar-collapse" id="navbarsExampleDefault">
- <ul class="navbar-nav mr-auto">
- <li class="nav-item active">
- <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="#">Link</a>
- </li>
- <li class="nav-item">
- <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</a>
- <div class="dropdown-menu" aria-labelledby="dropdown01">
- <a class="dropdown-item" href="#">Action</a>
- <a class="dropdown-item" href="#">Another action</a>
- <a class="dropdown-item" href="#">Something else here</a>
+ <footer class="footer py-5">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-2">
+ <small>
+ <strong><i class="fa-fw fas fa-map-marker"></i> Address</strong><br />
+ <a class="text-muted" href="https://www.openstreetmap.org/search?query=Neufeldstrasse 125%2C 3012 Bern">Open Infrastructure<br />
+ Neufeldstrasse 125<br />
+ CH-3012 Bern<br />
+ Switzerland</a>
+ </small>
+ </div>
+ <div class="col-md-4">
+ <small>
+ <strong><i class="fa-fw fas fa-envelope"></i> Email</strong><br />
+ <a class="text-muted" href="mailto:system-administration@open-infrastructure.net?subject=Open%20Infrastructure:%20Feedback">system-administration@open-infrastructure.net</a><br />
+ <br />
+ <strong><i class="fa-fw fas fa-comment-dots"></i> Instant messaging</strong><br />
+ <a class="text-muted" href="irc://irc.oftc.net/open-infrastructure">irc.oftc.net #open-infrastructure</a> (<a class="text-muted" href="https://webchat.oftc.net/?channels=%23open-infrastructure">Web IRC</a>)
+ </small>
+ </div>
+ <div class="col-md-5">
+ <small>
+ <strong><i class="fa-fw fas fa-key"></i> Cryptography</strong><br />
+ PGP: <a class="text-muted" href="/other/crypto/pgp-key.pub"><samp>AF89 797C E144 A0E5 BF84 3F6F 7B05 B9F1 F05B 396C</samp></a><br />
+ SSH: <a class="text-muted" href="/other/crypto/ssh-key.pub"><samp>SHA256:BStdfJ11QMpgqDnOzQ/3Zucrh+OiuO+H91JoQvSMpus</samp></a><br />
+ <br />
+ <i class="fa-fw fas fa-copyright"></i> <a class="text-muted" href="/other/legal">2014-2020</a>
+ &nbsp; &nbsp;
+ <a style="color: inherit;" href="/other/legal" title="Legal Information"><i class="fa-fw fas fa-balance-scale"></i></a> <a class="text-muted" href="/other/legal" title="Legal Information">Legal Information</a>
+ &nbsp; &nbsp;
+ <a class="a-hover-red" href="https://git.open-infrastructure.net" title="Made with Love and Git"><i class="fa-fw fas fa-heart"></i></a> <a class="text-muted" href="https://git.open-infrastructure.net" title="Made with Love and Git">Source Code</a>
+ </small>
+ </div>
</div>
- </li>
- </ul>
- <form class="form-inline my-2 my-lg-0">
- <input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search">
- <button class="btn btn-secondary my-2 my-sm-0" type="submit">Search</button>
- </form>
- </div>
-</nav>
+ </div>
+ </footer>
-<main role="main" class="container">
+ <!-- Bootstrap core JS -->
+ <script src="/_static/jquery/jquery.slim.min.js"></script>
+ <script src="/_static/popperjs/popper.min.js"></script>
+ <script src="/_static/bootstrap/js/bootstrap.min.js"></script>
- <div class="starter-template">
- <h1>Bootstrap starter template</h1>
- <p class="lead">Use this document as a way to quickly start any new project.<br> All you get is this text and a mostly barebones HTML document.</p>
- </div>
+ <!-- Custom scripts for this template -->
+ <script src="/_static/asciinema-player/asciinema-player.js"></script>
+ <script src="/_static/fontawesome-pro/js/all.min.js"></script>
-</main><!-- /.container -->
-<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
- <script>window.jQuery || document.write('<script src="/docs/4.5/assets/js/vendor/jquery.slim.min.js"><\/script>')</script><script src="/docs/4.5/dist/js/bootstrap.bundle.min.js" integrity="sha384-1CmrxMRARb6aLqgBO7yyAxTOQE2AKb9GfXnEo760AUcUmFx3ibVJJAzGytlQcNXd" crossorigin="anonymous"></script></body>
+ <script src="/_static/local/table.js"></script>
+ </body>
</html>
diff --git a/starter-template.css b/starter-template.css
deleted file mode 100644
index 5f64cd2..0000000
--- a/starter-template.css
+++ /dev/null
@@ -1,7 +0,0 @@
-body {
- padding-top: 5rem;
-}
-.starter-template {
- padding: 3rem 1.5rem;
- text-align: center;
-}