94 lines
No EOL
4.5 KiB
HTML
94 lines
No EOL
4.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<!-- Required meta tags -->
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
|
|
<!-- Caching meta tags -->
|
|
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
|
|
<meta http-equiv="Pragma" content="no-cache">
|
|
<meta http-equiv="Expires" content="0">
|
|
|
|
<script>
|
|
// Dynamically set the base tag
|
|
const base = document.createElement('base');
|
|
const pathname = window.location.pathname.split('dataset/')[0];
|
|
base.href = pathname.endsWith('/') ? pathname : `${pathname}/`;
|
|
document.head.appendChild(base);
|
|
</script>
|
|
|
|
<link rel="icon" href="assets/favicon/favicon.ico" type="image/x-icon">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="assets/favicon/favicon-32x32.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="assets/favicon/favicon-16x16.png">
|
|
|
|
<title>DataLad Catalog</title>
|
|
|
|
<!-- Required Stylesheets -->
|
|
<link rel="stylesheet" type="text/css" href="assets/style.css"/>
|
|
<link rel="stylesheet" type="text/css" href="assets/fontawesome.min.css"/>
|
|
<link rel="stylesheet" type="text/css" href="assets/brands.min.css"/>
|
|
<link type="text/css" rel="stylesheet" href="assets/bootstrap.5.1.3.min.css"/>
|
|
<link type="text/css" rel="stylesheet" href="assets/bootstrap-vue.2.21.2.min.css"/>
|
|
|
|
<!-- Required scripts -->
|
|
<!-- <script src="https://unpkg.com/vue@2.6.14/dist/vue.js"></script> -->
|
|
<script src="assets/vue.2.6.14.min.js"></script>
|
|
<script src="assets/bootstrap-vue.2.21.2.min.js"></script>
|
|
<script src="assets/vue-router.3.5.3.min.js"></script>
|
|
<script src="assets/md5-2.3.0.js"></script>
|
|
<script src="assets/marked.4.0.17.min.js"></script>
|
|
|
|
</head>
|
|
|
|
<body id="mainbody">
|
|
<!-- The application root element -->
|
|
<b-container id="datacat" >
|
|
<b-container v-if="config_ready" style="margin-top:20px;">
|
|
<b-row align-v="end">
|
|
<b-col cols="9">
|
|
<span v-show="logo_path"><a @click="gotoHome"><img :src="logo_path" class="d-inline-block" alt="datalad" style="width:100%;"></a></span>
|
|
</b-col>
|
|
<b-col cols="1"></b-col>
|
|
<b-col cols="2" align-h="end">
|
|
<b-navbar toggleable="lg" type="light" variant="outline-dark">
|
|
|
|
<b-navbar-toggle target="navbar-toggle-collapse">
|
|
</b-navbar-toggle>
|
|
<b-collapse id="navbar-toggle-collapse" is-nav>
|
|
<b-navbar-nav class="ml-auto mb-0 xlfont">
|
|
<b-nav-item v-if="social_links['about']" v-b-tooltip.hover title="About" @click="gotoExternal(social_links['about'])"><i class="fas fa-info-circle"></i></b-nav-item>
|
|
<b-nav-item v-if="social_links['documentation']" v-b-tooltip.hover title="Read documentation" @click="gotoExternal(social_links['documentation'])"><i class="fas fa-file-alt"></i></b-nav-item>
|
|
<b-nav-item v-if="social_links['github']" v-b-tooltip.hover title="View code base" @click="gotoExternal(social_links['github'])"><i class="fab fa-github"></i></b-nav-item>
|
|
<b-nav-item v-if="social_links['mastodon']" v-b-tooltip.hover title="Follow on Mastodon" @click="gotoExternal(social_links['mastodon'])"><i class="fab fa-mastodon"></i></b-nav-item>
|
|
<b-nav-item v-if="social_links['x']" v-b-tooltip.hover title="Follow on X (Twitter)" @click="gotoExternal(social_links['x'])"><i class="fab fa-x-twitter"></i></b-nav-item>
|
|
</b-navbar-nav>
|
|
</b-collapse>
|
|
</b-navbar>
|
|
</b-col>
|
|
</b-row>
|
|
</b-container>
|
|
<br>
|
|
<div>
|
|
<!-- The router outlet: component matched by the route will render here -->
|
|
<router-view :selected-dataset="selectedDataset"></router-view>
|
|
</div>
|
|
</b-container>
|
|
|
|
<b-container>
|
|
<br>
|
|
<br>
|
|
<br>
|
|
<br>
|
|
</b-container>
|
|
<!-- Run the Vue app scripts - DO NOT CHANGE ORDER -->
|
|
<script src="assets/app_globals.js"></script>
|
|
<script src="assets/app_component_item.js"></script>
|
|
<script src="assets/app_component_contexttab.js"></script>
|
|
<script src="assets/app_component_dataset.js"></script>
|
|
<script src="assets/app_component_about.js"></script>
|
|
<script src="assets/app_component_notfound.js"></script>
|
|
<script src="assets/app_router.js"></script>
|
|
<script src="assets/app.js"></script>
|
|
</body>
|
|
</html> |