aron/124-webapp
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

initial webapp draft

Browse source
This commit is contained in:
Aron Petau 2025-09-11 16:01:32 +02:00
commit 4f2723b767
22 changed files with 713 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

98
static/css/style.css Normal file
View file

@ -0,0 +1,98 @@
@font-face {
font-family: "SISTEMAS";
src: url("/static/fonts/SISTEMAS FONT BT.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "BauPro";
src: url("/static/fonts/BauPro.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
h1, h2, h3, h4, h5, h6 {
font-family: "SISTEMAS", sans-serif;
}
body, p, input, button, label, a {
font-family: "BauPro", sans-serif;
}
body {
background-color: #F9F9F9;
color: #333333;
margin: 0;
padding: 0;
}
header {
background-color: #001F4D; /* navy blue */
color: #FFD600; /* yellow text */
padding: 2em;
text-align: center;
box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}
h1, h2, h3, h4, h5, h6 {
font-family: "SISTEMAS", sans-serif;
color: #001F4D; /* navy blue */
}
a.link-card {
display: block;
padding: 1.2em 1em;
background-color: #E6007E; /* magenta */
color: #FFD600; /* yellow text */
text-decoration: none;
border-radius: 10px;
text-align: center;
transition: all 0.2s ease-in-out;
}
a.link-card:hover {
background-color: #FFD600; /* yellow hover */
color: #001F4D; /* navy text on hover */
box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}
button {
padding: 0.7em;
background-color: #E6007E; /* magenta */
color: #FFD600; /* yellow text */
border: none;
border-radius: 6px;
font-size: 1em;
cursor: pointer;
}
button:hover {
background-color: #FFD600; /* yellow hover */
color: #001F4D; /* navy text */
}
header {
display: flex;
align-items: center;
gap: 1em;
padding: 1em;
background-color: #001f3f; /* navy */
color: #fff;
}
.logo {
height: 60px;
cursor: pointer;
}
nav a {
color: #fff;
text-decoration: none;
margin-right: 1em;
}
nav a:hover {
text-decoration: underline;
}