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

The Artists' Showroom Coding Wizards
,
127

Good luck on that!

2 Likes
128

Time to code Lex’s favorite activity :relieved:

2 Likes
129

:star_struck: Is it, perhaps, sailing?

2 Likes
130

No… not that…

2 Likes
131

:confused: Then is it asking for animals that you don’t have? Asian water monitor lizard :eyes:

2 Likes
132

It’s the multiple column ones XD

2 Likes
133

looool ok fair.

2 Likes
134

Lex makes a sample webpage/post kind of thing lol.

This is a banner. Use the `img` tag to insert a banner.
Title Goes Here
Subtitle Goes Here
Optional extra image here
This is an optional left banner. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam molestie massa vel nisl placerat accumsan. This is the main content in the (relative) center. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam molestie massa vel nisl placerat accumsan. In posuere ut ligula vitae imperdiet. Suspendisse gravida elit eu metus tincidunt consequat. Etiam tempus dictum ipsum, et venenatis metus blandit ut. Maecenas sit amet risus justo. Pellentesque imperdiet, velit non facilisis semper, magna arcu tempor justo, quis pharetra sapien leo eget turpis. Aliquam rutrum fringilla quam et sollicitudin. Cras a vestibulum sem. Etiam elementum purus quis tellus vehicula, ullamcorper aliquet metus auctor. Proin elit erat, luctus a vulputate non, dignissim nec odio. Morbi sagittis accumsan dolor, vitae sodales nunc malesuada aliquam.
This is a footer. Use it however you please.
raw 
<div align=center>
<span style="font-size:; display:block; margin: 2ch; padding: 2ch; border: 2px solid black;">This is a banner. Use the `img` tag to insert a banner.</span>
</div>

<div>
<span style="font-size:; display: block; marign: 2em; border: 2px solid black; padding: 2ch;"><span style="font-size: 25pt; font-family: Georgia, serif;">Title Goes Here</span><br><span style="font-size:12pt; font-family: Verdana, sans-serif;"><em>Subtitle Goes Here</em></span><br><span style="font-size:; display: block; padding: 1ch">Optional extra image here</span></span>
</div>

<div align="center"> 
<span style="font-size:; display: flex">
<span style="font-size:; display: inline-block; width: 25%; float: left; margin: 2ch; border: 2px solid black;">This is an optional left banner. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam molestie massa vel nisl placerat accumsan.

 </span> 
<span style="font-size:; display: inline-block; width: 75%; float: inheirit; margin: 2ch;"> This is the main content in the (relative) center. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam molestie massa vel nisl placerat accumsan. In posuere ut ligula vitae imperdiet. Suspendisse gravida elit eu metus tincidunt consequat. Etiam tempus dictum ipsum, et venenatis metus blandit ut. Maecenas sit amet risus justo. Pellentesque imperdiet, velit non facilisis semper, magna arcu tempor justo, quis pharetra sapien leo eget turpis. Aliquam rutrum fringilla quam et sollicitudin. Cras a vestibulum sem. Etiam elementum purus quis tellus vehicula, ullamcorper aliquet metus auctor. Proin elit erat, luctus a vulputate non, dignissim nec odio. Morbi sagittis accumsan dolor, vitae sodales nunc malesuada aliquam.
</span>
</span>
</div>

<div align="center">
<span style="font-size:; display:block; margin: 2ch; padding: 2ch; border: 2px solid black;">This is a footer. Use it however you please.</span>
</div>
2 Likes
135
"Aevyn" has sent you a message. press [okay] to accept. okay ⟪ coded by Aevyn ⟫
raw code 
<span style="font-size:; display: block; border: 2px solid none; width: 500px; height: 430px;">
<span style="font-size:; display: block; background-image: url(https://i.pinimg.com/564x/5e/db/55/5edb55de55034b45c9108262a4dd38d9.jpg); border: 2px solid invisible; width: 70px; height: 170px; margin: 15px; padding: 90px;">
<span style="font-size:; display: flex; justify-content: left; background-color: #F8F2F1; border: 2.5px solid #E9D2CE; width: 370px; height: 300px; box-shadow: 3px 3px #E9D2CE;">
<span style="font-size:; display: inline; background-color: #FFBEBE; border: 2.5px solid #FFACAC; border-radius: 50%; width: 7px; height: 7px; margin: 5px; padding: 3px;"></span>
<span style="font-size:; display: inline; background-color: #FFF1BE; border: 2.5px solid #FFEA9B; border-radius: 50%; width: 7px; height: 7px; margin-top: 5px; padding: 3px;"></span>
<span style="font-size:; display: block; background-color: #CDFFBE; border: 2.5px solid #BBFF9E; border-radius: 50%; width: 7px; height: 7px; margin-top: 7px; margin-left: 5px; padding: 3px;">
<span style="font-size: 15px; display: block; background-color:; border: 2.5px solid none; width: 250px; height: auto; margin-top: 45px; padding: 5px; font-family: courier; text-align: justify; text-transform: lowercase; letter-spacing: 2px; line-height: 20px; color: #E9D2CE;"> "Aevyn" has sent you a message. press [okay] to accept.
<span style="font-size: 15px; display: flex; justify-content: center; background-color: #F8F2F1; border: 2.5px solid #E9D2CE; width: 80px; height: 20px; box-shadow: 3px 3px #E9D2CE; margin: 70px; padding: 7px; font-family: courier; text-align: center; text-transform: lowercase; letter-spacing: 2.5px; line-height: 20px; color: #E9D2CE;">okay
</span>
</span>
</span>
</span>
</span>
</span>
<span style="font-size: 10px; display: block; margin: 8px; font-family: copperplate; text-align: center; letter-spacing: 1px;"> ⟪ coded by Aevyn ⟫ </span>
4 Likes
136

This was killing me >.>

2 Likes
137

This is beautiful.

2 Likes
138

thank you XD i was so ready to quit on it

2 Likes
139

Today I learned: paragraphs between span tags matter

3 Likes
140

:joy:

2 Likes
141

me avoiding my computer: everything has to be mobile friendly cuz otherwise it’ll look terrible for me. I don’t care if it looks small for other ppl

3 Likes
142

could you try and make the words darker, they’re really hard to read

2 Likes
143

Not very sophisticated but something I whipped up on the fly:

Musial Writers! Come and Chat!

Music is an important part of storytelling across the board. Movies and plays have had live action performances of their music for thousands of years, and many authors enjoy creating and finding music for their stories! Of course, I am one such author, but I suspect there are more, haha.

So, feel free to drop by and talk about your abilities here! I (along with many others here) love hearing music that other people make. And, even if you don't want to share any music, that's fine, too! Just drop by and leave some feedback for our musicians. We'd love to have you!

raw 
<div align="center">
<span style="font-size: 3em; display: block; margin: 5px; font-family: serif; background: blue; color: white; border: 4px solid teal; border-radius: 2em; box-shadow: 2px 10px 5px black;">Musial Writers! Come and Chat!</span>
</div>

<div align="justify">
<span style="font-size: 12pt; display: block; margin: 5px; border: 2px solid none; padding: 2ch; font-family: verdana, sans-serif;">
<p>Music is an important part of storytelling across the board. Movies and plays have had live action performances of their music for thousands of years, and many authors enjoy creating and finding music for their stories! Of course, I am one such author, but I suspect there are more, haha.
<p>So, feel free to drop by and talk about your abilities here! I (along with many others here) love hearing music that other people make. And, even if you don't want to share any music, that's fine, too! Just drop by and leave some feedback for our musicians. We'd love to have you! </span>
</div>
4 Likes
144

Yep, I’ll take a look at that

2 Likes
145

When you spell musical wrong :upside_down_face:

3 Likes
146

AAAAAA

3 Likes