lindat-common
Version:
Common Lindat Theme (header and footer)
58 lines (55 loc) • 1.82 kB
HTML
<html ng-app="lindat-common" ng-strict-di="true">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>LINDAT/CLARIN Research Infrastructure</title>
<meta name="viewport" content="width=device-width">
<meta name="keywords" content="Language Resources, Infrastructure, Research,
Natural Language Processing, Multimedia, Czech language, Computational
Linguistics, Speech, Text, Corpus, Corpora" />
<meta name="description" content="LINDAT CLARIN Research Infrastructure" />
<style>
body {
display: flex;
min-height: 100vh;
flex-direction: column;
}
section {
flex: 1;
}
</style>
</head>
<body id="lindat-home">
<!-- HEADER -->
<lindat-header></lindat-header>
<section class="lindat-common lindat-container" ng-controller="HomeController as vm">
<h1>LINDAT/CLARIN Common Theme</h1>
<p>
Select the theme you want...
</p>
<p>
<label for="selector">Select active project:</label>
<select id="selector">
<option value="lindat-home">Home</option>
<option value="lindat-repository">Repository</option>
<option value="lindat-pmltq">PML-TQ</option>
<option value="lindat-tools">Any</option>
</select>
</p>
<h1>Refbox</h1>
<button ng-click="vm.destroy()">Test Destroy</button>
<p>
<label>Switch items:</label>
<button ng-repeat="item in vm.testingHandles" ng-click="vm.changeHandle(item.handle, item.title)" ng-bind="item.title"></button>
</p>
<lindat-refbox handle="vm.handle" title="vm.title"></lindat-refbox>
</section>
<lindat-footer></lindat-footer>
<script>
document.querySelector('#selector').addEventListener('click', function () {
document.body.setAttribute('id', this.value);
});
</script>
</body>
</html>