Nyctophilia; a coding thread (new/old coders are encouraged to join!)

@48lexR if you want to further see the world of my conlang.

3 Likes
raw code
<span style="font-size: 15px; display: flex; height: 550px; width: 300px; font-family: courier new ; background-color: #000000; margin: auto; padding: 40px 10px 40px 10px; flex-direction: column; color: #ffffff; text-transform:">
<span style="font-size: 15px; display: inline-block; height: 375px; width: 240px; background-color: black; background-image: url(https://i.pinimg.com/originals/e9/6e/94/e96e94691ad46170bd409825e8513027.jpg); background-size: 250px; background-position: center; margin: auto; border: 1px solid white">
</span>
<br>
<span style="font-size: 11px; display: inline-block; height: 160px; width: 220px; padding: 4px 10px; margin: auto; border: 1px solid white; overflow: auto; text-align: center ">

<b>[size=3][ • HAŽÉNŪLÌ • ][/size]</b>
l.o.e: Noi'jlaan-di-Téz'a'fel<br>
**[adj.]**
**/ɦa·tzæ·ny·li/**
A body (tzō) in need of a soul (qō).
<br><b>[u]Purpose:[/u]</b>
Used by the caretakers of Téz'a'fel to refer to their creations before the completion of the *hae-di-ga’a*, or reincarnation process.<br>
<span style="font-size: 11px; display: inline-block; height: 22px; width: 90%; padding-top: 6px; margin: auto; border: 1px solid white; overflow: auto; text-align: center; vertical-align: center"><i>♢ coded by an angel ♢</i>
</span></span>
</span>
2 Likes

coding on this site honestly feels like hell sometimes. i coded this, and this is a screenshot of what it’s SUPPOSED to look like. it looks like this in the fullscreen composer, but once you exit it/post it gets all hecked up im gonna scream

and here's the hecked, posted version

naomilink onelink two

korralistic
status: online
pronouns: she/her
name: jade/jay

⧗ 42 seconds ago ☖ 2 notes:heart:
딩가딩가할래 (ayy), 친구들 모아 (ooh), 한잔 할래
Drink like a, like a, like a fish (fish), 딩가딩, 링가링
노는 게 좋아, ayy, 딩가딩가, 딩가딩가
Ice cream 먹으러 갈래? (Yeah; 나나나나나, 딩가딩가)
유유자적해, 여기 방구석에
언제부터인지 사회와의 거리가 꽤나 멀지
이 여름이 다 지났네, 차가운 땀이 나네
밤이나 또 낮이나 제자리만 돌고 돌아 (alright)

like wtf. here’s the raw code if anyone wants to see it, i probably code in the most dumb way possible dont judge me

raw
<span style="font-size:; background-image: linear-gradient(to right, #a5868c, #e8e1db); width: 300px; height: 40px; border-radius: 5px 5px 0px 0px; margin: auto; border: 1px solid #212a2a; box-shadow: 5px 5px #a5868c; display:block;"></span><span style="font-size: 8px; color: #a5868c; background-color: #e8e1db; height: 20px; width: 80px; margin-left: 215px; margin-top: -22px; border: 1px solid #212a2a; border-radius: 3px; text-align: center; text-transform: uppercase; letter-spacing: 2px; display:block;"><span style="font-size:; margin-top: 5px; display:block;"><b><i>naomi</i></b><span style="font-size: 8px; color: #a5868c; background-color: #dcd3d4; height: 20px; width: 80px; margin-left: 97px; margin-top: -17px; border: 1px solid #212a2a; border-radius: 3px; text-align: center; text-transform: uppercase; letter-spacing: 2px; display:block;"><span style="font-size:; margin-top: 5px; display:block;"><a href="https://www.youtube.com/watch?v=ZDRgfI5kNww"><span style="font-size:; color: #a5868c;">link one</a><span style="font-size: 8px; color: #a5868c; background-color: #D2CACB; height: 20px; width: 80px; margin-left: 97px; margin-top: -17px; border: 1px solid #212a2a; border-radius: 3px; text-align: center; text-transform: uppercase; letter-spacing: 2px; display:block;"><span style="font-size:; margin-top: 5px; display:block;"><a href="https://www.youtube.com/watch?v=ZDRgfI5kNww"><span style="font-size:; color: #a5868c;">link two</a></span></span></span></span></span></span>
<span style="font-size:; background-color: #e8e1db; width: 300px; height: 400px; border-radius: 0px 0px 5px 5px; margin: auto; margin-top: -23px; border: 1px solid #212a2a; box-shadow: 5px 5px #a5868c; display:block;"><span style="font-size:; background-color: #e8e1db; width: 80px; height: 10px; margin-top: -1px; margin-left: 12px; display:block;">
<span style="font-size:; background-image: url('https://i.gyazo.com/968c2e0bcb1377cdfca863037535a35c.jpg'); background-size: 90px; height: 90px; width: 90px; border: 1px solid #212a2a; box-shadow: 5px 5px #a5868c; margin-left: 15px; margin-top: 10px; display:block;"></span></span><span style="font-size: 10px; color: #a5868c; text-transform: uppercase; letter-spacing: 1px; line-height: 20px; margin-left: 135px; margin-top: 30px; display:block;"><span style="font-size: 12px;"><b><i>korralistic</b></i></span>
<b>status:</b> online<br><b>pronouns:</b> she/her<br><b>name:</b> jade/jay</span></span>

<span style="font-size:; background-color: #dcd3d4; width: 250px; height: 180px; border-radius: 0px 0px 5px 5px; margin: auto; margin-top: -230px; border: 1px solid #212a2a; box-shadow: 5px 5px #a5868c; display:block;"></span><span style="font-size: 8px; color: #a5868c; text-transform: uppercase; letter-spacing: 2px; background-color: #D2CACB; width: 250px; height: 22px; border-radius: 5px 5px 0px 0px; margin: auto; margin-top: -200px; border: 1px solid #212a2a; display:block;"><span style="font-size:; padding: 10px; margin-top: -3px; display:block;">⧗ 42 seconds ago ☖ 2 notes</span><span style="font-size:; text-align: right; margin-top: -21px; margin-right: 10px; display:block;">↻ ♡</span>
<span style="font-size:; padding: 15px; display:block;">딩가딩가할래 (ayy), 친구들 모아 (ooh), 한잔 할래
Drink like a, like a, like a fish (fish), 딩가딩, 링가링
노는 게 좋아, ayy, 딩가딩가, 딩가딩가
Ice cream 먹으러 갈래? (Yeah; 나나나나나, 딩가딩가)
유유자적해, 여기 방구석에
언제부터인지 사회와의 거리가 꽤나 멀지
이 여름이 다 지났네, 차가운 땀이 나네
밤이나 또 낮이나 제자리만 돌고 돌아 (alright)
4 Likes

removed

3 Likes

aa thanks for trying but it still looks off for me! i’d still love to know how you got it all to show up and work, tho. i don’t understand why it works fine for me in the fullscreen composer but absolute garbage when posted ;;u;;

2 Likes

Can you show me what it looks like for you? :eyes: I’ll try to fix it

happens to me too sometimes - not sure exactly why but it might be because of how the code actually works real-time? :woman_shrugging:

2 Likes

here, i’m just super picky and want it to look exactly how i had it :sob:

2 Likes

I can relate xD lemme work it out

2 Likes

hewwo may i ask how you managed to get your thread to work on mobile despite it being so big? :eye: i would rlly like to work outside the 300 width limit again but still work on mobile :sob:

3 Likes

Oh, I typically use percentages for widths. So for example, instead of width: 300px I’d type width: 85%

For heights I occasionally use 75vh if I want the width-height ratio to be the somewhat same, though usually I just use a fixed height.

4 Likes

ah, so if i just swap it for percentages it’ll show up on mobile?

3 Likes

Yup :slight_smile:

2 Likes

ty!! you’re a life saver :sob:

3 Likes

yeah idek how would u embed a video

3 Likes

how’d you make this post empty? :eyes:


This text is only visible when viewed in light mode.

This text is only visible when viewed in dark mode.

EDIT: nvm forget what I said :sweat_smile:

2 Likes

i posted code that the site doesn’t support (i.e. youtube embed video {iframe})

3 Likes

removed

3 Likes

it’s a lot closer! but it’s definitely different from what you see, idk why?

3 Likes

removed

4 Likes

No worries! I’m glad you’re trying to help solve it:)

3 Likes