Skip to content

U
uBus
Commit 9a3f8602 authored by Chiara Veronica Señires's avatar Chiara Veronica Señires
Browse files
Options

Added initial styling

parent f363de1e
Hide whitespace changes
Inline Side-by-side
Showing with 50 additions and 37 deletions
web-app/css/style.css
View file @ 9a3f8602
......@@ -10,61 +10,66 @@
padding: 0;
}
body {
background-color: azure;
html, body {
background-color: #124E78;
font-family: monospace;
overflow-x: none;
overflow-x: hidden;
}
.container {
margin: 0 auto;
.container, header {
display: flex;
flex-direction: column;
width: 50%;
flex-direction: column;
justify-content: center;
align-items: center;
}
.container {
margin: 0 auto;
width: 50%;
}
a {
text-decoration: none;
}
header {
width: 100vw;
background-color: azure;
}
.logo {
width: 25em;
width: 20em;
padding: 2em;
margin: 0 auto;
}
.buttons {
width: 50%;
.content {
padding: 35px 25px;
width: 100vw;
display: flex;
align-content: center;
justify-content: center;
align-items: center;
}
.placeholder {
padding: 10px;
width: 10em;
height: 10em;
}
#admin, #loading {
margin: 10px;
.button a {
background-color: #ccc;
padding: 10px;
color: azure;
font-size: 1.5em;
margin: 0 50px;
border-radius: 10%;
text-align: center;
font-size: 1.25rem;
color: #000;
font-weight: bold;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#admin {
background-color: coral;
}
#loading {
background-color: cadetblue;
.button > a img {
width: 10em;
height: 10em;
padding: 0 10px;
}
/* SCHEDULING */
......@@ -94,4 +99,4 @@ nav {
height: 100px;
background-color: green;
}
\ No newline at end of file
}
web-app/index.html
View file @ 9a3f8602
......@@ -6,18 +6,26 @@
</head>
<body>
<div class="container">
<img class="logo" src="img/logo.png">
<header>
<img class="logo" src="img/logo.png">
</header>
<div class="buttons">
<a class="placeholder" id="admin" href="schedule.html">
Scheduling
</a>
<div class="content">
<div class="button">
<a href="schedule.html" id="admin">
<img src="img/scheduling.png">
<br><span>SCHEDULING</span>
</a>
</div>
<a class="placeholder" id="loading" href="loading.html">
Loading
</a>
<div class="button">
<a href="loading.html" id="loading">
<img src="img/loading.png">
<br><span>LOADING</span>
</a>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment