seth/ipv4.army
1
0
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

formatting

Browse source
This commit is contained in:
Seth 2025-05-19 01:16:28 -04:00
parent 260c74491a
commit 4a1e2a4097
19 changed files with 5190 additions and 1332 deletions
Download patch file Download diff file Expand all files Collapse all files

38
src/front/components/Hyperate/index.module.css
View file

@ -1,27 +1,27 @@
.heartbeat {
display: inline-block;
animation: pulse calc(60s / var(--bpm)) infinite ease-in-out;
transform-origin: center;
display: inline-block;
animation: pulse calc(60s / var(--bpm)) infinite ease-in-out;
transform-origin: center;
}
@keyframes pulse {
0% {
transform: scale(1);
}
0% {
transform: scale(1);
}
25% {
transform: scale(1.1);
}
25% {
transform: scale(1.1);
}
50% {
transform: scale(1);
}
50% {
transform: scale(1);
}
75% {
transform: scale(1.1);
}
75% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
100% {
transform: scale(1);
}
}

140
src/front/components/Lanyard/index.module.css
View file

@ -1,110 +1,110 @@
.card {
width: 100%;
width: 100%;
}
.activityCard {
background-color: transparent;
border-radius: 8px;
padding: 16px;
width: 100% !important;
/* Set a max width */
background-color: transparent;
border-radius: 8px;
padding: 16px;
width: 100% !important;
/* Set a max width */
}
.status {
font-size: 14px;
margin-bottom: 8px;
font-size: 14px;
margin-bottom: 8px;
}
.content {
display: flex;
flex-wrap: wrap;
/* Allow wrapping for smaller screens */
display: flex;
flex-wrap: wrap;
/* Allow wrapping for smaller screens */
}
.bigImage {
position: relative;
width: 120px;
/* Set fixed width for the big image */
height: 120px;
/* Set fixed height for the big image */
flex-shrink: 0;
/* Prevent shrinking */
position: relative;
width: 120px;
/* Set fixed width for the big image */
height: 120px;
/* Set fixed height for the big image */
flex-shrink: 0;
/* Prevent shrinking */
}
.bigImage img {
width: 100%;
height: 100%;
border-radius: 8px;
object-fit: cover;
/* Ensures the image covers the area without distortion */
width: 100%;
height: 100%;
border-radius: 8px;
object-fit: cover;
/* Ensures the image covers the area without distortion */
}
.smallImage {
position: absolute;
bottom: -8px;
right: -8px;
width: 40px;
/* Set fixed width for the small image */
height: 40px;
/* Set fixed height for the small image */
overflow: hidden;
border-radius: 50%;
position: absolute;
bottom: -8px;
right: -8px;
width: 40px;
/* Set fixed width for the small image */
height: 40px;
/* Set fixed height for the small image */
overflow: hidden;
border-radius: 50%;
}
.smallImage img {
width: 100%;
height: 100%;
object-fit: cover;
/* Ensures the image covers the area without distortion */
width: 100%;
height: 100%;
object-fit: cover;
/* Ensures the image covers the area without distortion */
}
.textInfo {
margin-left: 16px;
display: flex;
flex-direction: column;
justify-content: center;
flex-grow: 1;
/* Allow text info to grow */
margin-left: 16px;
display: flex;
flex-direction: column;
justify-content: center;
flex-grow: 1;
/* Allow text info to grow */
}
.appName {
font-size: 16px;
font-weight: bold;
font-size: 16px;
font-weight: bold;
}
.state,
.details {
font-size: 14px;
color: #b9bbbe;
font-size: 14px;
color: #b9bbbe;
}
/* Media Queries for Responsiveness */
@media (max-width: 480px) {
.bigImage {
width: 80px;
/* Adjust size for smaller screens */
height: 80px;
}
.bigImage {
width: 80px;
/* Adjust size for smaller screens */
height: 80px;
}
.smallImage {
width: 30px;
/* Adjust size for smaller screens */
height: 30px;
}
.smallImage {
width: 30px;
/* Adjust size for smaller screens */
height: 30px;
}
.textInfo {
margin-left: 8px;
/* Reduce margin for smaller screens */
}
.textInfo {
margin-left: 8px;
/* Reduce margin for smaller screens */
}
.appName {
font-size: 14px;
/* Adjust font size */
}
.appName {
font-size: 14px;
/* Adjust font size */
}
.state,
.details {
font-size: 12px;
/* Adjust font size */
}
}
.state,
.details {
font-size: 12px;
/* Adjust font size */
}
}

40
src/front/components/pages/About/index.module.css
View file

@ -1,34 +1,34 @@
.container {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
height: 100%;
}
.card {
width: 90%;
padding: 0.5rem;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: 90%;
padding: 0.5rem;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
.center {
text-align: center;
}
.center {
text-align: center;
}
}
.avatar {
width: 5rem;
height: inherit;
border: 2px solid rgb(var(--mdui-color-primary));
width: 5rem;
height: inherit;
border: 2px solid rgb(var(--mdui-color-primary));
}
.lanyard {
display: var(--lanyard-display);
display: var(--lanyard-display);
}
.hyperate {
display: var(--hyperate-display);
}
display: var(--hyperate-display);
}

2
src/front/index.css
View file

@ -53,4 +53,4 @@ body {
.shj-syn-str {
color: #4dacfa;
}
}

3
src/front/index.html
View file

@ -8,7 +8,8 @@
<meta name="theme-color" content="#000000">
<meta name="description"
content="A Dedicated Backend Developer, with a passion for high-fidelity audio, gaming, and development.">
<meta name="keywords" content="Seth, IPv4, Army, Seth@IPv4, web development, audio, gaming, server development, backend development, frontend development, full stack development, software development, programming, coding, technology, computer science, engineering, IT, information technology, web design, web application, web programming, web developer, software engineer, software developer, software programmer, software architect, software design, software engineering, hifi, high fidelity, high-fidelity audio, high-fidelity sound, high-fidelity music, high-fidelity recording, high-fidelity reproduction, high-fidelity equipment, high-fidelity technology, high-fidelity devices, hires lossless, losslesss audio, hires lossless audio, hi-res audio, hi-res lossless audio, hi-res sound, hi-res music, hi-res recording, hi-res reproduction, hi-res system, hi-res equipment, hi-res technology, hi-res devices">
<meta name="keywords"
content="Seth, IPv4, Army, Seth@IPv4, web development, audio, gaming, server development, backend development, frontend development, full stack development, software development, programming, coding, technology, computer science, engineering, IT, information technology, web design, web application, web programming, web developer, software engineer, software developer, software programmer, software architect, software design, software engineering, hifi, high fidelity, high-fidelity audio, high-fidelity sound, high-fidelity music, high-fidelity recording, high-fidelity reproduction, high-fidelity equipment, high-fidelity technology, high-fidelity devices, hires lossless, losslesss audio, hires lossless audio, hi-res audio, hi-res lossless audio, hi-res sound, hi-res music, hi-res recording, hi-res reproduction, hi-res system, hi-res equipment, hi-res technology, hi-res devices">
<meta name="author" content="Seth">
<title>Seth @ IPv4 dot Army</title>
<link rel="icon" href="/public/Abyssinian/default.png" />

2
src/front/utilities/colors.module.css
View file

@ -196,4 +196,4 @@
--mdui-color-surface-container-high: 45, 41, 44;
--mdui-color-surface-container-highest: 56, 51, 54;
--mdui-color-surface-tint-color: 255, 171, 243;
}
}

12
src/front/utilities/snackbar/index.ts
View file

@ -16,12 +16,12 @@ interface Options {
* * `bottom-end`: Aligned to the bottom, right
*/
placement?:
| "top"
| "top-start"
| "top-end"
| "bottom"
| "bottom-start"
| "bottom-end";
| "top"
| "top-start"
| "top-end"
| "bottom"
| "bottom-start"
| "bottom-end";
/**
* The text for the action button.
*/

2
src/index.ts
View file

@ -9,7 +9,7 @@ let lanyard: LanyardData = {
activities: [],
};
await fs.rm("./dist", { recursive: true, force: true }).catch(() => {});
await fs.rm("./dist", { recursive: true, force: true }).catch(() => { });
if (!Backend.development) {
await Backend.build();