to create an Handlebars HTML template for the base of all the pages.

[computate]

Mission to create an Handlebars HTML template for the base of all the pages.

Your mission, should you choose to accept it, is to create an Handlebars HTML template for the base of all the pages. .

The day of the operation is October 26th, 2021

You will have 4 hours to complete your mission.

An open science project to uncover the planetary virome, freely and openly

You will be joining a team of the boldest

of all Red Hatters for this mission, who will be at your service developing the code and automating the deployment to OpenShift.

• Should you, or any of your force be taken or compromised that day, you must report back as many changes as you have made, and any knowledge of your actions, by pull request or comments on the issue on the board.

How to get started:

Follow the instructions here to setup the project: https://github.com/team19hackathon2021/serratus-api/

The details of your mission:

create the code

Create a new file: /usr/local/src/serratus-api-static/template/enUS/PageLayout.hbs

{{#partial "hackathon"}}
<!--
-->
{{/partial}}
{{> "htmPageLayout"}}
{{#*inline "htmHeadPageLayout"}}{{> "htmTitlePageLayout"}}{{> "htmMetaPageLayout"}}{{> "htmStylePageLayout"}}{{> "htmScriptsPageLayout"}}{{> "htmScriptPageLayout"}}{{/inline}}
{{#*inline "htmScriptsPageLayout"}}		<!-- inline "htmScriptsPageLayout" -->
		<script src="{{staticBaseUrl}}/js/jquery-1.12.4.min.js"></script>
		<script src="https://kit.fontawesome.com/59d19567d5.js" crossorigin="anonymous"></script>
		<script src="{{staticBaseUrl}}/js/site-enUS.js"></script>
		<script src="{{staticBaseUrl}}/js/moment.min.js"></script>
		<script src="{{staticBaseUrl}}/js/jqDatePicker.js"></script>
		<script src="{{staticBaseUrl}}/js/sockjs.js"></script>
		<script src="{{staticBaseUrl}}/js/vertx-eventbus.js"></script>
{{/inline}}
{{#*inline "htmScriptPageLayout"}}		<!-- inline "htmScriptPageLayout" -->
{{/inline}}
{{#*inline "htmStylePageLayout"}}		<!-- inline "htmStylePageLayout" -->
		<link rel="icon" href="{{staticBaseUrl}}/favicon.ico" />
		<link rel="stylesheet" href="{{staticBaseUrl}}/css/w3.css" />
		<link rel="stylesheet" href="{{staticBaseUrl}}/css/site-enUS.css" />
{{/inline}}
{{#*inline "htmMetaPageLayout"}}		<!-- inline "htmMetaPageLayout" -->
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
{{/inline}}
{{#*inline "htmTitlePageLayout"}}		<!-- inline "htmTitlePageLayout" -->
		<title>Serratus</title>
{{/inline}}
{{#*inline "htmBodyStartPageLayout"}}		<!-- inline "htmBodyPageLayout" -->
		<div class="w3-center w3-white ">
			<div class="w3-top w3-white ">
				<div class="site-menu-custom w3-bar w3-text-black w3-padding-bottom-8 w3-padding-top-8 font-weight-bold " style="padding-left: 16px; padding-right: 16px; font-family: Overlock;">
					<div class="w3-bar-item w3-btn ">
						<a class="text-decoration-none " href="/"><i class="far fa-home "></i> Home</a>
					</div>
					<a href="{{siteBaseUrl}}/run" class="w3-bar-item w3-btn "><i class="fad fa-dna "></i> Sequence Runs</a>
					<a href="{{siteBaseUrl}}/taxonomy" class="w3-bar-item w3-btn "><i class="fad fa-project-diagram "></i> Taxonomy</a>
					<a href="{{siteBaseUrl}}/biosample" class="w3-bar-item w3-btn "><i class="fad fa-map-pin "></i> Biosamples</a>
	
					<div class="site-bar-item w3-bar-item ">
	{{#if userKey}}
						<a class="w3-padding " href="/user/{{ userKey }}"><span class="site-menu-item"><i class="fad fa-house-user "></i>{{userName}}</span></a>
						<a class="w3-padding " href="{{ logoutUrl }}"><span class="site-menu-item"><i class="fad fa-house-user "></i>logout</span></a>
	{{else}}
						<a class="w3-padding " href="/user"><span class="site-menu-item"><i class="fad fa-house-user "></i>login</span></a>
	{{/if}}
					</div>
				</div>
			</div>
		</div>
		<div class="w3-padding-64 w3-content ">
{{/inline}}
{{#*inline "htmBodyEndPageLayout"}}		<!-- inline "htmBodyEndPageLayout" -->
		</div>
		<footer class="w3-center">
			<div class="w3-padding-16 w3-white ">
				<span>Serratus</span>
			</div>
			<div class="w3-black ">
				<div class="w3-padding-16 ">
					<a href="https://github.com/team19hackathon2021/serratus-api" class="">This site is open source.</a>
					<a href="https://www.openshift.com/products/online/"><span class="">Powered by </span><img alt="" class="w3-image " style="display: inline-block; width: 100px; margin: 0 10px;" src="https://computate.neocities.org/scolaire/svg/openshift.svg"></a>
				</div>
			</div>
		</footer>
{{/inline}}
{{#*inline "htmBodyPageLayout"}}		<!-- inline "htmBodyPageLayout" -->
{{#block "htmBodyStart"}}{{/block}}
{{#block "htmBodyEnd"}}{{/block}}
{{/inline}}
{{#*inline "htmPageLayout"}}<!DOCTYPE html>
<!-- inline "htmPageLayout" -->
<html lang="en" style="height: 100%;">
	<head>
{{#block "htmHead"}}{{/block}}
	</head>
	<body class="w3-light-gray " style="height: 100%;">
{{#block "htmBody"}}{{/block}}
	</body>
</html>
{{/inline}}

This message will not self destruct, because this project is open source.