Reset voting site to the basic
This commit is contained in:
@@ -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;
|
||||||
|
}
|
||||||
@@ -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>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user