mirror of https://github.com/tdwg/dwc.git
Update template to use production tdwg-theme
- Add favicons - Use theme-nav-sidebar - Remove custom css - Don't use sticky-top navbar (= not use in tdwg.org either) - Update dev to www
This commit is contained in:
Peter Desmet
parent
9e7f8dd281
commit
7aa6e587ea
|
|
@ -3,38 +3,26 @@
|
|||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<title>Darwin Core quick reference guide</title>
|
||||
|
||||
<!-- Favicons -->
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="https://www.tdwg.org/theme/icons/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="https://www.tdwg.org/theme/icons/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="https://www.tdwg.org/theme/icons/favicon-16x16.png">
|
||||
<link rel="manifest" href="https://www.tdwg.org/theme/icons/site.webmanifest">
|
||||
<link rel="mask-icon" href="https://www.tdwg.org/theme/icons/safari-pinned-tab.svg" color="#617694">
|
||||
<link rel="shortcut icon" href="https://www.tdwg.org/theme/icons/favicon.ico">
|
||||
<meta name="msapplication-TileColor" content="#ffffff">
|
||||
<meta name="msapplication-config" content="https://www.tdwg.org/theme/icons/browserconfig.xml">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
|
||||
<!-- CSS -->
|
||||
<link rel="stylesheet" href="https://dev.tdwg.org/theme/css/main.css">
|
||||
<style>
|
||||
body {
|
||||
position: relative; /* Needed for scrollspy */
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
#tdwg-sidebar-nav {
|
||||
position: fixed; /* Use fixed sidebar on md screens */
|
||||
width: calc(25% - 30px) /* 25% = width of .col-md-3 and -30px = sum of padding left/right of .col */
|
||||
}
|
||||
}
|
||||
|
||||
.anchor:before { /* To offset sticky-top navbar */
|
||||
content: " ";
|
||||
display: block;
|
||||
height: 4.4rem;
|
||||
margin-top: -4.4rem;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.table .label {
|
||||
width: 7rem; /* To align all labels */
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="https://www.tdwg.org/theme/css/main.css">
|
||||
</head>
|
||||
|
||||
<body data-spy="scroll" data-target="#tdwg-sidebar-nav">
|
||||
<header class="navbar navbar-expand navbar-dark tdwg-navbar sticky-top">
|
||||
<body data-spy="scroll" data-target="#theme-sidebar-nav">
|
||||
<header class="navbar navbar-expand navbar-dark theme-navbar">
|
||||
<div class="container-fluid flex-column flex-md-row">
|
||||
<a class="navbar-brand mr-md-3" href="http://www.tdwg.org">TDWG</a>
|
||||
<nav>
|
||||
|
|
@ -49,12 +37,12 @@
|
|||
|
||||
<main class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-3 order-md-2 tdwg-sidebar-primary">
|
||||
<button class="btn d-md-none w-100" type="button" data-toggle="collapse" data-target="#tdwg-sidebar-nav">
|
||||
<div class="col-12 col-md-3 order-md-2 theme-sidebar-primary">
|
||||
<button class="btn d-md-none w-100" type="button" data-toggle="collapse" data-target="#theme-sidebar-nav">
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
|
||||
<nav class="collapse" id="tdwg-sidebar-nav">
|
||||
<nav class="collapse" id="theme-sidebar-nav">
|
||||
<ul class="nav flex-column">
|
||||
{% for class_group in class_groups %}
|
||||
<li class="nav-item">
|
||||
|
|
@ -108,8 +96,8 @@
|
|||
</main>
|
||||
|
||||
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
||||
<script src="https://dev.tdwg.org/theme/js/jquery.min.js"></script>
|
||||
<script src="https://dev.tdwg.org/theme/js/popper.min.js"></script>
|
||||
<script src="https://dev.tdwg.org/theme/js/bootstrap.min.js"></script>
|
||||
<script src="https://www.tdwg.org/theme/js/jquery.min.js"></script>
|
||||
<script src="https://www.tdwg.org/theme/js/popper.min.js"></script>
|
||||
<script src="https://www.tdwg.org/theme/js/bootstrap.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -3,38 +3,26 @@
|
|||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<title>Darwin Core quick reference guide</title>
|
||||
|
||||
<!-- Favicons -->
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="https://www.tdwg.org/theme/icons/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="https://www.tdwg.org/theme/icons/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="https://www.tdwg.org/theme/icons/favicon-16x16.png">
|
||||
<link rel="manifest" href="https://www.tdwg.org/theme/icons/site.webmanifest">
|
||||
<link rel="mask-icon" href="https://www.tdwg.org/theme/icons/safari-pinned-tab.svg" color="#617694">
|
||||
<link rel="shortcut icon" href="https://www.tdwg.org/theme/icons/favicon.ico">
|
||||
<meta name="msapplication-TileColor" content="#ffffff">
|
||||
<meta name="msapplication-config" content="https://www.tdwg.org/theme/icons/browserconfig.xml">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
|
||||
<!-- CSS -->
|
||||
<link rel="stylesheet" href="https://dev.tdwg.org/theme/css/main.css">
|
||||
<style>
|
||||
body {
|
||||
position: relative; /* Needed for scrollspy */
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
#tdwg-sidebar-nav {
|
||||
position: fixed; /* Use fixed sidebar on md screens */
|
||||
width: calc(25% - 30px) /* 25% = width of .col-md-3 and -30px = sum of padding left/right of .col */
|
||||
}
|
||||
}
|
||||
|
||||
.anchor:before { /* To offset sticky-top navbar */
|
||||
content: " ";
|
||||
display: block;
|
||||
height: 4.4rem;
|
||||
margin-top: -4.4rem;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.table .label {
|
||||
width: 7rem; /* To align all labels */
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="https://www.tdwg.org/theme/css/main.css">
|
||||
</head>
|
||||
|
||||
<body data-spy="scroll" data-target="#tdwg-sidebar-nav">
|
||||
<header class="navbar navbar-expand navbar-dark tdwg-navbar sticky-top">
|
||||
<body data-spy="scroll" data-target="#theme-sidebar-nav">
|
||||
<header class="navbar navbar-expand navbar-dark theme-navbar">
|
||||
<div class="container-fluid flex-column flex-md-row">
|
||||
<a class="navbar-brand mr-md-3" href="http://www.tdwg.org">TDWG</a>
|
||||
<nav>
|
||||
|
|
@ -49,12 +37,12 @@
|
|||
|
||||
<main class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-3 order-md-2 tdwg-sidebar-primary">
|
||||
<button class="btn d-md-none w-100" type="button" data-toggle="collapse" data-target="#tdwg-sidebar-nav">
|
||||
<div class="col-12 col-md-3 order-md-2 theme-sidebar-primary">
|
||||
<button class="btn d-md-none w-100" type="button" data-toggle="collapse" data-target="#theme-sidebar-nav">
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
|
||||
<nav class="collapse" id="tdwg-sidebar-nav">
|
||||
<nav class="collapse" id="theme-sidebar-nav">
|
||||
<ul class="nav flex-column">
|
||||
|
||||
<li class="nav-item">
|
||||
|
|
@ -3222,8 +3210,8 @@
|
|||
</main>
|
||||
|
||||
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
||||
<script src="https://dev.tdwg.org/theme/js/jquery.min.js"></script>
|
||||
<script src="https://dev.tdwg.org/theme/js/popper.min.js"></script>
|
||||
<script src="https://dev.tdwg.org/theme/js/bootstrap.min.js"></script>
|
||||
<script src="https://www.tdwg.org/theme/js/jquery.min.js"></script>
|
||||
<script src="https://www.tdwg.org/theme/js/popper.min.js"></script>
|
||||
<script src="https://www.tdwg.org/theme/js/bootstrap.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue