commit 33008a105cbf138f7c1d01e44efddc3a606b8ed7 Author: sky Date: Sun Jun 22 11:23:57 2025 -0400 first commit diff --git a/ethereal/preview.webp b/ethereal/preview.webp new file mode 100644 index 0000000..d5aaf55 Binary files /dev/null and b/ethereal/preview.webp differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..8c61092 --- /dev/null +++ b/index.html @@ -0,0 +1,35 @@ + + + + + + ceres.rip + + + + +

ceres.rip

+

dedicated to making your online experience better by providing high quality services.

+

main projects

+ + + +

selenite

+

an unblocked games site with over 400 games.

+
+ try now + view source +
+ + + +

ethereal

+

an eaglercraft server with survival, a oneblock inspired gamemode, and duels.

+
+ try now +
+ + + + + \ No newline at end of file diff --git a/index.js b/index.js new file mode 100644 index 0000000..45e74bd --- /dev/null +++ b/index.js @@ -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(); +}) \ No newline at end of file diff --git a/particlesjs-config.json b/particlesjs-config.json new file mode 100644 index 0000000..5d39734 --- /dev/null +++ b/particlesjs-config.json @@ -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 +} \ No newline at end of file diff --git a/selenite/preview.webp b/selenite/preview.webp new file mode 100644 index 0000000..af52579 Binary files /dev/null and b/selenite/preview.webp differ diff --git a/star.png b/star.png new file mode 100644 index 0000000..99e4557 Binary files /dev/null and b/star.png differ diff --git a/star.svg b/star.svg new file mode 100644 index 0000000..2cdb1b4 --- /dev/null +++ b/star.svg @@ -0,0 +1,54 @@ + + + + diff --git a/style.css b/style.css new file mode 100644 index 0000000..a23c541 --- /dev/null +++ b/style.css @@ -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; +} \ No newline at end of file