@@ -0,0 +1,2 @@ | |||
application/.idea | |||
target |
@@ -0,0 +1,52 @@ | |||
<!DOCTYPE html> | |||
<html lang="en" xmlns=th="http://www.thymeleaf.org"> | |||
<head> | |||
<meta charset="UTF-8"> | |||
<link rel="stylesheet" href="index_styles.css"> | |||
<link rel="shortcut icon" type="image/x-icon" href="icons/Logo_testo.png"> | |||
<title>Balance</title> | |||
</head> | |||
<body> | |||
<nav id="nav"> | |||
<ul id="menu_left"> | |||
<li class="menu_left_element"><a class="menu_element_text" href="/index.html"><img src="icons/home.svg"></a></li> | |||
</ul> | |||
<ul id="menu_right"> | |||
<li class="menu_right_element"><a class="menu_element_text" href="/balance.html"><img src="icons/balance.svg"></a></li> | |||
<li class="menu_right_element"><a class="menu_element_text" href="/group.html"><img src="icons/group.svg"></a></li> | |||
<li class="menu_right_element"><a class="menu_element_text" href="/login.html"><img src="icons/login.svg"></a></li> | |||
</ul> | |||
</nav> | |||
<div class="balance-list-wrapper"> | |||
<div class="balance-list"> | |||
<div class="overview"> | |||
<div id="title">Balance:</div> | |||
<div id="total-amount">500,00 Euro</div> | |||
</div> | |||
<div class="grid-wrapper"> | |||
<div class="box"> | |||
<div class="dropdown"></div> | |||
<span th:text="${description}" class="entry">Beschreibung</span> | |||
<span class="amount">100,00 Euro</span> | |||
</div> | |||
<div class="box"> | |||
<div class="dropdown"></div> | |||
<div class="entry">Beschreibung</div> | |||
<div class="amount">50,00 Euro</div> | |||
</div> | |||
<div class="box"> | |||
<div class="dropdown"></div> | |||
<div class="entry">Beschreibung</div> | |||
<div class="amount">2,99 Euro</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
</body> | |||
</html> |
@@ -0,0 +1,53 @@ | |||
<?xml version="1.0" encoding="iso-8859-1"?> | |||
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> | |||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> | |||
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" | |||
width="460px" height="460px" viewBox="0 0 460 460" style="enable-background:new 0 0 460 460;" xml:space="preserve"> | |||
<g> | |||
<g> | |||
<path d="M279.27,392.188h-30.51V112.579h128.58l-54.464,86.423c-2.762,4.382-1.448,10.176,2.935,12.937 | |||
c1.554,0.98,3.282,1.445,4.992,1.445c3.115,0,6.161-1.551,7.944-4.378l47.235-74.954l47.233,74.954 | |||
c2.763,4.382,8.557,5.696,12.938,2.933c4.382-2.761,5.694-8.555,2.933-12.937l-54.462-86.423h0.688 | |||
c8.029,0,14.539-6.51,14.539-14.539c0-8.028-6.509-14.538-14.539-14.538H288.356c-6.04-8.786-14.954-15.438-25.39-18.596 | |||
C261.475,48.005,247.289,34.75,230,34.75c-17.29,0-31.475,13.255-32.967,30.156c-10.436,3.158-19.35,9.81-25.389,18.596H64.688 | |||
c-8.03,0-14.54,6.51-14.54,14.538c0,8.029,6.509,14.539,14.54,14.539h0.688l-54.464,86.423 | |||
c-2.762,4.382-1.448,10.176,2.934,12.937c1.554,0.98,3.283,1.445,4.992,1.445c3.114,0,6.162-1.551,7.945-4.378l47.235-74.954 | |||
l47.234,74.954c2.762,4.382,8.555,5.696,12.937,2.933c4.383-2.761,5.696-8.555,2.935-12.937l-54.463-86.423h128.58v279.607 | |||
h-30.509c-18.259,0-33.062,14.804-33.062,33.063h164.661C312.331,406.99,297.528,392.188,279.27,392.188z"/> | |||
<path d="M143.035,223.359H5c-2.761,0-5,2.238-5,5c0,40.813,33.204,74.017,74.018,74.017c40.813,0,74.018-33.204,74.018-74.017 | |||
C148.035,225.598,145.796,223.359,143.035,223.359z"/> | |||
<path d="M455,223.359H316.965c-2.761,0-5,2.238-5,5c0,40.813,33.204,74.017,74.019,74.017c40.813,0,74.017-33.204,74.017-74.017 | |||
C460,225.598,457.761,223.359,455,223.359z"/> | |||
</g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
</svg> |
@@ -0,0 +1 @@ | |||
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="caret-down" class="svg-inline--fa fa-caret-down fa-w-10" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"></path></svg> |
@@ -0,0 +1,51 @@ | |||
<?xml version="1.0" encoding="iso-8859-1"?> | |||
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> | |||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> | |||
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" | |||
width="80.13px" height="80.13px" viewBox="0 0 80.13 80.13" style="enable-background:new 0 0 80.13 80.13;" xml:space="preserve" | |||
> | |||
<g> | |||
<path d="M48.355,17.922c3.705,2.323,6.303,6.254,6.776,10.817c1.511,0.706,3.188,1.112,4.966,1.112 | |||
c6.491,0,11.752-5.261,11.752-11.751c0-6.491-5.261-11.752-11.752-11.752C53.668,6.35,48.453,11.517,48.355,17.922z M40.656,41.984 | |||
c6.491,0,11.752-5.262,11.752-11.752s-5.262-11.751-11.752-11.751c-6.49,0-11.754,5.262-11.754,11.752S34.166,41.984,40.656,41.984 | |||
z M45.641,42.785h-9.972c-8.297,0-15.047,6.751-15.047,15.048v12.195l0.031,0.191l0.84,0.263 | |||
c7.918,2.474,14.797,3.299,20.459,3.299c11.059,0,17.469-3.153,17.864-3.354l0.785-0.397h0.084V57.833 | |||
C60.688,49.536,53.938,42.785,45.641,42.785z M65.084,30.653h-9.895c-0.107,3.959-1.797,7.524-4.47,10.088 | |||
c7.375,2.193,12.771,9.032,12.771,17.11v3.758c9.77-0.358,15.4-3.127,15.771-3.313l0.785-0.398h0.084V45.699 | |||
C80.13,37.403,73.38,30.653,65.084,30.653z M20.035,29.853c2.299,0,4.438-0.671,6.25-1.814c0.576-3.757,2.59-7.04,5.467-9.276 | |||
c0.012-0.22,0.033-0.438,0.033-0.66c0-6.491-5.262-11.752-11.75-11.752c-6.492,0-11.752,5.261-11.752,11.752 | |||
C8.283,24.591,13.543,29.853,20.035,29.853z M30.589,40.741c-2.66-2.551-4.344-6.097-4.467-10.032 | |||
c-0.367-0.027-0.73-0.056-1.104-0.056h-9.971C6.75,30.653,0,37.403,0,45.699v12.197l0.031,0.188l0.84,0.265 | |||
c6.352,1.983,12.021,2.897,16.945,3.185v-3.683C17.818,49.773,23.212,42.936,30.589,40.741z"/> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
</svg> |
@@ -0,0 +1,51 @@ | |||
<?xml version="1.0" encoding="iso-8859-1"?> | |||
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> | |||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> | |||
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" | |||
width="460.298px" height="460.297px" viewBox="0 0 460.298 460.297" style="enable-background:new 0 0 460.298 460.297;" | |||
xml:space="preserve"> | |||
<g> | |||
<g> | |||
<path d="M230.149,120.939L65.986,256.274c0,0.191-0.048,0.472-0.144,0.855c-0.094,0.38-0.144,0.656-0.144,0.852v137.041 | |||
c0,4.948,1.809,9.236,5.426,12.847c3.616,3.613,7.898,5.431,12.847,5.431h109.63V303.664h73.097v109.64h109.629 | |||
c4.948,0,9.236-1.814,12.847-5.435c3.617-3.607,5.432-7.898,5.432-12.847V257.981c0-0.76-0.104-1.334-0.288-1.707L230.149,120.939 | |||
z"/> | |||
<path d="M457.122,225.438L394.6,173.476V56.989c0-2.663-0.856-4.853-2.574-6.567c-1.704-1.712-3.894-2.568-6.563-2.568h-54.816 | |||
c-2.666,0-4.855,0.856-6.57,2.568c-1.711,1.714-2.566,3.905-2.566,6.567v55.673l-69.662-58.245 | |||
c-6.084-4.949-13.318-7.423-21.694-7.423c-8.375,0-15.608,2.474-21.698,7.423L3.172,225.438c-1.903,1.52-2.946,3.566-3.14,6.136 | |||
c-0.193,2.568,0.472,4.811,1.997,6.713l17.701,21.128c1.525,1.712,3.521,2.759,5.996,3.142c2.285,0.192,4.57-0.476,6.855-1.998 | |||
L230.149,95.817l197.57,164.741c1.526,1.328,3.521,1.991,5.996,1.991h0.858c2.471-0.376,4.463-1.43,5.996-3.138l17.703-21.125 | |||
c1.522-1.906,2.189-4.145,1.991-6.716C460.068,229.007,459.021,226.961,457.122,225.438z"/> | |||
</g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
</svg> |
@@ -0,0 +1,47 @@ | |||
<?xml version="1.0" encoding="iso-8859-1"?> | |||
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> | |||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> | |||
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" | |||
width="95.667px" height="95.667px" viewBox="0 0 95.667 95.667" style="enable-background:new 0 0 95.667 95.667;" | |||
xml:space="preserve"> | |||
<g> | |||
<g> | |||
<path d="M39.173,72.344l39.447-22.777c0.619-0.356,1-1.018,1-1.731s-0.381-1.375-1-1.732L39.173,23.324 | |||
c-0.619-0.357-1.381-0.357-2,0c-0.619,0.357-1,1.018-1,1.732v10.605H2.121c-1.104,0-2,0.896-2,2v20.344c0,1.104,0.896,2,2,2 | |||
h34.053v10.604c0,0.716,0.381,1.375,1,1.732c0.31,0.18,0.655,0.268,1,0.268C38.519,72.609,38.864,72.521,39.173,72.344z"/> | |||
<path d="M80.775,0H40.026c-1.104,0-2,0.896-2,2v6c0,1.104,0.896,2,2,2h40.749c2.632,0,4.771,2.141,4.771,4.771v66.125 | |||
c0,2.631-2.141,4.771-4.771,4.771H40.026c-1.104,0-2,0.896-2,2v6c0,1.104,0.896,2,2,2h40.749c8.146,0,14.771-6.627,14.771-14.771 | |||
V14.772C95.546,6.627,88.92,0,80.775,0z"/> | |||
</g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
<g> | |||
</g> | |||
</svg> |
@@ -0,0 +1 @@ | |||
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="user" class="svg-inline--fa fa-user fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z"></path></svg> |
@@ -0,0 +1,28 @@ | |||
<!DOCTYPE html> | |||
<html lang="en" xmlns=th="http://www.thymeleaf.org"> | |||
<head> | |||
<meta charset="UTF-8"> | |||
<link rel="stylesheet" href="index_styles.css"> | |||
<link rel="shortcut icon" type="image/x-icon" href="icons/Logo_testo.png"> | |||
<title>Testosteroth</title> | |||
</head> | |||
<body> | |||
<nav id="nav"> | |||
<ul id="menu_left"> | |||
<li class="menu_left_element"><a class="menu_element_text" href="/index.html"><img src="icons/home.svg"></a></li> | |||
</ul> | |||
<ul id="menu_right"> | |||
<li class="menu_right_element"><a class="menu_element_text" href="/balance.html"><img src="icons/balance.svg"></a></li> | |||
<li class="menu_right_element"><a class="menu_element_text" href="/group.html"><img src="icons/group.svg"></a></li> | |||
<li class="menu_right_element"><a class="menu_element_text" href="/login.html"><img src="icons/login.svg"></a></li> | |||
</ul> | |||
</nav> | |||
</body> | |||
</html> |
@@ -0,0 +1,21 @@ | |||
<!DOCTYPE html> | |||
<html lang="en"> | |||
<head> | |||
<meta charset="UTF-8"> | |||
<link rel="stylesheet" href="index_styles.css"> | |||
<link rel="shortcut icon" type="image/x-icon" href="icons/Logo_testo.png"> | |||
<title>Registration</title> | |||
</head> | |||
<body> | |||
<div id="main"> | |||
<h1>Hier kann man register.</h1> | |||
</div> | |||
</body> | |||
</html> |
@@ -0,0 +1,123 @@ | |||
* { | |||
padding: 0; | |||
margin: 0; | |||
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; | |||
} | |||
.menu_left_element { | |||
width: 90px; | |||
height: 45px; | |||
display: inline-block; | |||
margin-left: 15px | |||
} | |||
.menu_right_element { | |||
display: inline-block; | |||
width: 50px; | |||
height: 45px; | |||
margin-right: 25px; | |||
} | |||
img { | |||
display: block; | |||
height: 100%; | |||
width: 100%; | |||
} | |||
.menu_element_text { | |||
border-radius: 10px; | |||
/*background-color: #8583FF;*/ | |||
display: block; | |||
width: 100%; | |||
height: 100%; | |||
text-decoration: none; | |||
padding: 0.4rem; | |||
font-size: 2.6rem; | |||
text-decoration-color: black; | |||
} | |||
#menu_left { | |||
position: absolute; | |||
left: 0; | |||
list-style-type: none; | |||
} | |||
#menu_right { | |||
position: absolute; | |||
right: 0; | |||
list-style-type: none; | |||
} | |||
#nav { | |||
background-color: #C4C4C4; | |||
height: 1.6cm; | |||
padding: 0.8rem; | |||
/* padding: 0.6rem; */ | |||
} | |||
.grid-wrapper { | |||
display: grid; | |||
grid-template-columns: 1fr; | |||
grid-template-rows: 80px 80px 80px; | |||
grid-gap: 10px; | |||
} | |||
.box { | |||
background-color: #C4C4C4; | |||
display: grid; | |||
grid-template-columns: 20px 50% auto; | |||
grid-gap: 5px; | |||
font-size: 1.4em; | |||
border-radius: 10px; | |||
} | |||
.entry { | |||
display: flex; | |||
vertical-align: center; | |||
align-items: center; | |||
padding: 5px; | |||
} | |||
.amount { | |||
display: flex; | |||
justify-content: flex-end; | |||
align-items: center; | |||
padding: 10px; | |||
} | |||
.balance-list-wrapper { | |||
display: flex; | |||
justify-content: center; | |||
} | |||
.balance-list { | |||
display: grid; | |||
width: 700px; | |||
margin: 20px; | |||
} | |||
.overview { | |||
text-align: center; | |||
padding: 20px; | |||
} | |||
#title { | |||
font-size: 2em; | |||
} | |||
#total-amount { | |||
font-size: 3em; | |||
color: green; | |||
} | |||
.dropdown { | |||
background-image: url("./icons/caret-down-solid.svg"); | |||
background-repeat: no-repeat; | |||
background-size: 15px; | |||
background-position: right; | |||
color: #f3f3f3; | |||
} |
@@ -0,0 +1,3 @@ | |||
#main { | |||
margin: 100px; | |||
} |