Add html, handler and db mock
This commit is contained in:
20
html/mainpage/credits.html
Normal file
20
html/mainpage/credits.html
Normal file
@@ -0,0 +1,20 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Medien Sammlung - Credits</title>
|
||||
<link rel="stylesheet" type="text/css" href="/static/semantic.min.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
{{template "navbar"}}
|
||||
<div class="ui text center aligned container">
|
||||
<br>
|
||||
<h1 class="">Medien Sammlung <small>Version: {{ .version }}</small></h1>
|
||||
<br>
|
||||
<h2>Entwickler: structix</h2>
|
||||
<h2>Git Repository: <a href="https://git.schoffit.net/structix/cdsammlung.git">Gitea Link</a></h2>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
35
html/mainpage/index.html
Normal file
35
html/mainpage/index.html
Normal file
@@ -0,0 +1,35 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Trikotwaschliste</title>
|
||||
<link rel="stylesheet" type="text/css" href="/static/semantic.min.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
{{template "navbar"}}
|
||||
<div class="ui center">
|
||||
<h1 class="">Trikotwaschliste <small>Version: {{ .version }}</small></h1>
|
||||
<table class="ui celled table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Person</th>
|
||||
<th>Datum</th>
|
||||
<th>Gewaschen?</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{{range .items}}
|
||||
<tr>
|
||||
<td>{{.Person}}</td>
|
||||
<td>{{.Date}}</td>
|
||||
<td>{{.IsWashed}}</td>
|
||||
</tr>
|
||||
{{end}}
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
11
html/static/navbar.html
Normal file
11
html/static/navbar.html
Normal file
@@ -0,0 +1,11 @@
|
||||
{{define "navbar"}}
|
||||
<div class="ui inverted menu">
|
||||
<a href="/"><div class="header item">Trikotwaschliste</div></a>
|
||||
|
||||
<div class="right menu">
|
||||
<a href="/querypage/create"><div class="item">Query</div></a>
|
||||
<a href="/stats/interpret"><div class="item">Stats</div></a>
|
||||
<a href="/credits"><div class="item">Credits</div></a>
|
||||
</div>
|
||||
</div>
|
||||
{{end}}
|
372
html/static/semantic.min.css
vendored
Normal file
372
html/static/semantic.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
11
html/static/semantic.min.js
vendored
Normal file
11
html/static/semantic.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
40
html/static/style.css
Normal file
40
html/static/style.css
Normal file
@@ -0,0 +1,40 @@
|
||||
.title {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.button {
|
||||
background-color: #4CAF50; /* Green */
|
||||
border: none;
|
||||
color: white;
|
||||
padding: 15px 32px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.button-green {background-color: #4CAF50;} /* Green */
|
||||
.button-blue {background-color: #008CBA;} /* Blue */
|
||||
.button-red {background-color: #f44336;} /* Red */
|
||||
.button-gray {background-color: #e7e7e7; color: black;} /* Gray */
|
||||
.button-black {background-color: #555555;} /* Black */
|
||||
|
||||
.center {
|
||||
margin: auto;
|
||||
width: 50%;
|
||||
//border: 3px solid green;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
tr:hover {background-color: #f5f5f5;}
|
||||
th, td {
|
||||
padding: 15px;
|
||||
text-align: left;
|
||||
}
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
table, th, td {
|
||||
border: 1px solid black;
|
||||
}
|
Reference in New Issue
Block a user