EPHEMERIS | CSS TEMPLATE [REQUEST]
Tokens: 22 permanent · 25 first greeting · budget 47
Creator notes
A CAN WE PRETEND THAT AIRPLANES IN THE NIGHT SKY ARE LIKE SHOOTING STARS
EPHEMERIS
A NIGHT-SKY JANITORAI PROFILE TEMPLATE | BIO CODE BY @MONIE_
✦ HOW TO USE THIS GUIDE ✦
1 · Copy EVERYTHING | GOLD | (GOOGLE DOCS)
2 · Edit it with Find (Ctrl/Cmd + F). Search the class names in this guide, like nx-title.
3 · Select all, copy, and paste into your JanitorAI About Me box. Save, refresh, check your phone.
✦ No blank lines. For a new line type
.
✦ Direct image links only. Must end in .png / .jpg / .gif. Leave unused pictures as src="" and they hide themselves.
✦ Only change words inside "quotes" or between > and <. Never delete quote marks, < >, { } or class=.
✦ No comments or * ~ characters in the
Description
A CAN WE PRETEND THAT AIRPLANES IN THE NIGHT SKY ARE LIKE SHOOTING STARS
──────── ✦ ──────── EPHEMERIS A NIGHT-SKY JANITORAI PROFILE TEMPLATE | BIO CODE BY @MONIE_
✦ HOW TO USE THIS GUIDE ✦ 01 / BEFORE YOU START
QUICK START 1 · Copy EVERYTHING | GOLD | (GOOGLE DOCS) 2 · Edit it with Find (Ctrl/Cmd + F). Search the class names in this guide, like nx-title. 3 · Select all, copy, and paste into your JanitorAI About Me box. Save, refresh, check your phone. ──────── ✦ ──────── 02 / SO NOTHING BREAKS
THE 5 RULES
✦ No blank lines. For a new line type
.
✦ Direct image links only. Must end in .png / .jpg / .gif. Leave unused pictures as src="" and they hide themselves.
✦ Only change words inside "quotes" or between > and <. Never delete quote marks, < >, { } or class=.
✦ No comments or * ~ characters in the
03 / SEARCH → CHANGE
I WANT TO CHANGE... my name → nx-title the welcome line → nx-kicker my character picture → nx-sona my moon picture → nx-moon-pic ticker text (edit both copies) → nx-ticker-set About Me boxes → nx-acc About Me pictures (3) → nx-portrait Rules / FAQ → nx-rf · nx-rule my links → nx-fl friends → nx-friend gallery (edit both groups) → nx-gi series → nx-cover banners → nx-banner music player → nx-mp-trk fairy lights → nx-fairy · nx-fairyb page pet → nx-pet the credit → nx-credit ──────── ✦ ──────── 04 / EVERY PANEL
THE SECTIONS ABOUT ME
Three pictures in the arched frame, one per box. Each box is a
, text in . Keep all three boxes. Copy a whole block to add one.
✦ RULES & FAQ — two picture cards; hover slides, tap opens the list. Rules are nx-rule (title in , reason in ). FAQ questions are
.
✦ FIND ME — one nx-fl row per link: symbol in , name in , line in , link in href.
✦ FRIENDS — one nx-friend row each (name, line, picture, link). Four fit; more scroll.
✦ GALLERY — side-scrolling strip. There are TWO identical groups (nx-gset): change every picture in BOTH.
✦ SERIES — each series is ONE ... block. Copy a whole block to add one; never paste inside a block.
✦ ABOUT · RULES · LINKS · FRIENDS · GALLERY · SERIES ✦
· · · ✦ · · ·
05 / LITTLE EXTRAS
MUSIC PLAYER
Frosted-glass bar along the bottom of the hero. Rewind and forward switch between 3 tracks (disc picture, title, artist and link all change). Play opens that track's link.
Find nx-mp-trk → three blocks. Change nx-mp-song, nx-mp-artist, the [image] and the nx-mp-btn href.
YouTube autoplay link: https://www.youtube.com/watch?v=VIDEO_ID&list=PLAYLIST_ID&autoplay=1
Spotify opens the playlist but cannot be forced to autoplay.
05B / STAR GARLANDS
FAIRY LIGHTS
Two layered garlands of twinkling stars hang from the bottom of the site's top bar, with dangling stars that sway. They stay in place while you scroll and never block clicks. The first is nx-fairy (7 even swags), the busier one on top is nx-fairyb (11 uneven swags).
Move them up or down → change top:56px in both rules (same number). Phones use top:44px in the @media (max-width:720px) line near the end of the CSS.
Remove one → delete its
block at the very top of the code. Delete the matching CSS only if you want the code tidy.
06 / THE MOON
MOON
Put a transparent PNG in nx-moon-pic. It cycles for 60 seconds: shadow slides off, picture flips, shadow slides back. Change 60s in the four moon rules (keep them equal); -12s is the start point. If it sits off-center change inset:-19% in .nx-moon-pic.
07 / PALETTE
COLORS & FONTS
Colors are written out in every rule, so Find & Replace recolors everything.
#d9dce6 silver #b9a6d6 purple accent #5b5b66 grey borders #ececf0 body text
Gold version: use the Gold Template, or replace #d9dce6 → #efddba and #b9a6d6 → #dfc277 (the full table is in the .txt Read Me).
Fonts: only the site's built-in fonts work (no @import). Swap a name with Find & Replace, you can find a list of accepted fonts HERE.
──────── ✦ ────────
08 / WHEN SOMETHING LOOKS WRONG
TROUBLESHOOTING
♡ Page looks unstyled — a * ~ or /* */ got into
CREDIT RULES
✔ Free to use and edit on your own profile. You may remove the credit line.
✦ ✦ ✦
EPHEMERIS · QUESTIONS? MESSAGE ME!
MUSIC PLAYER Frosted-glass bar along the bottom of the hero. Rewind and forward switch between 3 tracks (disc picture, title, artist and link all change). Play opens that track's link. Find nx-mp-trk → three blocks. Change nx-mp-song, nx-mp-artist, the [image] and the nx-mp-btn href. YouTube autoplay link: https://www.youtube.com/watch?v=VIDEO_ID&list=PLAYLIST_ID&autoplay=1 Spotify opens the playlist but cannot be forced to autoplay. 05B / STAR GARLANDS
FAIRY LIGHTS Two layered garlands of twinkling stars hang from the bottom of the site's top bar, with dangling stars that sway. They stay in place while you scroll and never block clicks. The first is nx-fairy (7 even swags), the busier one on top is nx-fairyb (11 uneven swags). Move them up or down → change top:56px in both rules (same number). Phones use top:44px in the @media (max-width:720px) line near the end of the CSS. Remove one → delete its
MOON Put a transparent PNG in nx-moon-pic. It cycles for 60 seconds: shadow slides off, picture flips, shadow slides back. Change 60s in the four moon rules (keep them equal); -12s is the start point. If it sits off-center change inset:-19% in .nx-moon-pic. 07 / PALETTE
COLORS & FONTS Colors are written out in every rule, so Find & Replace recolors everything.
#d9dce6 silver #b9a6d6 purple accent #5b5b66 grey borders #ececf0 body text Gold version: use the Gold Template, or replace #d9dce6 → #efddba and #b9a6d6 → #dfc277 (the full table is in the .txt Read Me). Fonts: only the site's built-in fonts work (no @import). Swap a name with Find & Replace, you can find a list of accepted fonts HERE. ──────── ✦ ──────── 08 / WHEN SOMETHING LOOKS WRONG
TROUBLESHOOTING ♡ Page looks unstyled — a * ~ or /* */ got into
CREDIT RULES ✔ Free to use and edit on your own profile. You may remove the credit line. ✦ ✦ ✦
EPHEMERIS · QUESTIONS? MESSAGE ME!
- Chats
- 4
- Messages
- 4
- Tokens (upstream)
- 17
Created Updated Archived since
Template requested by @Starfly_
created by Ru1nous 2026© on janitorai.com
First message25 tokens
So sad that music players aren't actually possible...
created by Ru1nous 2026© on janitorai.com
2 assets: 2 archived, 0 pending, 0 failed, 0 dead · 0 expression images
1 file
- .jsonotherspec 2.0
21.9 KBfirst seen ce8343d8fbe9b5e4
Opens with the tab.