From c221200b61eb0570a8f072c0f414c2a59b93d5de Mon Sep 17 00:00:00 2001 From: bourgesl <bourges.laurent@gmail.com> Date: Fri, 1 Feb 2019 16:48:33 +0100 Subject: [PATCH] added custom header/footer to beautify /data indexing --- resources/static/include/FOOTER.html | 39 +++++++++++++++++ resources/static/include/HEADER.html | 63 ++++++++++++++++++++++++++++ 2 files changed, 102 insertions(+) create mode 100644 resources/static/include/FOOTER.html create mode 100644 resources/static/include/HEADER.html diff --git a/resources/static/include/FOOTER.html b/resources/static/include/FOOTER.html new file mode 100644 index 0000000..a75528d --- /dev/null +++ b/resources/static/include/FOOTER.html @@ -0,0 +1,39 @@ + </div> + </div><!-- doi template --> + </div><!-- container --> + + <footer class="footer"> + <div class="container"> + <p class="text-muted">(c) 2019 - <a href="/index.html">OSUG DOI</a></p> + </div> + </footer> + + <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> + <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> --> + <script src="/js/jquery-1.12.4.min.js"></script> + <!-- Include all compiled plugins (below), or include individual files as needed --> + <script src="/bootstrap/js/bootstrap.min.js"></script> + <script> + $(document).ready(function(){ + $('table').addClass('table table-hover table-condensed'); + + // Set the path heading + var location = decodeURI(document.location.pathname); + var segments = location.split("/"); + var breadcrumbs = ''; + var currentPath = "/"; + for (var i = 0; i < segments.length; i++) { + if (segments[i] != '') { + currentPath += segments[i] + '/'; + breadcrumbs += '<li><a href="' + currentPath + '">' + segments[i] + '</a></li>'; + } + } + document.title = "OSUG DOI - " + location; + $('#folder').html(breadcrumbs); + }); + </script> + </body> +</html> + + + diff --git a/resources/static/include/HEADER.html b/resources/static/include/HEADER.html new file mode 100644 index 0000000..186b8d5 --- /dev/null +++ b/resources/static/include/HEADER.html @@ -0,0 +1,63 @@ +<?xml version="1.0" encoding="utf-8"?> +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xml:lang="en"> + <head> + <meta charset="utf-8"/> + <meta http-equiv="X-UA-Compatible" content="IE=edge"/> + <meta name="viewport" content="width=device-width, initial-scale=1"/> + <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> + <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> + + <title>OSUG DOI</title> + + <!-- Bootstrap core CSS --> + <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet"/> + + <link href="/css/DOI-template.css" rel="stylesheet"/> + + <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> + <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> + <!--[if lt IE 9]> + <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> + <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> + <![endif]--> + </head> + <body> + <nav class="navbar navbar-inverse navbar-fixed-top"> + <div class="container"> + <div class="navbar-header"> + <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> + <span class="sr-only">Toggle navigation</span> + <span class="icon-bar">-</span> + <span class="icon-bar">-</span> + <span class="icon-bar">-</span> + </button> + <a class="navbar-brand" href="/index.html">OSUG DOI</a> + </div> + <div id="navbar" class="collapse navbar-collapse"> + <ul class="nav navbar-nav"> + <li class="dropdown"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Links <span class="caret"></span></a> + <ul class="dropdown-menu"> + <li><a href="/xsd/4.1/metadata.xsd">XSD Schema 4.1</a></li> + <li role="separator" class="divider"></li> + <li class="dropdown-header">Datacite links</li> + <li><a href="http://schema.datacite.org/">DataCite Metadata Schema</a></li> + <li role="separator" class="divider"></li> + <li><a href="http://search.datacite.org/">DataCite Search</a></li> + <li><a href="http://citation.crosscite.org/">DataCite Citation formatter</a></li> + <li role="separator" class="divider"></li> + <li><a href="http://stats.datacite.org/">DataCite Statistics</a></li> + <li><a href="http://mds.datacite.org/">Datacite Metadata Store</a></li> + </ul> + </li> + <li><a href="/about.html">About</a></li> + </ul> + </div> + </div> + </nav> + <div class="container"> + <ol class="breadcrumb" id="folder"> + </ol> + <div class="doi-template"> + <div class="table-responsive"> -- GitLab