johnruina/serversite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ads

Browse Source
This commit is contained in:
johnruina
2026-07-04 10:19:06 -04:00
parent 8faa4df49e
commit ad8d4ac7ac
9 changed files with 79 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files
aero.html
+12 -8
View File
@@ -43,7 +43,7 @@
max-width: 100%;
max-height: 100%;
aspect-ratio: 1;
border-radius: 12px;
border-radius: 2px;
box-shadow: 0 0 60px rgba(74,74,138,0.15);
cursor: crosshair;
}
@@ -72,7 +72,7 @@
transition: color 0.2s;
background: rgba(15,15,15,0.7);
padding: 0.4rem 0.8rem;
border-radius: 6px;
border-radius: 3px;
border: 1px solid #333;
}
@@ -86,14 +86,14 @@
padding: 1.2rem;
background: rgba(20,20,35,0.85);
border: 1px solid #2a2a4a;
border-radius: 12px;
border-radius: 2px;
max-height: 90vh;
overflow-y: auto;
flex-shrink: 0;
}
.settings::-webkit-scrollbar { width: 4px; }
.settings::-webkit-scrollbar-thumb { background: #333; border-radius: 2px; }
.settings::-webkit-scrollbar-thumb { background: #333; border-radius: 1px; }
.settings-title {
color: #aaa;
@@ -129,7 +129,7 @@
width: 100%;
height: 3px;
background: #2a2a4a;
border-radius: 2px;
border-radius: 1px;
outline: none;
cursor: pointer;
}
@@ -170,7 +170,7 @@
.palette-swatch {
width: 28px; height: 20px;
border-radius: 4px;
border-radius: 2px;
border: 2px solid transparent;
cursor: pointer;
transition: all 0.2s;
@@ -193,7 +193,7 @@
background: transparent;
color: #666;
border: 1px solid #333;
border-radius: 6px;
border-radius: 3px;
font-family: 'Inter', sans-serif;
font-weight: 700;
font-size: 0.6rem;
@@ -222,12 +222,16 @@
.layout { padding: 0.5rem; padding-top: 2.6rem; gap: 0.5rem; }
.settings { max-height: 130px; padding: 0.4rem; gap: 0.3rem; }
.settings .s-group { min-width: 60px; }
.canvas-wrap canvas { border-radius: 8px; }
.canvas-wrap canvas { border-radius: 3px; }
.s-group input[type="range"]::-webkit-slider-thumb { width: 16px; height: 16px; }
.s-group input[type="range"]::-moz-range-thumb { width: 16px; height: 16px; }
.info-row { font-size: 0.5rem; }
}
</style>
<script src="https://pl30181304.effectivecpmnetwork.com/d6/d5/f0/d6d5f003a7751f24b1bf67fe9f7faf32.js"></script>
<script async="async" data-cfasync="false" src="https://pl30181305.effectivecpmnetwork.com/0b7109847f86d21e6500c09f845ba559/invoke.js"></script>
<div id="container-0b7109847f86d21e6500c09f845ba559"></div>
<script src="https://pl30181307.effectivecpmnetwork.com/2f/11/46/2f1146f3da3a358a1844e38992327882.js"></script>
</head>
<body>
<div class="top-bar">
cps.html
+6 -2
View File
@@ -44,7 +44,7 @@
transition: color 0.2s;
background: rgba(15,15,15,0.7);
padding: 0.4rem 0.8rem;
border-radius: 6px;
border-radius: 3px;
border: 1px solid #333;
}
@@ -60,7 +60,7 @@
background: rgba(15,15,15,0.7);
color: #666;
border: 1px solid #333;
border-radius: 6px;
border-radius: 3px;
font-family: 'Inter', sans-serif;
font-weight: 700;
font-size: 0.75rem;
@@ -163,6 +163,10 @@
.top-bar { padding: 0.5rem 0.75rem; }
}
</style>
<script src="https://pl30181304.effectivecpmnetwork.com/d6/d5/f0/d6d5f003a7751f24b1bf67fe9f7faf32.js"></script>
<script async="async" data-cfasync="false" src="https://pl30181305.effectivecpmnetwork.com/0b7109847f86d21e6500c09f845ba559/invoke.js"></script>
<div id="container-0b7109847f86d21e6500c09f845ba559"></div>
<script src="https://pl30181307.effectivecpmnetwork.com/2f/11/46/2f1146f3da3a358a1844e38992327882.js"></script>
</head>
<body>
<div class="top-bar">
draw.html
+12 -8
View File
@@ -42,7 +42,7 @@
.draw-canvas-wrap canvas {
max-width: 100%;
max-height: 100%;
border-radius: 12px;
border-radius: 4px;
box-shadow: 0 0 60px rgba(74,74,138,0.15);
cursor: crosshair;
background: #fff;
@@ -74,7 +74,7 @@
transition: color 0.2s;
background: rgba(15,15,15,0.7);
padding: 0.4rem 0.8rem;
border-radius: 6px;
border-radius: 3px;
border: 1px solid #333;
}
@@ -90,7 +90,7 @@
padding: 1.2rem;
background: rgba(20,20,35,0.85);
border: 1px solid #2a2a4a;
border-radius: 12px;
border-radius: 4px;
max-height: 90vh;
overflow-y: auto;
flex-shrink: 0;
@@ -98,7 +98,7 @@
}
.draw-settings::-webkit-scrollbar { width: 4px; }
.draw-settings::-webkit-scrollbar-thumb { background: #333; border-radius: 2px; }
.draw-settings::-webkit-scrollbar-thumb { background: #333; border-radius: 1px; }
.settings-title {
color: #aaa;
@@ -156,7 +156,7 @@
width: 100%;
height: 3px;
background: #2a2a4a;
border-radius: 2px;
border-radius: 1px;
outline: none;
cursor: pointer;
}
@@ -198,7 +198,7 @@
background: transparent;
color: #666;
border: 1px solid #333;
border-radius: 6px;
border-radius: 3px;
font-family: 'Inter', sans-serif;
font-weight: 600;
font-size: 0.55rem;
@@ -223,7 +223,7 @@
.recent-swatch {
width: 20px;
height: 20px;
border-radius: 3px;
border-radius: 2px;
border: 2px solid transparent;
cursor: pointer;
transition: border-color 0.15s;
@@ -237,7 +237,7 @@
background: transparent;
color: #666;
border: 1px solid #333;
border-radius: 6px;
border-radius: 3px;
font-family: 'Inter', sans-serif;
font-weight: 700;
font-size: 0.6rem;
@@ -272,6 +272,10 @@
.recent-swatch { width: 16px; height: 16px; }
}
</style>
<script src="https://pl30181304.effectivecpmnetwork.com/d6/d5/f0/d6d5f003a7751f24b1bf67fe9f7faf32.js"></script>
<script async="async" data-cfasync="false" src="https://pl30181305.effectivecpmnetwork.com/0b7109847f86d21e6500c09f845ba559/invoke.js"></script>
<div id="container-0b7109847f86d21e6500c09f845ba559"></div>
<script src="https://pl30181307.effectivecpmnetwork.com/2f/11/46/2f1146f3da3a358a1844e38992327882.js"></script>
</head>
<body>
<div class="top-bar">
fluid.html
+11 -7
View File
@@ -43,7 +43,7 @@
max-width: 100%;
max-height: 100%;
aspect-ratio: 1;
border-radius: 12px;
border-radius: 2px;
box-shadow: 0 0 60px rgba(74,74,138,0.15);
cursor: crosshair;
}
@@ -74,7 +74,7 @@
transition: color 0.2s;
background: rgba(15,15,15,0.7);
padding: 0.4rem 0.8rem;
border-radius: 6px;
border-radius: 3px;
border: 1px solid #333;
}
@@ -104,14 +104,14 @@
padding: 1.2rem;
background: rgba(20,20,35,0.85);
border: 1px solid #2a2a4a;
border-radius: 12px;
border-radius: 2px;
max-height: 90vh;
overflow-y: auto;
flex-shrink: 0;
}
.fluid-settings::-webkit-scrollbar { width: 4px; }
.fluid-settings::-webkit-scrollbar-thumb { background: #333; border-radius: 2px; }
.fluid-settings::-webkit-scrollbar-thumb { background: #333; border-radius: 1px; }
.settings-title {
color: #aaa;
@@ -151,7 +151,7 @@
width: 100%;
height: 3px;
background: #2a2a4a;
border-radius: 2px;
border-radius: 1px;
outline: none;
cursor: pointer;
}
@@ -197,7 +197,7 @@
.palette-swatch {
width: 28px;
height: 20px;
border-radius: 4px;
border-radius: 2px;
border: 2px solid transparent;
cursor: pointer;
transition: all 0.2s;
@@ -220,7 +220,7 @@
background: transparent;
color: #666;
border: 1px solid #333;
border-radius: 6px;
border-radius: 3px;
font-family: 'Inter', sans-serif;
font-weight: 700;
font-size: 0.6rem;
@@ -254,6 +254,10 @@
.settings-info { font-size: 0.5rem; }
}
</style>
<script src="https://pl30181304.effectivecpmnetwork.com/d6/d5/f0/d6d5f003a7751f24b1bf67fe9f7faf32.js"></script>
<script async="async" data-cfasync="false" src="https://pl30181305.effectivecpmnetwork.com/0b7109847f86d21e6500c09f845ba559/invoke.js"></script>
<div id="container-0b7109847f86d21e6500c09f845ba559"></div>
<script src="https://pl30181307.effectivecpmnetwork.com/2f/11/46/2f1146f3da3a358a1844e38992327882.js"></script>
</head>
<body>
<div class="top-bar">
fractal.html
+8 -4
View File
@@ -43,7 +43,7 @@
background: transparent;
color: #666;
border: 1px solid #333;
border-radius: 6px;
border-radius: 3px;
font-family: 'Inter', sans-serif;
font-weight: 600;
font-size: 0.7rem;
@@ -76,7 +76,7 @@
max-width: 100%;
max-height: 75vh;
aspect-ratio: 1;
border-radius: 12px;
border-radius: 4px;
box-shadow: 0 0 60px rgba(74,74,138,0.2);
image-rendering: pixelated;
}
@@ -123,7 +123,7 @@
transition: color 0.2s;
background: rgba(15,15,15,0.7);
padding: 0.4rem 0.8rem;
border-radius: 6px;
border-radius: 3px;
border: 1px solid #333;
}
@@ -136,7 +136,7 @@
font-weight: 700;
background: rgba(15,15,15,0.7);
padding: 0.4rem 0.8rem;
border-radius: 6px;
border-radius: 3px;
border: 1px solid #333;
}
@@ -152,6 +152,10 @@
.fractal-sidebar button { padding: 0.3rem 0.5rem; font-size: 0.5rem; }
}
</style>
<script src="https://pl30181304.effectivecpmnetwork.com/d6/d5/f0/d6d5f003a7751f24b1bf67fe9f7faf32.js"></script>
<script async="async" data-cfasync="false" src="https://pl30181305.effectivecpmnetwork.com/0b7109847f86d21e6500c09f845ba559/invoke.js"></script>
<div id="container-0b7109847f86d21e6500c09f845ba559"></div>
<script src="https://pl30181307.effectivecpmnetwork.com/2f/11/46/2f1146f3da3a358a1844e38992327882.js"></script>
</head>
<body>
<div class="top-bar">
index.html
+6 -2
View File
@@ -34,7 +34,7 @@
.video-wrapper video {
width: 100%;
height: auto;
border-radius: 12px;
border-radius: 4px;
box-shadow: 0 4px 40px rgba(0,0,0,0.6);
}
@@ -54,7 +54,7 @@
background: #1a1a2e;
color: #e0e0e0;
border: 1px solid #333;
border-radius: 8px;
border-radius: 4px;
font-family: 'Inter', sans-serif;
font-weight: 800;
font-size: 0.85rem;
@@ -84,6 +84,10 @@
.action-btn { padding: 0.5rem 0.6rem; font-size: 0.6rem; }
}
</style>
<script src="https://pl30181304.effectivecpmnetwork.com/d6/d5/f0/d6d5f003a7751f24b1bf67fe9f7faf32.js"></script>
<script async="async" data-cfasync="false" src="https://pl30181305.effectivecpmnetwork.com/0b7109847f86d21e6500c09f845ba559/invoke.js"></script>
<div id="container-0b7109847f86d21e6500c09f845ba559"></div>
<script src="https://pl30181307.effectivecpmnetwork.com/2f/11/46/2f1146f3da3a358a1844e38992327882.js"></script>
</head>
<body>
<div class="main-content">
info.html
+6 -2
View File
@@ -42,7 +42,7 @@
transition: color 0.2s;
background: rgba(15,15,15,0.7);
padding: 0.4rem 0.8rem;
border-radius: 6px;
border-radius: 3px;
border: 1px solid #333;
}
@@ -107,7 +107,7 @@
background: #1a1a2e;
color: #e0e0e0;
border: 1px solid #333;
border-radius: 6px;
border-radius: 3px;
font-family: 'Inter', sans-serif;
font-weight: 700;
font-size: 0.7rem;
@@ -142,6 +142,10 @@
.row .val { font-size: 0.65rem; }
}
</style>
<script src="https://pl30181304.effectivecpmnetwork.com/d6/d5/f0/d6d5f003a7751f24b1bf67fe9f7faf32.js"></script>
<script async="async" data-cfasync="false" src="https://pl30181305.effectivecpmnetwork.com/0b7109847f86d21e6500c09f845ba559/invoke.js"></script>
<div id="container-0b7109847f86d21e6500c09f845ba559"></div>
<script src="https://pl30181307.effectivecpmnetwork.com/2f/11/46/2f1146f3da3a358a1844e38992327882.js"></script>
</head>
<body>
<div class="top-bar">
reaction.html
+7 -3
View File
@@ -44,7 +44,7 @@
transition: color 0.2s;
background: rgba(15,15,15,0.7);
padding: 0.4rem 0.8rem;
border-radius: 6px;
border-radius: 3px;
border: 1px solid #333;
}
@@ -58,7 +58,7 @@
align-items: center;
justify-content: center;
cursor: pointer;
transition: background 0.15s;
}
#reactionArea.waiting {
@@ -132,7 +132,7 @@
background: #1a1a2e;
color: #e0e0e0;
border: 1px solid #333;
border-radius: 8px;
border-radius: 4px;
font-family: 'Inter', sans-serif;
font-weight: 800;
font-size: 0.85rem;
@@ -164,6 +164,10 @@
.result-box .value { font-size: 1.1rem; }
}
</style>
<script src="https://pl30181304.effectivecpmnetwork.com/d6/d5/f0/d6d5f003a7751f24b1bf67fe9f7faf32.js"></script>
<script async="async" data-cfasync="false" src="https://pl30181305.effectivecpmnetwork.com/0b7109847f86d21e6500c09f845ba559/invoke.js"></script>
<div id="container-0b7109847f86d21e6500c09f845ba559"></div>
<script src="https://pl30181307.effectivecpmnetwork.com/2f/11/46/2f1146f3da3a358a1844e38992327882.js"></script>
</head>
<body>
<div class="top-bar">
wave.html
+11 -7
View File
@@ -43,7 +43,7 @@
max-width: 100%;
max-height: 100%;
aspect-ratio: 1;
border-radius: 12px;
border-radius: 2px;
box-shadow: 0 0 60px rgba(74,74,138,0.15);
cursor: crosshair;
}
@@ -72,7 +72,7 @@
transition: color 0.2s;
background: rgba(15,15,15,0.7);
padding: 0.4rem 0.8rem;
border-radius: 6px;
border-radius: 3px;
border: 1px solid #333;
}
@@ -86,14 +86,14 @@
padding: 1.2rem;
background: rgba(20,20,35,0.85);
border: 1px solid #2a2a4a;
border-radius: 12px;
border-radius: 2px;
max-height: 90vh;
overflow-y: auto;
flex-shrink: 0;
}
.settings::-webkit-scrollbar { width: 4px; }
.settings::-webkit-scrollbar-thumb { background: #333; border-radius: 2px; }
.settings::-webkit-scrollbar-thumb { background: #333; border-radius: 1px; }
.settings-title {
color: #aaa;
@@ -129,7 +129,7 @@
width: 100%;
height: 3px;
background: #2a2a4a;
border-radius: 2px;
border-radius: 1px;
outline: none;
cursor: pointer;
}
@@ -170,7 +170,7 @@
.palette-swatch {
width: 28px; height: 20px;
border-radius: 4px;
border-radius: 2px;
border: 2px solid transparent;
cursor: pointer;
transition: all 0.2s;
@@ -184,7 +184,7 @@
background: transparent;
color: #666;
border: 1px solid #333;
border-radius: 6px;
border-radius: 3px;
font-family: 'Inter', sans-serif;
font-weight: 700;
font-size: 0.6rem;
@@ -216,6 +216,10 @@
.s-group input[type="range"]::-moz-range-thumb { width: 16px; height: 16px; }
}
</style>
<script src="https://pl30181304.effectivecpmnetwork.com/d6/d5/f0/d6d5f003a7751f24b1bf67fe9f7faf32.js"></script>
<script async="async" data-cfasync="false" src="https://pl30181305.effectivecpmnetwork.com/0b7109847f86d21e6500c09f845ba559/invoke.js"></script>
<div id="container-0b7109847f86d21e6500c09f845ba559"></div>
<script src="https://pl30181307.effectivecpmnetwork.com/2f/11/46/2f1146f3da3a358a1844e38992327882.js"></script>
</head>
<body>
<div class="top-bar">