yourusername

journal

welcome to my brain. use the guestbook to say hi ★ remember to drink water ★ be kind to your future self.

08/05/2025 • entry #001 • feeling: crushed (but cute)

first post on the new layout! i wanted something sugary and a little messy. today i read in the park, drank iced tea, and decided to stop pretending i like tanning beds. anyway, enjoy the chaos.

08/06/2025 • entry #002 • song of the day: digital love

thinking about old internet rituals: changing your status to “away” just to look mysterious, learning css at 2am, and writing like five people might read it. maybe that’s all i need.

.pfp{ width:100%; aspect-ratio:1; border-radius:12px; border:2px dashed #fff; background:#fff url('https://i.imgur.com/8w0Jm9b.gif') center/cover no-repeat; } .title{ color:#1c1c1c; } .title h1{ margin:0; font-family: 'VT323', monospace; font-size: 48px; letter-spacing:1px; text-shadow: 0 2px 0 #fff; } .title .sub{ font-size:13px; opacity:.9 } .now-playing{ background: var(--card); border:2px solid var(--border); border-radius:12px; padding:8px; font-size:13px; } nav{ grid-column: 1 / -1; background: var(--card); border: 2px solid var(--border); border-radius: 12px; padding: 6px 10px; margin-top: 8px; } .blinkies{ display:flex; gap:8px; flex-wrap:wrap; align-items:center; } .blinkies img{ height:25px; image-rendering: pixelated; } .col{ background: var(--card); border: 2px solid var(--border); border-radius: 12px; box-shadow: 0 4px 0 var(--shadow); } .col header{ background: linear-gradient(90deg,var(--mint),var(--pink)); border-bottom: 2px solid var(--border); padding:8px 10px; box-shadow:none; border:0; border-radius: 10px 10px 0 0; } .col header h3{ margin:0; font-family:'Press Start 2P', system-ui, monospace; font-size: 12px; text-transform: lowercase; } .col .inner{ padding: 12px; } /* Links */ a{ color: var(--hotpink); text-decoration: underline; text-decoration-style: wavy; } a:hover{ filter: brightness(.9) saturate(1.2); } /* Sidebar Left */ .avatar{ width:100%; border: 3px ridge var(--border); border-radius: 14px; } .badgebar{ display:flex; gap:6px; flex-wrap:wrap; margin-top:8px; } .badgebar img{ height:31px; image-rendering: pixelated; } .status p{ margin:.3em 0; } .pill{ display:inline-block; padding:2px 8px; border-radius:999px; background:var(--babyblue); border:1px solid var(--border); font-size:12px; } /* Main */ .marquee{ background: var(--mint); border:2px solid var(--border); border-radius:10px; padding:4px 6px; margin-bottom:10px; } .post{ background:#fff; border:2px dashed var(--border); border-radius:12px; padding:12px; margin: 12px 0; position:relative; } .post .meta{ font-size:12px; opacity:.8; margin-bottom:6px; } .post .stickers{ position:absolute; right:-6px; top:-10px; transform: rotate(4deg); } /* Right column (draggable widget) */ .widget{ background: var(--card); border: 2px solid var(--border); border-radius: 12px; padding: 10px; position:relative; } /* Draggable */ .draggable{ position:relative; cursor: move; } .drag-handle{ font-size:11px; opacity:.7; margin-bottom:6px; } /* Footer */ footer{ grid-column: 1 / -1; text-align:center; font-size:12px; padding: 16px 0 40px; opacity:.8; } /* Mobile */ @media (max-width: 960px){ .page{ grid-template-columns: 1fr; } .banner{ grid-template-columns: 120px 1fr; } .now-playing{ display:none; } }

daily diary ☆彡