@48lexR if you want to further see the world of my conlang.
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>
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↻
딩가딩가할래 (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)
removed
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;;
Can you show me what it looks like for you? 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?
here, i’m just super picky and want it to look exactly how i had it
I can relate xD lemme work it out
hewwo may i ask how you managed to get your thread to work on mobile despite it being so big? i would rlly like to work outside the 300 width limit again but still work on mobile
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.
ah, so if i just swap it for percentages it’ll show up on mobile?
Yup
ty!! you’re a life saver
yeah idek how would u embed a video
how’d you make this post empty?
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
i posted code that the site doesn’t support (i.e. youtube embed video {iframe})
removed
removed
No worries! I’m glad you’re trying to help solve it:)