slinky/templates/_head.html

98 lines
3.2 KiB
HTML
Raw Permalink Normal View History

2021-12-20 15:09:30 +00:00
<!doctype html>
<html lang="en">
2024-11-27 09:50:37 +00:00
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
2021-12-20 15:09:30 +00:00
2024-11-27 09:50:37 +00:00
<title>Slinky</title>
2021-12-20 15:09:30 +00:00
2024-11-27 09:50:37 +00:00
<link rel="canonical" href="https://getbootstrap.com/docs/5.0/examples/navbar-static/">
2021-12-20 15:09:30 +00:00
2024-11-27 09:50:37 +00:00
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<meta name="theme-color" content="#7952b3">
2021-12-20 15:09:30 +00:00
2024-11-27 09:50:37 +00:00
<style>
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
2021-12-20 15:09:30 +00:00
2024-11-27 09:50:37 +00:00
.badge a {
color: white;
text-decoration: none;
}
2021-12-20 15:09:30 +00:00
2024-11-27 09:50:37 +00:00
.badge.text-dark a {
color: black;
}
2021-12-20 15:09:30 +00:00
2024-11-27 09:50:37 +00:00
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
2021-12-20 15:09:30 +00:00
}
2024-11-27 09:50:37 +00:00
[role=status] {
display: none;
}
2021-12-20 15:09:30 +00:00
2024-11-27 09:50:37 +00:00
.tooltip>.tooltip-inner {
max-width: 60em !important;
text-align: left !important;
}
2021-12-20 15:09:30 +00:00
2024-11-27 09:50:37 +00:00
.highlight {
background-color: #f48024;
color: #1d1d1e;
border-radius: 2px;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
padding: 0 1px 0 1px;
}
2021-12-20 15:09:30 +00:00
2024-11-27 09:50:37 +00:00
.checkboxlist ul {
list-style-type: none;
margin: 0;
padding: 1em;
}
</style>
2021-12-20 15:09:30 +00:00
2024-11-27 09:50:37 +00:00
<!-- Custom styles for this template -->
<!-- <link href="navbar-top.css" rel="stylesheet"> -->
<script>
// <![CDATA[
function waiting() {
document.querySelectorAll('[role="status"]')[0].style.display = "inline-block";
}
// ]]>
</script>
</head>
2021-12-20 15:09:30 +00:00
2024-11-27 09:50:37 +00:00
<body>
<nav class="navbar navbar-expand-md navbar-dark bg-dark mb-4">
<div class="container-fluid">
<a class="navbar-brand" href="/">Slinky</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse"
aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav me-auto mb-2 mb-md-0">
<li class="nav-item">
<a class="nav-link" href="/_/add">Add</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/_/list">List</a>
</li>
</ul>
</div>
2021-12-20 15:09:30 +00:00
</div>
2024-11-27 09:50:37 +00:00
</nav>