mortimermf
@mortimermf
89 followers • 82 scenarios
About
<div class="sb-wrap"> <div class="sb-audio-wrap"> <div class="sb-audio-label">side a - profile mixtape</div> <audio controls loop> <source src="https://files.catbox.moe/0bqf25.mp3" type="audio/mpeg"> </audio> </div> <br> <div class="sb-corkboard"> <center> <span class="sb-tape sb-tape-yellow" style="font-size:10px; letter-spacing:3px;">est. profile</span> <br><br> <span class="sb-header-name sb-hand">Mortimer</span> <br> <span class="sb-sub-stamp">he / him - furry rp - writer</span> </center> <br><br> <div class="sb-paper" style="padding:18px 20px; transform:rotate(-1deg);"> <span class="sb-tape sb-tape-mint" style="position:absolute; top:-14px; left:24px; font-size:10px;">note to self</span> <div style="padding-top:6px; font-size:14px; line-height:1.6;"> <span class="sb-hand" style="font-size:17px; color:#ff5a1f;">Hey. Welcome.</span><br> I'm Mortimer — I RP at my own pace, no rush, no pressure. I've got my worlds, my characters, my style. If that sounds good to you, we'll probably get along just fine. </div> </div> <br><br> <div class="sb-section-label">field notes / about me</div> <div class="sb-paper" style="padding:16px 20px; font-size:13.5px; line-height:1.75;"> I write with <b style="color:#ff5a1f;">balance</b> — not a one-liner, not a wall of text per message. I like RP that <i>breathes</i>, stories that grow without being forced. My focus is almost always <b style="color:#ff5a1f;">fluff and adventure</b> — the kind that feels small at first, but sticks with you. <br><br> I work almost exclusively with <b style="color:#ff5a1f;">male bots</b> and carry my own universes across scenarios. If you spot the name <b style="color:#ff5a1f;">Luke</b> anywhere — that's my main OC. A meerkat. Scrappy, quick, and surprisingly hard to ignore. </div> <br> <div class="sb-divider-tape"></div> <br> <div class="sb-section-label">my universes</div> <table width="100%" cellspacing="0" cellpadding="0"><tr valign="top"> <td width="33%" style="padding-right:10px;"> <div class="sb-polaroid" style="transform:rotate(-2.5deg);"> <div class="sb-polaroid-photo" style="background-color:#c9d8e6;">🏙</div> <div class="sb-polaroid-cap">Halcyon City</div> <div style="text-align:center; font-size:9px; letter-spacing:1px; text-transform:uppercase; color:#6b5638;">urban fantasy</div> </div> </td> <td width="33%" style="padding:0 5px;"> <div class="sb-polaroid" style="transform:rotate(1.5deg);"> <div class="sb-polaroid-photo" style="background-color:#cfe0c4;">🌿</div> <div class="sb-polaroid-cap">Elarion</div> <div style="text-align:center; font-size:9px; letter-spacing:1px; text-transform:uppercase; color:#6b5638;">fantasy</div> </div> </td> <td width="33%" style="padding-left:10px;"> <div class="sb-polaroid" style="transform:rotate(-1.5deg);"> <div class="sb-polaroid-photo" style="background-color:#dcd3e8;">🛸</div> <div class="sb-polaroid-cap">Station 213</div> <div style="text-align:center; font-size:9px; letter-spacing:1px; text-transform:uppercase; color:#6b5638;">sci-fi</div> </div> </td> </tr></table> <br> <div style="font-size:11.5px; color:#5c5140; text-align:center; line-height:1.6;"> Halcyon City: humans, anthros, demons and synths share the same chaotic coastline. - Elarion: classic fantasy where the stakes carry weight. - Station 213: a colossal cylinder colony, sci-fi with social texture. </div> <br> <div class="sb-divider-tape"></div> <br> <div class="sb-section-label">what works for me</div> <center> <span class="sb-patch">fluff & comfort</span> <span class="sb-patch">adventure</span> <span class="sb-patch">worldbuilding</span> <span class="sb-patch">balanced writing</span> <span class="sb-patch">slow burns</span> <span class="sb-patch">character depth</span> </center> <br><br> <div class="sb-section-label" style="background-color:#ff5a1f;">hard limits</div> <center> <span class="sb-hazard">minors in rp</span> <span class="sb-hazard">forced scenarios</span> <span class="sb-hazard">reply pressure</span> <span class="sb-hazard">ghosting after setup</span> <span class="sb-hazard">one-liners only</span> <span class="sb-hazard">ooc drama</span> </center> <br><br> <div class="sb-section-label">main oc</div> <div class="sb-badge-card" style="max-width:420px; margin:0 auto;"> <div style="background-color:#29508c; padding:14px 18px 10px 18px; text-align:center;"> <div class="sb-lanyard-hole"></div> <span class="sb-hand" style="font-size:20px; color:#f2e9d4;">Luke</span> <div class="sb-stamp-font" style="font-size:10px; color:#c9d8e6; letter-spacing:2px; text-transform:uppercase; margin-top:2px;">meerkat - 25 - he/him</div> </div> <div style="padding:16px 18px;"> <div style="font-size:13px; line-height:1.75; color:#3a3126;"> <span style="color:#ff5a1f; font-weight:700;">Scrappy. Quick-witted. Loyal.</span> Stands at 3'8" and makes the world feel enormous — which doesn't slow him down even slightly. Built for speed and climbing, with a meerkat's instinct to always know where the exits are. <br><br> He doesn't ask to be picked up. He <i>climbs people.</i> Oversized hoodies, cargo shorts, a backpack almost as big as he is. His sneakers are spotless. The backpack has snacks, a multitool, and three things you'd never expect to need but somehow always do. </div> <br> <table width="100%" cellspacing="0" cellpadding="0"><tr> <td width="33%"><div class="sb-stat-stub"><div class="sb-stat-label">archetype</div><div class="sb-stat-value">the scout</div></div></td> <td width="4"></td> <td width="33%"><div class="sb-stat-stub"><div class="sb-stat-label">vibe</div><div class="sb-stat-value">streetwear</div></div></td> <td width="4"></td> <td width="33%"><div class="sb-stat-stub"><div class="sb-stat-label">role</div><div class="sb-stat-value">main sona</div></div></td> </tr></table> </div> </div> <br> <div class="sb-divider-tape"></div> <br> <div class="sb-section-label">build your own critter</div> <div class="sb-paper cb-wrap" style="padding:18px 16px; transform:rotate(0.5deg);"> <div class="cb-group-title">fur color (hover to preview)</div> <span class="cb-swatch cb-fur-sand" style="background-color:#d8c9a3;" title="Sand"></span> <span class="cb-swatch cb-fur-slate" style="background-color:#8b95a0;" title="Slate"></span> <span class="cb-swatch cb-fur-rust" style="background-color:#c1613a;" title="Rust"></span> <span class="cb-swatch cb-fur-cream" style="background-color:#efe4c8;" title="Cream"></span> <span class="cb-swatch cb-fur-mint" style="background-color:#a9d1bf;" title="Mint"></span> <div class="cb-group-title">ear shape</div> <span class="cb-pill cb-ear-round">round</span> <span class="cb-pill cb-ear-pointy">pointy</span> <span class="cb-pill cb-ear-tufted">tufted</span> <div class="cb-group-title">coat pattern</div> <span class="cb-pill cb-pat-solid">solid</span> <span class="cb-pill cb-pat-spots">spots</span> <span class="cb-pill cb-pat-stripes">stripes</span> <div class="cb-group-title">accessory</div> <span class="cb-pill cb-acc-none">none</span> <span class="cb-pill cb-acc-bandana">bandana</span> <span class="cb-pill cb-acc-glasses">shades</span> <span class="cb-pill cb-acc-collar">collar</span> <div class="cb-stage"> <div class="cb-ears-row"> <div class="cb-shape cb-ear"></div> <div class="cb-shape cb-ear"></div> </div> <div class="cb-shape cb-head"> <div class="cb-brow-row"> <div class="cb-brow cb-brow-l"></div> <div class="cb-brow cb-brow-r"></div> </div> <div class="cb-eyes-row"> <div class="cb-eye"></div> <div class="cb-eye"></div> </div> <div class="cb-glasses"></div> <div class="cb-face-mid"> <div class="cb-whisker-set"> <div class="cb-whisker cb-whisker-l"></div> <div class="cb-whisker cb-whisker-l"></div> <div class="cb-whisker cb-whisker-l"></div> </div> <div class="cb-cheek"></div> <div class="cb-snout"> <div class="cb-nose"></div> <div class="cb-mouth"></div> </div> <div class="cb-cheek"></div> <div class="cb-whisker-set"> <div class="cb-whisker cb-whisker-r"></div> <div class="cb-whisker cb-whisker-r"></div> <div class="cb-whisker cb-whisker-r"></div> </div> </div> </div> <div class="cb-neck-row"> <div class="cb-collar"></div> <div class="cb-bandana"></div> </div> <div class="cb-lower-row"> <div class="cb-shape cb-tail"></div> <div class="cb-shape cb-body"></div> </div> </div> <div style="text-align:center; font-size:10.5px; color:#6b5638; margin-top:6px;">hover over the swatches to preview — pure css, no js or forms needed</div> </div> <br> <div class="sb-divider-tape"></div> <br> <center> <div class="sb-paper" style="display:inline-block; padding:14px 30px; transform:rotate(1deg);"> <span class="sb-hand" style="font-size:15px; color:#29508c;">say hi before we start — no formalities needed.</span> </div> </center> </div> </div> <style> @keyframes sb-tape-wiggle { 0%, 100% { transform: rotate(var(--r, -3deg)); } 50% { transform: rotate(calc(var(--r, -3deg) * 0.6)); } } @keyframes sb-stamp-in { 0% { transform: scale(1.3) rotate(-18deg); opacity: 0; } 60% { transform: scale(0.95) rotate(-8deg); opacity: 1; } 100% { transform: scale(1) rotate(-8deg); opacity: 1; } } @keyframes sb-marker-pulse { 0%, 100% { text-shadow: 1px 1px 0 rgba(38,32,25,0.15); } 50% { text-shadow: 2px 2px 0 rgba(255,90,31,0.35); } } .sb-wrap { font-family: 'Trebuchet MS', 'Verdana', Helvetica, Arial, sans-serif; color:#3a3126; } .sb-hand { font-family: 'Segoe Print', 'Bradley Hand', 'Chalkboard SE', 'Comic Sans MS', cursive; } .sb-stamp-font { font-family: 'Courier New', Courier, monospace; } .sb-corkboard { background-color:#d8c9a3; background-image: radial-gradient(rgba(90,70,40,0.10) 1px, transparent 1.5px), radial-gradient(rgba(90,70,40,0.07) 1px, transparent 1.5px); background-size: 14px 14px, 22px 22px; background-position: 0 0, 7px 11px; border:2px solid #6b5638; border-radius:4px; padding:26px 22px; } .sb-tape { position:relative; display:inline-block; padding:4px 22px; background: linear-gradient(180deg, rgba(255,255,255,0.35), rgba(255,255,255,0.08)); border-left:1px dashed rgba(38,32,25,0.25); border-right:1px dashed rgba(38,32,25,0.25); box-shadow: 0 2px 3px rgba(38,32,25,0.25); animation: sb-tape-wiggle 6s ease-in-out infinite; } .sb-tape-mint { background-color: rgba(169,209,191,0.75); --r:-3deg; transform:rotate(-3deg); } .sb-tape-yellow{ background-color: rgba(238,200,76,0.75); --r:2.5deg; transform:rotate(2.5deg); } .sb-tape-pink { background-color: rgba(226,160,174,0.75); --r:-2deg; transform:rotate(-2deg); } .sb-paper { background-color:#f2e9d4; border-radius:2px; position:relative; box-shadow: 0 3px 0 rgba(38,32,25,0.08), 0 6px 14px rgba(38,32,25,0.18); border:1px solid rgba(38,32,25,0.15); } .sb-paper::before { content:""; position:absolute; inset:0; border-radius:2px; pointer-events:none; background-image: repeating-linear-gradient(transparent, transparent 27px, rgba(41,80,140,0.05) 28px); } .sb-header-name { font-size:34px; letter-spacing:1px; color:#262019; animation: sb-marker-pulse 3.2s ease-in-out infinite; transform: rotate(-2deg); display:inline-block; } .sb-sub-stamp { display:inline-block; font-size:11px; letter-spacing:2px; text-transform:uppercase; color:#f2e9d4; background-color:#ff5a1f; padding:4px 12px; border-radius:2px; transform: rotate(-8deg); box-shadow:0 2px 4px rgba(38,32,25,0.3); animation: sb-stamp-in 0.6s ease-out; } .sb-section-label { font-size:12px; letter-spacing:2px; text-transform:uppercase; color:#f2e9d4; background-color:#29508c; display:inline-block; padding:5px 14px; margin-bottom:14px; transform: rotate(-1.2deg); box-shadow:2px 2px 0 rgba(38,32,25,0.25); } .sb-polaroid { background-color:#fbf6ea; padding:10px 10px 32px 10px; border-radius:2px; box-shadow: 0 4px 10px rgba(38,32,25,0.28); border:1px solid rgba(38,32,25,0.12); position:relative; transition: transform 0.25s ease, box-shadow 0.25s ease; } .sb-polaroid:hover { transform: translateY(-4px) rotate(0deg) !important; box-shadow:0 8px 18px rgba(38,32,25,0.32); } .sb-polaroid-photo { height:74px; border-radius:1px; display:flex; align-items:center; justify-content:center; font-size:30px; } .sb-polaroid-cap { font-family:'Segoe Print','Bradley Hand',cursive; font-size:15px; color:#262019; text-align:center; margin-top:8px; } .sb-patch { display:inline-block; border:2px dashed #6b5638; border-radius:8px; padding:8px 16px; margin:4px; font-size:12px; letter-spacing:1px; color:#3a3126; background-color:#efe4c8; transition: all 0.25s ease; } .sb-patch:hover { border-color:#ff5a1f; color:#ff5a1f; background-color:#fff8ec; transform:translateY(-2px) rotate(-1deg); } .sb-hazard { display:inline-block; border-radius:3px; padding:8px 16px; margin:4px; font-size:12px; letter-spacing:1px; color:#f2e9d4; background-image: repeating-linear-gradient(45deg, #262019, #262019 8px, #ff5a1f 8px, #ff5a1f 16px); text-shadow: 1px 1px 2px rgba(0,0,0,0.6); } .sb-badge-card { background-color:#fbf6ea; border-radius:10px; border:1px solid rgba(38,32,25,0.15); box-shadow:0 6px 16px rgba(38,32,25,0.25); overflow:hidden; position:relative; } .sb-lanyard-hole { width:16px; height:16px; border-radius:50%; background-color:#d8c9a3; border:2px solid #6b5638; margin:0 auto 6px auto; } .sb-stat-stub { background-color:#efe4c8; border:1px dashed #6b5638; border-radius:6px; padding:8px 6px; text-align:center; } .sb-stat-label { font-size:9px; letter-spacing:1.5px; text-transform:uppercase; color:#6b5638; } .sb-stat-value { font-family:'Courier New',monospace; font-size:12px; color:#262019; margin-top:3px; } .sb-divider-tape { height:14px; background-color:rgba(238,200,76,0.55); width:80%; margin:0 auto; border-left:1px dashed rgba(38,32,25,0.25); border-right:1px dashed rgba(38,32,25,0.25); box-shadow:0 2px 3px rgba(38,32,25,0.2); transform:rotate(-1deg); } .sb-audio-wrap { background-color:#262019; border:2px solid #6b5638; border-radius:8px; padding:14px 16px; text-align:center; } .sb-audio-label { font-family:'Courier New',monospace; font-size:10px; color:#eec84c; letter-spacing:3px; text-transform:uppercase; margin-bottom:10px; } audio { width:100%; border-radius:6px; accent-color:#ff5a1f; } .cb-wrap { display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start; gap:8px 6px; } .cb-group-title { flex-basis:100%; font-family:'Courier New',monospace; font-size:9px; letter-spacing:1.5px; text-transform:uppercase; color:#6b5638; text-align:center; margin-top:6px; } .cb-swatch { display:inline-block; width:22px; height:22px; border-radius:50%; border:2px solid rgba(38,32,25,0.35); cursor:pointer; transition: all 0.2s ease; } .cb-swatch:hover { box-shadow: 0 0 0 3px #ff5a1f; transform:scale(1.15); border-color:#262019; } .cb-pill { display:inline-block; font-size:11px; padding:6px 10px; border-radius:6px; border:1px dashed #6b5638; background-color:#f2e9d4; cursor:pointer; transition: all 0.2s ease; color:#3a3126; } .cb-pill:hover { background-color:#ff5a1f; color:#f2e9d4; border-style:solid; border-color:#262019; } .cb-stage { order:-1; flex-basis:100%; display:flex; flex-direction:column; align-items:center; width:200px; margin:4px auto 14px auto; } .cb-shape { background-color:#d8c9a3; flex-shrink:0; } .cb-ears-row { display:flex; justify-content:center; gap:26px; margin-bottom:-14px; } .cb-ear { width:32px; height:32px; border-radius:50%; } .cb-head { width:96px; height:92px; border-radius:50%; box-sizing:border-box; display:flex; flex-direction:column; align-items:center; padding-top:15px; gap:4px; } .cb-brow-row { display:flex; gap:24px; } .cb-brow { width:11px; height:3px; border-radius:2px; background-color:#262019; flex-shrink:0; } .cb-brow-l { transform:rotate(-10deg); } .cb-brow-r { transform:rotate(10deg); } .cb-eyes-row { display:flex; gap:24px; } .cb-eye { width:8px; height:8px; border-radius:50%; background-color:#262019; flex-shrink:0; } .cb-glasses { width:64px; height:12px; border-radius:6px; background-color:#262019; margin-top:-13px; display:none; flex-shrink:0; } .cb-face-mid { display:flex; align-items:center; gap:5px; margin-top:4px; } .cb-whisker-set { display:flex; flex-direction:column; gap:2px; } .cb-whisker { width:14px; height:1.5px; background-color:rgba(38,32,25,0.45); flex-shrink:0; } .cb-whisker-l { transform:rotate(8deg); } .cb-whisker-r { transform:rotate(-8deg); } .cb-cheek { width:9px; height:7px; border-radius:50%; background-color:rgba(255,90,31,0.4); flex-shrink:0; } .cb-snout { width:40px; height:30px; border-radius:50%; box-sizing:border-box; background-color:#fbf6ea; display:flex; flex-direction:column; align-items:center; padding-top:13px; flex-shrink:0; } .cb-nose { width:8px; height:6px; border-radius:50% 50% 40% 40%; background-color:#262019; } .cb-mouth { width:14px; height:6px; border:2px solid transparent; border-bottom:2px solid #262019; border-radius:0 0 50% 50%; margin-top:3px; } .cb-neck-row { display:flex; flex-direction:column; align-items:center; } .cb-collar { width:64px; height:12px; border-radius:6px; background-color:#29508c; margin-top:-2px; display:none; } .cb-bandana { width:70px; height:16px; background-color:#ff5a1f; clip-path: polygon(0 0, 100% 0, 50% 100%); margin-top:-6px; display:none; } .cb-lower-row { display:flex; align-items:flex-end; justify-content:center; margin-top:-4px; } .cb-tail { width:60px; height:22px; border-radius:50%; transform:rotate(-25deg); margin-right:-20px; } .cb-body { width:116px; height:94px; border-radius:50%; } .cb-fur-sand:hover ~ .cb-stage .cb-shape { background-color:#d8c9a3; } .cb-fur-slate:hover ~ .cb-stage .cb-shape { background-color:#8b95a0; } .cb-fur-rust:hover ~ .cb-stage .cb-shape { background-color:#c1613a; } .cb-fur-cream:hover ~ .cb-stage .cb-shape { background-color:#efe4c8; } .cb-fur-mint:hover ~ .cb-stage .cb-shape { background-color:#a9d1bf; } .cb-ear-round:hover ~ .cb-stage .cb-ear { border-radius:50%; clip-path:none; } .cb-ear-pointy:hover ~ .cb-stage .cb-ear { border-radius:0 50% 0 50%; clip-path: polygon(50% 0%, 0% 100%, 100% 100%); } .cb-ear-tufted:hover ~ .cb-stage .cb-ear { border-radius:50% 50% 15% 15%; clip-path:none; } .cb-pat-solid:hover ~ .cb-stage .cb-body { background-image:none; } .cb-pat-spots:hover ~ .cb-stage .cb-body { background-image: radial-gradient(circle, rgba(38,32,25,0.35) 3px, transparent 4px); background-size:16px 16px; } .cb-pat-stripes:hover ~ .cb-stage .cb-body { background-image: repeating-linear-gradient(45deg, rgba(38,32,25,0.28) 0 4px, transparent 4px 11px); } .cb-acc-bandana:hover ~ .cb-stage .cb-bandana { display:block; } .cb-acc-glasses:hover ~ .cb-stage .cb-glasses { display:block; } .cb-acc-collar:hover ~ .cb-stage .cb-collar { display:block; } </style>