Gallardo7761/contaminus
Archived
1
0
Fork 0
Code Pull Requests Activity

Recovered from backup

Browse Source
This commit is contained in:
Jose
2025-02-26 19:42:35 +01:00
commit cf9d5e71fe
43 changed files with 5778 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
frontend/src/css/App.css Normal file
View File

@@ -0,0 +1,15 @@
body {
font-family: 'Poppins', sans-serif;
padding: 20px;
min-height: 100vh;
}
body.light {
background: white;
color: black;
}
body.dark {
background: linear-gradient(135deg, var(--gradient-primary), var(--gradient-secondary));
color: white;
}

56
frontend/src/css/Card.css Normal file
View File

@@ -0,0 +1,56 @@
.card {
border-radius: 20px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
transition: transform 0.3s ease, box-shadow 0.3s ease;
border: 2px solid var(--primary-color);
}
.card.light {
background: linear-gradient(145deg, #eeeeee, #dadada);
}
.card.light > div.card-content > p.card-text {
color: black;
}
.card.light > span.status {
background: #E0E0E0;
}
.card.dark {
background: linear-gradient(145deg, var(--card-gradient-primary), var(--card-gradient-secondary));
}
.card.dark > div.card-content > p.card-text {
color: white;
}
.card.dark > span.status {
background: #505050;
}
.card:hover {
transform: translateY(-8px) scale(1.02);
box-shadow: 0 10px 20px var(--box-shadow);
}
.card>h3 {
font-size: 1.3em;
color: var(--primary-color);
text-transform: uppercase;
letter-spacing: 1px;
}
p.card-text {
font-size: 2.2em;
font-weight: 600;
}
.card>span.status {
font-size: 0.9em;
color: #A0A0A0;
padding: 5px 10px;
background: var(--card-background);
border-radius: 20px;
display: inline-block;
}

40
frontend/src/css/Header.css Normal file
View File

@@ -0,0 +1,40 @@
header > h1 {
font-size: 2.8em;
font-weight: 600;
letter-spacing: 1px;
font-family: 'Times New Roman', Times, serif;
font-stretch: condensed;
}
header.light > h1 {
color: black;
}
header.dark > h1 {
color: white;
}
header.light > p.subtitle {
color: #606060;
}
header.dark > p.subtitle {
color: #B0B0B0;
}
header > h1::after {
font-size: 1.2em;
content: 'US';
color: var(--primary-color);
}
header > .subtitle {
font-size: 1.2em;
color: #B0B0B0;
animation: fadeIn 2s ease-in-out;
}
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}

0
frontend/src/css/HistoryCharts.css Normal file
View File

0
frontend/src/css/Map.css Normal file
View File

22
frontend/src/css/ThemeButton.css Normal file
View File

@@ -0,0 +1,22 @@
.theme-toggle {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 1000;
border: none;
border-radius: 50%;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--primary-color);
color: white;
cursor: pointer;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
transition: background-color 0.3s, transform 0.3s;
}
.theme-toggle:hover {
background-color: var(--secondary-color);
}

54
frontend/src/css/index.css Normal file
View File

@@ -0,0 +1,54 @@
:root {
--primary-color: #be0f2e;
--secondary-color: #a8223a;
--text-shadow: #be0f2e80;
--box-shadow: #be0f2e33;
--gradient-primary: #1A1A1A;
--gradient-secondary: #2A2A2A;
--card-background: #be0f2e1a;
--card-gradient-primary: #252525;
--card-gradient-secondary: #353535;
}
/* latin-ext */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v22/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v22/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}