Autisticats/website
2
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Back to root-relative paths, split CSS to new file.
All checks were successful
Deploy to neocities / deploy (push) Successful in 9s
Details

Browse Source
This commit is contained in:
Hadley Canine
2026-02-19 23:42:17 -06:00
parent de30660b15
commit 7aa32d6623
2 changed files with 56 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
public/css/style.css
View File

@@ -1,9 +1,55 @@
/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
HTML content. To learn how to do something, just try searching Google for questions like
"how to change link color." */
/* Color palette matched to the Autisticats icon */
body {
background-color: white;
color: black;
font-family: Verdana;
}
background-color: #241c39; /* Dark indigo/purple from the icon background */
color: #fdfdfd;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
margin: 0;
text-align: center;
}
/* Circular crop and styling for the server icon */
.server-icon {
width: 150px;
height: 150px;
border-radius: 50%; /* This makes it a perfect circle! */
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
margin-bottom: 20px;
/* Optional: Add a subtle border matching the moon */
border: 3px solid #aaaaaa;
}
/* Rainbow gradient text matching the infinity mask */
h1 {
font-size: 2.5em;
margin: 0 0 10px 0;
background: linear-gradient(90deg, #df73ff, #8394ff, #62e8bd, #fdfb74, #ffa07a);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: 0px 2px 10px rgba(255, 255, 255, 0.1);
}
.status-box {
max-width: 600px;
padding: 20px 40px;
background: rgba(255, 255, 255, 0.05);
border-radius: 12px;
margin-top: 20px;
}
p {
font-size: 1.1em;
line-height: 1.6;
color: #dcdcdc;
}
.footer {
margin-top: 40px;
font-size: 0.85em;
color: #888888;
}

59
public/index.html
View File

@@ -4,66 +4,11 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Autisticats</title>
<style>
/* Color palette matched to the Autisticats icon */
body {
background-color: #241c39; /* Dark indigo/purple from the icon background */
color: #fdfdfd;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
margin: 0;
text-align: center;
}
/* Circular crop and styling for the server icon */
.server-icon {
width: 150px;
height: 150px;
border-radius: 50%; /* This makes it a perfect circle! */
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
margin-bottom: 20px;
/* Optional: Add a subtle border matching the moon */
border: 3px solid #aaaaaa;
}
/* Rainbow gradient text matching the infinity mask */
h1 {
font-size: 2.5em;
margin: 0 0 10px 0;
background: linear-gradient(90deg, #df73ff, #8394ff, #62e8bd, #fdfb74, #ffa07a);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: 0px 2px 10px rgba(255, 255, 255, 0.1);
}
.status-box {
max-width: 600px;
padding: 20px 40px;
background: rgba(255, 255, 255, 0.05);
border-radius: 12px;
margin-top: 20px;
}
p {
font-size: 1.1em;
line-height: 1.6;
color: #dcdcdc;
}
.footer {
margin-top: 40px;
font-size: 0.85em;
color: #888888;
}
</style>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<img src="img/autisticats-logo.png" alt="Autisticats Logo" class="server-icon">
<img src="/img/autisticats-logo.png" alt="Autisticats Logo" class="server-icon">
<h1>Autisticats</h1>