francesco/cws
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

new homepage and remove warnings

Browse Source
This commit is contained in:
Francesco
2025-04-22 18:59:49 +02:00
parent aebecfb4c2
commit b4f71b0c53
9 changed files with 77 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
www/index.html
View File

@@ -2,18 +2,20 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>CWS</title>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="style.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;800&display=swap" rel="stylesheet" />
</head>
<body>
<h1 style="text-align: center">Hello from CWS!</h1>
<div>
<h1>Hello from <span class="highlight">CWS</span>!</h1>
<p>Try to open an image <a href="/cws.jpg" target="_blank">here</a>.</p>
</div>
</body>
</html>

46
www/style.css
View File

@@ -1,11 +1,49 @@
body {
background-color: lightcoral;
color: white;
margin: 0;
height: 100vh;
font-family: "Montserrat", sans-serif;
background: linear-gradient(135deg, #ff6a6a, #ff9472);
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
color: white;
}
h1 {
font-size: 3rem;
margin-bottom: 1rem;
font-weight: 800;
}
.highlight {
color: #ffe678;
}
p {
font-size: 1.2rem;
font-weight: 400;
margin: 0;
}
a {
color: #ffffff;
font-weight: 600;
text-decoration: underline;
transition: color 0.3s;
}
a:hover {
color: #ffe678;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}