neon443/neon443.github.io
1
0
Fork 0
mirror of https://github.com/neon443/neon443.github.io.git synced 2026-03-12 07:36:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

added emulator: n64

Browse Source 
updated hs to align from left
This commit is contained in:
neon443
2024-10-06 19:44:21 +01:00
parent 8c639a271c
commit 9ef4f621ff
16 changed files with 3376 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
style.css
View File

@@ -166,15 +166,67 @@ h5 {
}
/* Bar styling */
.homescreen {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); /* Responsive grid */
grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); /* Ensure a minimum size for each block */
gap: 20px;
margin: 0px;
justify-content: center;
justify-items: start; /* Align the app blocks to the left */
}
.app {
padding: 1px;
display: flex;
flex-direction: column;
align-items: center; /* Center child elements (icon and label) horizontally */
text-align: center;
text-decoration: none;
transition: 0.1s ease-in-out;
}
.app img {
margin-top: 5px;
width: 100px;
height: auto;
border-radius: 10px;
transition: 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.app:hover {
transform: scale(1.1);
font-weight: 1000;
font-size: large;
color: #ff6200;
background-color: rgba(255, 255, 255, 0.2);
background-clip: border-box;
box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.3);
}
/*
.homescreen {
display: flex;
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
gap: 20px;
margin: 0px;
justify-content: flex-start;
}
.app {
padding: 1px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
text-decoration: none;
transition: 0.2s ease-in-out;
}
.spacerApp {
padding: 1px;
display: flex;
flex-direction: column;
@@ -193,7 +245,7 @@ h5 {
}
.app:hover {
transform: scale(1.1); /* Grow effect */
transform: scale(1.1);
font-weight: 1000;
font-size: large;
color: #ff6200;
@@ -201,13 +253,13 @@ h5 {
background-clip: border-box;
box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.3);
}
*/
.label {
margin-top: 5px;
margin-bottom: 5px;
}
@media (prefers-color-scheme: dark) {
* {
color: #ddd;