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

TheMidnightAssassin · June 7, 2021, 3:34pm

Oooh, that’s so cool!

flyingCouch · June 7, 2021, 11:00pm

-+++-
INTRODUCTION

NAME: flyx
PRONOUNS: use any and all of them
TAGLIST: no
WHAT AM I HERE FOR? I’m here to remember/practice coding

note: is it alright if I don’t do all the activities?
-+++-

raw code

<span style="font-size:16px; display: block; border: 1px dotted;padding:15px;margin:auto;text-align:center;border-radius:200px;color:yellow;height:80px;width:250px;overflow-y:scroll;text-shadow:0px 0px 5px ivory;font-family:serif;background-color:grey;">-+++\- INTRODUCTION NAME: flyx PRONOUNS: use any and all of them TAGLIST: no WHAT AM I HERE FOR? I'm here to remember/practice coding note: is it alright if I don't do all the activities? -+++\-

flyingCouch · June 7, 2021, 11:05pm

if you want to display something like
*this*
you could do
\*this*
for markdown even if this probably isn’t what you were asking for

TheMidnightAssassin · June 7, 2021, 11:06pm

Welcome flyx!

No problem, they’re not mandatory anyways:)

flyingCouch · June 7, 2021, 11:07pm

ok! I haven’t coded in a while so I forgot a lot. and some things changed for the forum code I think

TheMidnightAssassin · June 7, 2021, 11:08pm

Oh really, I haven’t noticed if anything changed

flyingCouch · June 7, 2021, 11:09pm

I mean I haven’t really coded since the new way to display code feature was added so it’s been a while

still not sure how to do that tbh

stella_vigo · June 8, 2021, 1:42pm

A RealmIntroductionLorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus aliquet magna at diam porta iaculis. Morbi feugiat nisi sed lacus tristique, eget aliquet turpis luctus. Praesent eget interdum felis, nec hendrerit enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam leo lacus, accumsan vel sem eget, luctus posuere justo. Nulla facilisi. Praesent iaculis lectus metus, et molestie odio ullamcorper sed. Vivamus sagittis non lorem tincidunt volutpat. Vivamus felis quam, gravida in hendrerit eu, gravida in sapien. Proin sed ipsum eu nisi luctus pulvinar. Nulla vitae tortor efficitur, tincidunt tortor sit amet, consequat sapien. Vivamus at dictum lorem. Sed ac quam mauris.Information
Insert some information here. Hmmm. How is this?More Information
Insert some more information here. Huh. Quite neat, isn’t it?Information
Insert some information here. Hmmm. How is this?More Information
Insert some more information here. Huh. Quite neat, isn’t it?

⭐︎ ✧ coded by stella_vigo ✧ ⭐︎

raw code

<span style="font-size: 44px; font-family: Garamond; display: block; border: 3px transparent; color: #ffffff; padding: 12px; margin-left: 5%; margin-right: 5%; text-align: center; background-image: linear-gradient(to bottom right, #5a5a5a, black);">A Realm<span style="font-size: 20px; font-family: Garamond; display: block; border: 3px solid; color: white; padding: 12px; margin: 20px 10% 20px 10%; text-align: center;">*Introduction*<span style="font-size: 12px; font-family: Garamond; display: block; color: white; padding: 12px; margin-left: 5%; margin: 0px; text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus aliquet magna at diam porta iaculis. Morbi feugiat nisi sed lacus tristique, eget aliquet turpis luctus. Praesent eget interdum felis, nec hendrerit enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam leo lacus, accumsan vel sem eget, luctus posuere justo. Nulla facilisi. Praesent iaculis lectus metus, et molestie odio ullamcorper sed. Vivamus sagittis non lorem tincidunt volutpat. Vivamus felis quam, gravida in hendrerit eu, gravida in sapien. Proin sed ipsum eu nisi luctus pulvinar. Nulla vitae tortor efficitur, tincidunt tortor sit amet, consequat sapien. Vivamus at dictum lorem. Sed ac quam mauris.</span></span><span style="font-size: 15px; font-family: Garamond; display: flex; text-align: center;"><span style="font-size: 15px; font-family: Garamond; display: block; border: 3px transparent; color: white; padding: 10px; margin-left: 10%; margin-top: 20px; margin-bottom: 20px; text-align: justify; width: 35%; line-height: 1.5; height: 120px; overflow-y: scroll"><span style="font-size: 15px; font-family: Garamond; display: block; border-left: 3px solid; color: white; padding-left: 5%; text-align: left">*Information*</span>
Insert some information here. Hmmm. How is this?</span><span style="font-size: 15px; font-family: Garamond; display: block; border: 3px transparent; padding: 10px; margin-left: 10%; margin-top: 20px; margin-right: 10%; margin-bottom: 20px; text-align: justify; color: white; height: 120px; width: 35%; overflow-y: scroll; line-height: 1.5;"><span style="font-size: 15px; font-family: Garamond; display: block; border-left: 3px solid; color: white; padding-left: 5%; text-align: left">*More Information*</span>
Insert some more information here. Huh. Quite neat, isn't it?</span></span><span style="font-size: 15px; font-family: Garamond; display: flex; text-align: center;"><span style="font-size: 15px; font-family: Garamond; display: block; border: 3px transparent; color: white; padding: 10px; margin-left: 10%; margin-top: 20px; margin-bottom: 20px; text-align: justify; width: 35%; line-height: 1.5; height: 120px; overflow-y: scroll"><span style="font-size: 15px; font-family: Garamond; display: block; border-left: 3px solid; color: white; padding-left: 5%; text-align: left">*Information*</span>
Insert some information here. Hmmm. How is this?</span><span style="font-size: 15px; font-family: Garamond; display: block; border: 3px transparent; padding: 10px; margin-left: 10%; margin-top: 20px; margin-right: 10%; margin-bottom: 20px; text-align: justify; color: white; height: 120px; width: 35%; overflow-y: scroll; line-height: 1.5;"><span style="font-size: 15px; font-family: Garamond; display: block; border-left: 3px solid; color: white; padding-left: 5%; text-align: left">*More Information*</span>
Insert some more information here. Huh. Quite neat, isn't it?</span></span></span>

<br>

<span style="font-size: 12px; font-family: Garamond; display: block; margin: auto; text-align: center; color: #e08080; letter-spacing: 1.2px;">`⭐︎` ✧ coded by stella_vigo ✧ `⭐︎`</span>

TheMidnightAssassin · June 8, 2021, 1:48pm

Ooh, this looks super cool:0

stella_vigo · June 8, 2021, 2:33pm

testing HTML "hide details"

Ooh, does it work? Please work. Please work. Ooooh it works! I can hide details under span. Cool. I've finally figured it out. Now, what can I use this for? Hmmm.

⭐︎ ✧ coded by stella_vigo ✧ ⭐︎

raw code

<span style="font-size: 10px; display: block; background-color: #be0000; color: white; height 200px; width: 200px; padding: 10px; margin: auto; text-align: justify">
<details><summary>testing HTML "hide details"</summary>Ooh, does it work? Please work. Please work. Ooooh it works! I can hide details under span. Cool. I've finally figured it out. Now, what can I use this for? Hmmm.</details></span>

<br>

<span style="font-size: 12px; font-family: Garamond; display: block; margin: auto; text-align: center; color: #e08080; letter-spacing: 1.2px;">`⭐︎` ✧ coded by stella_vigo ✧ `⭐︎`</span>

stella_vigo · June 10, 2021, 7:44am

Just testing flipping an image. This image is flipped.
This is the original image.
And this image is upside-down.

⭐︎ ✧ coded by stella_vigo ✧ ⭐︎

raw code

<span style="font-size: 12px; font-family: Garamond; display: block; background-image: url('https://cutewallpaper.org/21/sad-anime-girl-crying-in-the-rain-alone/Sad-Anime-Girl-Crying-Black-And-White.gif'); background-size: cover; width: 250px; height: 125px; margin: auto; text-align: justify; padding: 15px; color: white; transform: scaleX(-1)"><span style="font-size: 12px; font-family: Garamond; display: block; transform: scaleX(-1)">Just testing flipping an image. This image is flipped.</span></span>
<span style="font-size: 12px; font-family: Garamond; display: block; background-image: url('https://cutewallpaper.org/21/sad-anime-girl-crying-in-the-rain-alone/Sad-Anime-Girl-Crying-Black-And-White.gif'); background-size: cover; width: 250px; height: 125px; margin: auto; text-align: justify; padding: 15px; color: white;">This is the original image.</span>
<span style="font-size: 12px; font-family: Garamond; display: block; background-image: url('https://cutewallpaper.org/21/sad-anime-girl-crying-in-the-rain-alone/Sad-Anime-Girl-Crying-Black-And-White.gif'); background-size: cover; width: 250px; height: 125px; margin: auto; text-align: justify; padding: 15px; color: white; transform: scaleY(-1)"><span style="font-size: 12px; font-family: Garamond; display: block;transform: scaleY(-1)">And this image is upside-down.</span></span>

<br>

<span style="font-size: 12px; font-family: Garamond; display: block; margin: auto; text-align: center; color: #e08080; letter-spacing: 1.2px;">`⭐︎` ✧ coded by stella_vigo ✧ `⭐︎`</span>

48lexR · June 10, 2021, 9:04pm

Me code this

Title Goes Here Coded by a friendly Siren

Brief description goes here. Brief description goes here.

Summary Goes Here

Expansion goes here.

Raw

<div align="center"> 
<span style="font-size: 36pt; display: block; border: 2px solid black; padding: 1%; background-image: linear-gradient(to bottom right, blue, yellow); color: white; font-family: serif;"><strong>Title Goes Here</strong></span>
<span style="font-size:12pt; font-family: Brush script mt, cursive;">Coded by a friendly Siren</span>
</div>
<div align="center">
<span style="font-size;; display: flex;">
<span style="font-size:; display: inline-block; margin: 5%; border: 2px solid black; padding: 5%;">Brief description goes here.</span>
<span style="font-size:; display: inline-block; margin: 5%; border: 2px solid black; padding: 5%"> Brief description goes here.</span>
</span>
</div>
<div align="center">
<span style="font-size:; display: block; margins 5%; border: 2px solid black;"><details><summary>Summary Goes Here</summary> Expansion goes here. </details></span>
</div>

TheMidnightAssassin · June 10, 2021, 9:09pm

Oooh, that’s so cool

48lexR · June 10, 2021, 9:10pm

Ikr? I was surprised by how good it turned out

TheMidnightAssassin · June 10, 2021, 9:10pm

You make me wanna do another one of these- aghdhgh but I don’t even have activity 3 out yet >.>

48lexR · June 10, 2021, 9:11pm

Pfft who says that isn’t the idea

TheMidnightAssassin · June 10, 2021, 9:12pm

Oh?

Wait, you made me forget what activity 3 was argh

48lexR · June 10, 2021, 9:12pm

Well that wasn’t part of the plan.

WAIT I HAVE A CODING IDEA NOW

TheMidnightAssassin · June 10, 2021, 9:13pm

Or was it part of your supervillain plan all along?

Afgdgfffg now what

48lexR · June 10, 2021, 9:19pm

Date:
Subject:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Author:

End Transmission.

Code

<div align="justify">
<span style="font-size:; display: block; margin: 1%; border:2px solid white; padding: 2%; background-color: black; color: white; font-family: monospace;">
Date: <br>
Subject: <br>
<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Author:

End Transmission.
</span>
</div>