Reset voting site to the basic

This commit is contained in:
2020-11-25 18:35:05 +01:00
parent 6dfe2a3329
commit b52d4b47b9
2 changed files with 44 additions and 12 deletions

View File

@@ -0,0 +1,39 @@
body {
background-color: rgb(44, 49, 54);
font-family: Arial, Helvetica, sans-serif;
}
.center-screen {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
min-height: 100vh;
}
h1 {
color: #FFF;
}
h2.categoryHeader {
color: #FFF;
}
a.candidate {
color: #fff;
font-size: .875rem;
font-weight: 300;
letter-spacing: .125rem;
text-transform: uppercase;
text-align: right;
transition: opacity .25s .5s;
}
html,
body {
width: 100%;
height: 100%;
background-image: linear-gradient(to bottom right, #111E25 0%, #111 100%);
font-family: 'Lato', sans-serif;
}

View File

@@ -7,20 +7,13 @@
<link th:href="@{/styles/voting.css}" rel="stylesheet" /> <link th:href="@{/styles/voting.css}" rel="stylesheet" />
</head> </head>
<body> <body class="center-screen">
<h1>Wähle deine Kandidaten:</h1> <h1>Wähle deine Kandidaten:</h1>
<div th:each="category,iter : ${categories}"> <div th:each="category,iter : ${categories}">
<h2 th:text="${category.candidateList[iter.index]}"></h2> <h2 class="categoryHeader" th:text="${category.name}"></h2>
<div th:each="candidate : ${category.candidateList}">
<a class="candidate" th:text="${candidate.name}"></a>
</div> </div>
<div th:each="candidate : ${candidates}" class="candidates">
<h2 th:text="${candidate.category.name}"></h2>
<ul>
<li th:text="${candidate.name}"></li>
<li th:text="${candidate.votes}"></li>
<li th:text="${candidate.category.id}"></li>
</ul>
</div> </div>
</body> </body>