minor Changes

This commit is contained in:
Lupancham 2024-07-17 03:05:53 -04:00
parent 8d6a8b0002
commit f9cd156320
5 changed files with 76 additions and 21 deletions

View file

@ -33,6 +33,15 @@
height: 40px; height: 40px;
border-radius: 15px; border-radius: 15px;
margin-right: 15px; margin-right: 15px;
transition: transform 0.8s;
}
nav img:hover {
transform: rotate(720deg);
width: 40px;
height: 40px;
border-radius: 15px;
margin-right: 15px;
} }
nav a { nav a {
@ -53,7 +62,7 @@
footer { footer {
background-color: #333; background-color: #333;
padding: 20px 0; padding: 5px 0;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
@ -63,13 +72,13 @@
footer svg { footer svg {
margin-right: 20px; margin-right: 20px;
border-radius: 15px; border-radius: 100%;
transition: transform 1s, box-shadow 0.4s, background-color 0.4s; transition: transform 0.7s, box-shadow 0.4s, background-color 0.4s;
} }
footer svg:hover { footer svg:hover {
transform: scale(1.1); transform: scale(1.3) rotate(360deg);
border-radius: 15px; border-radius: 100%;
box-shadow: 0 0 10px rgb(61, 75, 234); box-shadow: 0 0 10px rgb(61, 75, 234);
background-color: rgb(88, 101, 242); background-color: rgb(88, 101, 242);
} }
@ -89,6 +98,10 @@
<a href="http://141.147.29.5:3107/?world=minecraft-overworld&renderer=vintage_story&zoom=0&x=61&z=-68">Map</a> <a href="http://141.147.29.5:3107/?world=minecraft-overworld&renderer=vintage_story&zoom=0&x=61&z=-68">Map</a>
</nav> </nav>
<!-- Content Starts Below -->
<!-- Content Ends Here -->
<footer> <footer>
<div class="left"> <div class="left">
<p style="line-height: 25px">Copyright © LRSS 2024 All Rights Reserved<br> <p style="line-height: 25px">Copyright © LRSS 2024 All Rights Reserved<br>

View file

@ -1,3 +1,5 @@
# Website # Website
Website, written in... idk yet Website, written in... HTML?
###### I hear TCF, Pixel, and Blurry angry, confused, angry, and confused.

View file

@ -33,6 +33,15 @@
height: 40px; height: 40px;
border-radius: 15px; border-radius: 15px;
margin-right: 15px; margin-right: 15px;
transition: transform 0.8s;
}
nav img:hover {
transform: rotate(720deg);
width: 40px;
height: 40px;
border-radius: 15px;
margin-right: 15px;
} }
nav a { nav a {
@ -53,7 +62,7 @@
footer { footer {
background-color: #333; background-color: #333;
padding: 20px 0; padding: 5px 0;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
@ -63,13 +72,13 @@
footer svg { footer svg {
margin-right: 20px; margin-right: 20px;
border-radius: 15px; border-radius: 100%;
transition: transform 1s, box-shadow 0.4s, background-color 0.4s; transition: transform 0.7s, box-shadow 0.4s, background-color 0.4s;
} }
footer svg:hover { footer svg:hover {
transform: scale(1.1); transform: scale(1.3) rotate(360deg);
border-radius: 15px; border-radius: 100%;
box-shadow: 0 0 10px rgb(61, 75, 234); box-shadow: 0 0 10px rgb(61, 75, 234);
background-color: rgb(88, 101, 242); background-color: rgb(88, 101, 242);
} }
@ -89,6 +98,10 @@
<a href="http://141.147.29.5:3107/?world=minecraft-overworld&renderer=vintage_story&zoom=0&x=61&z=-68">Map</a> <a href="http://141.147.29.5:3107/?world=minecraft-overworld&renderer=vintage_story&zoom=0&x=61&z=-68">Map</a>
</nav> </nav>
<!-- Content Starts Below -->
<!-- Content Ends Here -->
<footer> <footer>
<div class="left"> <div class="left">
<p style="line-height: 25px">Copyright © LRSS 2024 All Rights Reserved<br> <p style="line-height: 25px">Copyright © LRSS 2024 All Rights Reserved<br>

View file

@ -33,6 +33,15 @@
height: 40px; height: 40px;
border-radius: 15px; border-radius: 15px;
margin-right: 15px; margin-right: 15px;
transition: transform 0.8s;
}
nav img:hover {
transform: rotate(720deg);
width: 40px;
height: 40px;
border-radius: 15px;
margin-right: 15px;
} }
nav a { nav a {
@ -53,7 +62,7 @@
footer { footer {
background-color: #333; background-color: #333;
padding: 20px 0; padding: 5px 0;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
@ -63,19 +72,20 @@
footer svg { footer svg {
margin-right: 20px; margin-right: 20px;
border-radius: 15px; border-radius: 100%;
transition: transform 1s, box-shadow 0.4s, background-color 0.4s; transition: transform 0.7s, box-shadow 0.4s, background-color 0.4s;
} }
footer svg:hover { footer svg:hover {
transform: scale(1.1); transform: scale(1.3) rotate(360deg);
border-radius: 15px; border-radius: 100%;
box-shadow: 0 0 10px rgb(61, 75, 234); box-shadow: 0 0 10px rgb(61, 75, 234);
background-color: rgb(88, 101, 242); background-color: rgb(88, 101, 242);
} }
footer .left { footer .left {
margin-left: 20px; margin-left: 20px;
text-align: left;
} }
</style> </style>
@ -89,6 +99,10 @@
<a href="http://141.147.29.5:3107/?world=minecraft-overworld&renderer=vintage_story&zoom=0&x=61&z=-68">Map</a> <a href="http://141.147.29.5:3107/?world=minecraft-overworld&renderer=vintage_story&zoom=0&x=61&z=-68">Map</a>
</nav> </nav>
<!-- Content Starts Below -->
<!-- Content Ends Here -->
<footer> <footer>
<div class="left"> <div class="left">
<p style="line-height: 25px">Copyright © LRSS 2024 All Rights Reserved<br> <p style="line-height: 25px">Copyright © LRSS 2024 All Rights Reserved<br>

View file

@ -33,6 +33,15 @@
height: 40px; height: 40px;
border-radius: 15px; border-radius: 15px;
margin-right: 15px; margin-right: 15px;
transition: transform 0.8s;
}
nav img:hover {
transform: rotate(720deg);
width: 40px;
height: 40px;
border-radius: 15px;
margin-right: 15px;
} }
nav a { nav a {
@ -53,7 +62,7 @@
footer { footer {
background-color: #333; background-color: #333;
padding: 20px 0; padding: 5px 0;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
@ -63,13 +72,13 @@
footer svg { footer svg {
margin-right: 20px; margin-right: 20px;
border-radius: 15px; border-radius: 100%;
transition: transform 1s, box-shadow 0.4s, background-color 0.4s; transition: transform 0.7s, box-shadow 0.4s, background-color 0.4s;
} }
footer svg:hover { footer svg:hover {
transform: scale(1.1); transform: scale(1.3) rotate(360deg);
border-radius: 15px; border-radius: 100%;
box-shadow: 0 0 10px rgb(61, 75, 234); box-shadow: 0 0 10px rgb(61, 75, 234);
background-color: rgb(88, 101, 242); background-color: rgb(88, 101, 242);
} }
@ -89,6 +98,10 @@
<a href="http://141.147.29.5:3107/?world=minecraft-overworld&renderer=vintage_story&zoom=0&x=61&z=-68">Map</a> <a href="http://141.147.29.5:3107/?world=minecraft-overworld&renderer=vintage_story&zoom=0&x=61&z=-68">Map</a>
</nav> </nav>
<!-- Content Starts Below -->
<!-- Content Ends Here -->
<footer> <footer>
<div class="left"> <div class="left">
<p style="line-height: 25px">Copyright © LRSS 2024 All Rights Reserved<br> <p style="line-height: 25px">Copyright © LRSS 2024 All Rights Reserved<br>