ceres/ceres.rip
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
sky
2025-06-22 11:23:57 -04:00
commit 33008a105c
8 changed files with 323 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
ethereal/preview.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 51 KiB

35
index.html Normal file
View File

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ceres.rip</title>
<script src="index.js"></script>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1 class="main">ceres.rip</h1>
<p>dedicated to making your online experience better by providing high quality services.</p>
<h2 class="main">main projects</h2>
<cards>
<card class="selenite">
<img src="selenite/preview.webp">
<h3 class="text">selenite</h3>
<p class="text">an unblocked games site with over 400 games.</p>
<div class="buttons">
<a href="https://selenite.cc" class="button purple">try now</a>
<a href="https://git.ceres.rip/selenite" class="button light-purple">view source</a>
</div>
</card>
<card class="ethereal">
<img src="ethereal/preview.webp">
<h3 class="text">ethereal</h3>
<p class="text">an eaglercraft server with survival, a oneblock inspired gamemode, and duels.</p>
<div class="buttons">
<a href="https://ethereal.mov" class="button blue">try now</a>
</div>
</card>
</cards>
</body>
</html>

14
index.js Normal file
View File

@ -0,0 +1,14 @@
function loadPJS() {
let div = document.createElement("div");
div.id = "particles-js";
document.body.appendChild(div);
let script = document.createElement("script");
script.src = "https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js";
document.head.appendChild(script);
script.addEventListener("load", ()=>{
particlesJS.load('particles-js', "particlesjs-config.json", ()=>{});
});
}
document.addEventListener("DOMContentLoaded", ()=>{
loadPJS();
})

110
particlesjs-config.json Normal file
View File

@ -0,0 +1,110 @@
{
"particles": {
"number": {
"value": 38,
"density": {
"enable": true,
"value_area": 2000
}
},
"color": {
"value": "#de913a"
},
"shape": {
"type": "image",
"stroke": {
"width": 0,
"color": "#000000"
},
"polygon": {
"nb_sides": 5
},
"image": {
"src": "star.png",
"width": 100,
"height": 100
}
},
"opacity": {
"value": 0.2,
"random": false,
"anim": {
"enable": false,
"speed": 1.2,
"opacity_min": 0.1,
"sync": false
}
},
"size": {
"value": 15.783201938177186,
"random": true,
"anim": {
"enable": false,
"speed": 40,
"size_min": 0.1,
"sync": false
}
},
"line_linked": {
"enable": false,
"distance": 150,
"color": "#ffffff",
"opacity": 0.4,
"width": 1
},
"move": {
"enable": true,
"speed": 1,
"direction": "none",
"random": true,
"straight": false,
"out_mode": "out",
"bounce": false,
"attract": {
"enable": false,
"rotateX": 600,
"rotateY": 1200
}
}
},
"interactivity": {
"detect_on": "window",
"events": {
"onhover": {
"enable": false,
"mode": "grab"
},
"onclick": {
"enable": true,
"mode": "push"
},
"resize": true
},
"modes": {
"grab": {
"distance": 400,
"line_linked": {
"opacity": 1
}
},
"bubble": {
"distance": 400,
"size": 40,
"duration": 2,
"opacity": 8,
"speed": 3
},
"repulse": {
"distance": 200,
"duration": 0.4
},
"push": {
"particles_nb": 2
},
"remove": {
"particles_nb": 2
}
}
},
"retina_detect": true
}

BIN
selenite/preview.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 35 KiB

BIN
star.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

54
star.svg Normal file
View File

@ -0,0 +1,54 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
version="1.1"
id="svg1"
xml:space="preserve"
width="45.508587"
height="45.508587"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><defs
id="defs1"><filter
inkscape:collect="always"
style="color-interpolation-filters:sRGB"
id="filter30-8"
x="-0.11852661"
y="-0.11852661"
width="1.2370532"
height="1.2370532"><feGaussianBlur
inkscape:collect="always"
stdDeviation="0.48069771"
id="feGaussianBlur30-7" /></filter></defs><sodipodi:namedview
id="namedview1"
pagecolor="#505050"
bordercolor="#eeeeee"
borderopacity="1"
inkscape:showpageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#505050" /><inkscape:clipboard
style="font-variation-settings:normal;opacity:0.650818;vector-effect:none;fill:#f0b892;fill-opacity:1;stroke-width:0.99999874;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;filter:url(#filter30-8);stop-color:#000000;stop-opacity:1"
min="129.73316,14.536725"
max="175.24175,60.04531"
geom-min="134.09351,18.89707"
geom-max="170.88141,55.684968" /><g
id="g30"
transform="matrix(3.7795276,0,0,3.7795276,-129.73317,-14.536725)"><path
sodipodi:type="star"
style="opacity:0.650818;fill:#f0b892;fill-opacity:1;stroke-width:0.264583;filter:url(#filter30-8)"
id="path30-2"
inkscape:flatsided="false"
sodipodi:sides="4"
sodipodi:cx="9.3513851"
sodipodi:cy="12.717884"
sodipodi:r1="4.9199309"
sodipodi:r2="1.8695737"
sodipodi:arg1="1.7234457"
sodipodi:arg2="2.5088438"
inkscape:rounded="0.22"
inkscape:randomized="0"
d="M 8.6032741,17.580605 C 7.7697927,17.452377 8.342441,14.503513 7.8437516,13.823482 7.345062,13.143451 4.3604368,12.803254 4.4886647,11.969773 4.6168926,11.136292 7.5657559,11.70894 8.2457871,11.210251 8.9258184,10.711561 9.2660147,7.7269357 10.099496,7.8551636 c 0.833482,0.1282279 0.260833,3.0770914 0.759523,3.7571224 0.498689,0.680031 3.483314,1.020228 3.355087,1.853709 -0.128228,0.833482 -3.077092,0.260833 -3.757123,0.759523 -0.6800311,0.498689 -1.0202275,3.483314 -1.8537089,3.355087 z"
transform="translate(30.994255,-2.851302)" /></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

110
style.css Normal file
View File

@ -0,0 +1,110 @@
@import url("https://fonts.googleapis.com/css2?family=Anta&display=swap");
* {
margin: 0;
padding: 0;
font-family: "Anta", sans-serif;
user-select: none;
}
html,body {
width: 100vw;
height: 100vh;
}
html {
background-color: #0f0f0f;
}
body {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
color: white;
}
#particles-js {
width: 100vw;
height: 100vh;
position: absolute;
z-index: -100000;
border: none;
overflow-y: hidden;
top: 0;
}
.main {
color: #f0b892;
}
h1 {
font-size: 64px;
margin: 8px;
}
h2 {
font-size: 36px;
margin: 8px;
}
p {
font-size: 20px;
}
cards {
width: 100vw;
display: flex;
justify-content: center;
align-items: center;
}
card {
backdrop-filter: blur(4px);
width: 30%;
border-radius: 8px;
margin: 16px;
}
card img {
width: 100%;
mask-image: linear-gradient(0deg,rgba(0,0,0, 0) 0%, rgba(0,0,0, 1) 30%);
border-radius: 8px;
height: 200px;
object-fit: cover;
}
.text {
margin: 8px;
}
p.text {
font-size: 16px;
height: 48px;
}
a {
color: white;
text-decoration: none;
}
.buttons {
display: flex;
width: auto;
}
.button {
padding: 8px;
margin: 4px;
align-items: center;
transition-duration: 0.5s;
border-radius: 8px;
backdrop-filter: blur(4px);
flex: 1;
text-align: center;
}
.button:hover {
transform: scale(1.03);
filter:brightness(1.1);
}
.selenite {
background-color: #5A189A66;
filter: drop-shadow(0px 0px 6px #5A189A66);
}
.ethereal {
background-color: #0096C766;
filter: drop-shadow(0px 0px 6px #0096C766);
}
.purple {
background-color: #C77DFF44;
}
.light-purple {
background-color: #b06ee360;
}
.blue {
background-color: #00B4D866;
}