moon/moonsbian-gay
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add marquee effect to welcome message and update color scheme

Browse Source
This commit is contained in:
moon
2026-03-04 12:36:49 +02:00
parent b1faa4a343
commit cf15515153
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
index.html
View File

@@ -35,7 +35,7 @@
</ul> </ul>
</aside> </aside>
<main> <main>
<h1>Welcome to the website!</h1> <marquee><h1>Welcome to the website!</h1></marquee>
<p><strong>Not much here for now :)</strong></p> <p><strong>Not much here for now :)</strong></p>
<p>Just barely had stuff changed after being made with sadgrl.online layout maker</p> <p>Just barely had stuff changed after being made with sadgrl.online layout maker</p>
@@ -159,7 +159,7 @@
/* the area below is for all links on your page /* the area below is for all links on your page
EXCEPT for the navigation */ EXCEPT for the navigation */
#container a { #container a {
color: #ED64F5; color: #fcc3ff;
font-weight: bold; font-weight: bold;
/* if you want to remove the underline /* if you want to remove the underline
you can add a line below here that says: you can add a line below here that says:
@@ -168,7 +168,7 @@
#header { #header {
width: 100%; width: 100%;
background-color: #5e4e8c; background-color: #ffa6da;
/* header color here! */ /* header color here! */
height: 150px; height: 150px;
/* this is only for a background image! */ /* this is only for a background image! */
@@ -181,7 +181,7 @@
/* navigation section!! */ /* navigation section!! */
#navbar { #navbar {
height: 40px; height: 40px;
background-color: #13092D; background-color: #a0006b;
/* navbar color */ /* navbar color */
width: 100%; width: 100%;
} }
@@ -221,7 +221,7 @@
if you want to style them separately, if you want to style them separately,
create styles for #leftSidebar and #rightSidebar */ create styles for #leftSidebar and #rightSidebar */
aside { aside {
background-color: #241445; background-color: #a0006b;
width: 200px; width: 200px;
padding: 20px; padding: 20px;
font-size: smaller; font-size: smaller;
@@ -232,7 +232,7 @@
/* this is the color of the main content area, /* this is the color of the main content area,
between the sidebars! */ between the sidebars! */
main { main {
background-color: #43256E; background-color: #bd2289;
flex: 1; flex: 1;
padding: 20px; padding: 20px;
order: 2; order: 2;