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


☽ nyctophilia ☾
[ nĭk′tə-fĭl′ē-ə ]

n. A preference for the night or darkness.

About:
All levels are welcomed and encouraged to join! a place to share and learn about coding, also having fun doing coding activites

Rules:
001. Follow the Code of Conduct
002. be respectful
003. Do not steal code
004. have fun:)

see for more in-depth rules

Introduction:
Make your own code following this—

Introduction Form
Name:
Pronouns:
Taglist: Yes/no
what are you here for and hoping to do?
⟪ coded by Aevyn ⟫
raw code
<div align=center>
<span style="font-size:; display: block; border: 1px solid invisible; border-radius: 10px; width: 500px; height: auto;">
<div align=left>
<span style="font-size:; display: block; border: 1.5px solid black; border-radius: 10px; width: 230px; height: 130px; padding: 15px; margin: 25px;"> <span style="font-size: 13px; display: block; border: 1px solid black; border-radius: 10px; background: black; width: 240px; height: 145px; padding-left: 20px; padding-right: 10px; padding-top: 7px; padding-bottom: 10px; text-align: left; color: white; font-family: verdana; text-transform: uppercase; letter-spacing: 5px; text-shadow: 3px 3px #4f565d;"> <br> <i> ☽  nyctophilia  ☾ </i><span style="font-size:; display: block; border: 0.5px solid white; margin-top: 7px; width: 205px; height:;"> </span><br>
<span style="font-size: 10px; text-transform: lowercase; text-align: left; letter-spacing: 4.5px; text-shadow: none; line-height: 1.5; color: white;"> [ nĭk′tə-fĭl′ē-ə ] <br><br><i> n. </i> A preference for the night or darkness.</span>
</span>
</span>
</div>
<div align=right>
<span style="font-size:; display: block; border: 1.5px solid black; border-radius: 10px; width: 210px; height: 175px; padding: 15px; margin: 25px;"> <span style="font-size: 11.5px; display: block; border: 1px solid black; border-radius: 10px; background: black; width: 210px; height: 190px; padding-left: 10px; padding-right: 20px; padding-top: 7px; padding-bottom: 10px; text-align: right; color: white; font-family: verdana; text-transform: uppercase; letter-spacing: 5px; text-shadow: 3px 3px #4f565d; "> <br> <i> About: </i><span style="font-size:; display:block; border: 0.5px solid white; margin-top: 7px; margin-left: 110px; width: 90px; height:; "> </span> <br>
<span style="font-size: 10px; text-transform: lowercase; text-align: right; letter-spacing: 4.5px; text-shadow: none; line-height: 1.5; color: white;"> All levels are welcomed and encouraged to join! a place to share and learn about coding, also having fun doing coding activites</span>
</span>
</span>
</div>
<div align=left>
<span style="font-size:; display: block; border: 1.5px solid black; border-radius: 10px; width: 200px; height: 205px; padding: 15px; margin: 25px;"> <span style="font-size: 11.5px; display: block; border: 1px solid black; border-radius: 10px; background: black; width: 200px; height: 220px; padding-left: 20px; padding-right: 10px; padding-top: 7px; padding-bottom: 10px; text-align: left; color: white; font-family: verdana; text-transform: uppercase; letter-spacing: 5px; text-shadow: 3px 3px #4f565d; "> <br> <i> Rules: </i><span style="font-size:; display:block; border: 0.5px solid white; margin-top: 7px; margin-right:; width: 80px; height:; "> </span> <br>
<span style="font-size: 10px; text-transform: lowercase; text-align: left; letter-spacing: 4.5px; text-shadow: none; line-height: 1.5; color: white;"> 001. Follow the <a href=https://forum.wackywriters.com/t/code-of-conduct-for-using-these-forums/65?u=themidnightassassin>Code of Conduct</a> <br>002. be respectful <br> 003. Do not steal code <br>004. have fun:)<br> <br> <a href=https://forum.wackywriters.com/t/craggy-coding-codex-uc-this-might-take-a-while/5192/4?u=themidnightassassin>see for more in-depth rules</a></span>
</span>
</span>
</div>
<div align=right>
<span style="font-size:; display: block; border: 1.5px solid black; border-radius: 10px; width: 200px; height: 120px; padding: 15px; margin: 25px;"> <span style="font-size: 11.5px; display: block; border: 1px solid black; border-radius: 10px; background: black; width: 200px; height: 140px; padding-left: 10px; padding-right: 20px; padding-top: 7px; padding-bottom: 10px; text-align: right; color: white; font-family: verdana; text-transform: uppercase; letter-spacing: 5px; text-shadow: 3px 3px #4f565d; "> <br> <i> Taglist: </i><span style="font-size:; display:block; border: 0.5px solid white; margin-top: 7px; margin-left: 85px; width: 110px; height:; "> </span> <br>
<span style="font-size: 10px; text-transform: lowercase; text-align: right; letter-spacing: 4.5px; text-shadow: none; line-height: 1.5; color: white;"> 

@stella_vigo @48lexR @LadyOfTheRiver @Zena 
</span>
</span>
</div>
<div align=left>
<span style="font-size:; display: block; border: 1.5px solid black; border-radius: 10px; width: 200px; height: 225px; padding: 15px; margin-top: 30px; margin-bottom: 25px; margin-right: 25px; margin-left:25px;"> <span style="font-size: 11.5px; display: block; border: 1px solid black; border-radius: 10px; background: black; width: 200px; height: 240px; padding-left: 20px; padding-right: 10px; padding-top: 7px; padding-bottom: 10px; text-align: left; color: white; font-family: verdana; text-transform: uppercase; letter-spacing: 5px; text-shadow: 3px 3px #4f565d; "> <br> <i> Introduction: </i><span style="font-size:; display:block; border: 0.5px solid white; margin-top: 7px; margin-right:; width:170px; height:; "> </span> <br>
<span style="font-size: 10px; text-transform: lowercase; text-align: left; letter-spacing: 4.5px; text-shadow: none; line-height: 1.5; color: white;">
Make your own code following this—<br><br>Introduction Form<br> Name: <br> Pronouns: <br> Taglist: <i>Yes/no</i> <br> what are you here for and hoping to do?
</span>
</span>
</span>
</div>
</span>
<span style="font-size: 10px; display: block; margin-top: 35px; font-family: copperplate; text-align: center; letter-spacing: 1px; color: ;"> ⟪ coded by Aevyn ⟫ </span>
7 Likes

☽ the what and the why ☾
answering some questions

001. what we do here
002. sharing code
003. stealing code
004. activities

questions/suggestions will be added here

what we do here:
As someone who learns by watching, I want people to feel comfortable learning about coding through the same way i do.

sharing code:
when posting codes, it's encouraged to post the raw code right under for others to learn but it is not mandatory.

i will personally be posting all my raw codes :)

stealing code:
number one, please don't do that, people work hard to make their codes and it's not fair.

on another note, it's totally ok to copy my code to learn how everything fits and works! (but don't steal it outright)

activities:
there'll be little activies once in a while to get people to code and practice!

these are not suppose to be homework, as they are just fun little thingies. turn them in any time, there's no due date
⟪ coded by Aevyn ⟫
raw code
<div align=center>
<span style="font-size:; display: block; border: 1px solid invisible; border-radius: 10px; width: 500px; height: auto;">
<div align=left>
<span style="font-size:; display: block; border: 1.5px solid black; border-radius: 10px; width: 350px; height: 215px; padding: 15px; margin: 25px;"> <span style="font-size: 13px; display: block; border: 1px solid black; border-radius: 10px; background: black; width: 350px; height: 230px; padding-left: 20px; padding-right: 10px; padding-top: 7px; padding-bottom: 10px; text-align: left; color: white; font-family: verdana; text-transform: uppercase; letter-spacing: 5px; text-shadow: 3px 3px #4f565d;"> <br> <i> ☽  the what and the why  ☾ </i><span style="font-size:; display: block; border: 0.5px solid white; margin-top: 7px; width: 330px; height:;"> </span><br>
<span style="font-size: 10px; text-transform: lowercase; text-align: left; letter-spacing: 4.5px; text-shadow: none; line-height: 1.5; color: white;"> answering some questions  <br><br> 001. what we do here<br>002. sharing code<br>003. stealing code <br>004. activities <br><br> questions/suggestions will be added here</span>
</span>
</span>
</div>
<div align=right>
<span style="font-size:; display: block; border: 1.5px solid black; border-radius: 10px; width: 230px; height: 155px; padding: 15px; margin: 25px;"> <span style="font-size: 11.5px; display: block; border: 1px solid black; border-radius: 10px; background: black; width: 230px; height: 170px; padding-left: 10px; padding-right: 20px; padding-top: 7px; padding-bottom: 10px; text-align: right; color: white; font-family: verdana; text-transform: uppercase; letter-spacing: 5px; text-shadow: 3px 3px #4f565d; "> <br> <i> what  we do here: </i><span style="font-size:; display:block; border: 0.5px solid white; margin-top: 7px; margin-left: 10px; width: 210px; height:; "> </span> <br>
<span style="font-size: 10px; text-transform: lowercase; text-align: right; letter-spacing: 4.5px; text-shadow: none; line-height: 1.5; color: white;"> As someone who learns by watching, I want people to feel comfortable learning about coding through the same way i do.</span>
</span>
</span>
</div>
<div align=left>
<span style="font-size:; display: block; border: 1.5px solid black; border-radius: 10px; width: 200px; height: 225px; padding: 15px; margin: 25px;"> <span style="font-size: 11.5px; display: block; border: 1px solid black; border-radius: 10px; background: black; width: 200px; height: 240px; padding-left: 20px; padding-right: 10px; padding-top: 7px; padding-bottom: 10px; text-align: left; color: white; font-family: verdana; text-transform: uppercase; letter-spacing: 5px; text-shadow: 3px 3px #4f565d; "> <br> <i> sharing code: </i><span style="font-size:; display:block; border: 0.5px solid white; margin-top: 7px; margin-right:; width: 170px; height:; "> </span> <br>
<span style="font-size: 10px; text-transform: lowercase; text-align: left; letter-spacing: 4.5px; text-shadow: none; line-height: 1.5; color: white;"> when posting codes, it's encouraged to post the raw code right under for others to learn but it is not mandatory.  <br><br> i will personally be posting all my raw codes :)</span>
</span>
</span>
</div>
<div align=right>
<span style="font-size:; display: block; border: 1.5px solid black; border-radius: 10px; width: 210px; height: 255px; padding: 15px; margin: 25px;"> <span style="font-size: 11.5px; display: block; border: 1px solid black; border-radius: 10px; background: black; width: 210px; height: 270px; padding-left: 10px; padding-right: 20px; padding-top: 7px; padding-bottom: 10px; text-align: right; color: white; font-family: verdana; text-transform: uppercase; letter-spacing: 5px; text-shadow: 3px 3px #4f565d; "> <br> <i> stealing code: </i><span style="font-size:; display:block; border: 0.5px solid white; margin-top: 7px; margin-left: 20px; width: 180px; height:; "> </span> <br>
<span style="font-size: 10px; text-transform: lowercase; text-align: right; letter-spacing: 4.5px; text-shadow: none; line-height: 1.5; color: white;">number one, please don't do that, people work hard to make their codes and it's not fair. <br><br> on another note, it's totally ok to copy my code to learn how everything fits and works! (but don't steal it outright)</span>
</span>
</span>
</div>
<div align=left>
<span style="font-size:; display: block; border: 1.5px solid black; border-radius: 10px; width: 200px; height: 265px; padding: 15px; margin-top: 30px; margin-bottom: 25px; margin-right: 25px; margin-left:25px;"> <span style="font-size: 11.5px; display: block; border: 1px solid black; border-radius: 10px; background: black; width: 200px; height: 285px; padding-left: 20px; padding-right: 10px; padding-top: 7px; padding-bottom: 10px; text-align: left; color: white; font-family: verdana; text-transform: uppercase; letter-spacing: 5px; text-shadow: 3px 3px #4f565d; "> <br> <i> activities: </i><span style="font-size:; display:block; border: 0.5px solid white; margin-top: 7px; margin-right:; width:135px; height:; "> </span> <br>
<span style="font-size: 10px; text-transform: lowercase; text-align: left; letter-spacing: 4.5px; text-shadow: none; line-height: 1.5; color: white;"> there'll be little activies once in a while to get people to code and practice! <br><br> these are not suppose to be homework, as they are just fun little thingies. turn them in any time, there's no due date</span>
</span>
</span>
</div>
</span>
<span style="font-size:10px; display:block; margin-top: 35px; font-family:copperplate; text-align: center; letter-spacing: 1px; color: ;"> ⟪ coded by Aevyn ⟫ </span>
5 Likes

☽ resources ☾
links and stuff

001. coding threads: has more helpful resources
002. helpful sites: quick links for me

Other:
Special Characters

∙ • ・ ◦ ● ○ ◎ ◉ ⦿ ⁃ ■ □ ☐ ☑︎ ☒ ▪︎ ▫︎ ◻︎ ◼︎ ◘ ◆ ◇ ❖ ▶︎ ▷ ‣ ▸ ▹ ► ▻ ◀︎ ◁ ▼ ▽ ▾ ▿ ▴ ▵ ▲ △ ☞ ☛ ➢ ➣ ➤ ✢ ✣ ✤ ✥ ✦ ✧ ★ ☆ ⭐︎ ✯ ✩ ✪ ✫ ✬ ✭ ✮ ✶ ✷ ✵ ✸ ✹ ✺ ❊ ✻ ✽ ✼ ❉ ✲ ✾ ❃ ✳︎ ✴︎ ❇︎ ❈ ※ ❅ ❆ ❄︎ ✿ ❀ ❁ ❂ ❍ ❏ ❐ ❑ ❒ ✰ ♡︎♥︎ ❤︎ ❥ ఌ ꨄ ❦ → ⇒ ⟹ ⇨ ⇾ ➾ ⇢ ➔ ➙ ➛ ➝ ➞ ➟ ➠ ➡︎ ➩ ➪ ➳ ➵ ➺ ➸ ← ⇐ ⟸ ⇦ ⇽ ⇠ ☚ ☜ ⬅︎ ⟵ ↑ ⇑ ⇡ ☝︎ ⬆︎ ↓ ⇓ ⇩ ⇣ ☟ ⬇︎ « » 〖 〗 ⟪ ⟫ 【 】 ❝ ❞ ☀︎ ☼ ☽ ☾ ☁︎ ☂ ☔︎ ☃ ★ ☆ ⭐︎ ☇ ☈ ♠︎ ♣︎ ♥︎ ♦︎ ♤ ♧ ♡ ♢ ♚ ♛ ♜ ♝ ♞ ♟ ♔ ♕ ♖ ♗ ♘ ♙ ⚀ ⚁ ⚂ ⚃ ⚄ ⚅ ☻ ☹ ☺︎︎ ☕︎ ✌︎ ✍ ✎ ✏︎ ✐ ✑ ✒︎ ✁ ✂︎ ✃ ✄ ✈︎ ☩ ⚜ ☤ ⚚ ⚖ ☮ ☯ ⚔ ✠ ✓ ✔︎ ✕ ✖︎ ✗ ✘ ↘︎ ➘ ⇘ ⬂ ⬊ ⇲ ➷ ➴ ⤥ ⤵︎ ⤷ ↗︎ ➚ ⇗ ⬀ ⬈ ➹ ➶ ⤤ ⤴︎ ↖︎ ⇖ ⬁ ⬉ ⤣ ↸ ⇱ ↙︎ ⇙ ⬃ ⬋ ⤦ ⤶ ⤹ ⤡ ⤢ ⤸ ↵ ↲ ↩︎ ↳ ↪︎ ↰ ↱ ↴ ↶ ↷ ⎨ ⎬ ❛ ❜ ⚾︎ ✙ ✚ ✛ ✜ ⚑ ⚐ ⋘ ⋙ ⩤ ⩥ ⪦ ⪧ ⫏ ⫐ ⫷ ⫸ ⟢ ⟣ ⟝ ⟞ ⟦ ⟧ ⦅ ⦆ ⦇ ⦈ ⦉ ⦊ ⦃ ⦄ ⦗ ⦘ ⦙ ⦚ ⧘ ⧄ ⧅ ⧆ ⧇ ⧈ ⧉ ⧊ ⧍ ⧏ ⧐ ⧼ ⧽♫ シ ㋛ ☠︎︎ ༒ ☏ 𓆉 ⌫ 𓁹 ♲︎ ᴥ︎ ♪ ⌨︎︎ ☘︎︎ ☃︎ ꧁ ꧂ ⚠︎︎ 𖠌 ꕥ 𖨆 𓅓 𓆙 𐂃 𐂂 𓆈 𓃗 𓃱 𓀡 𓅷 𓆏 𓃰 𓄁 𓃠 𓅿 𓃟 𓂻 𓀿 𓂉 𓃒 𓅰 ༄ ˑ ‧₊˚. ࿔ ࿐ ⨳ ༉ ᵕ̈ ┈ ⇆ ◁ ❚ ▷ ↺

⟪ coded by Aevyn ⟫
raw code
<div align=center>
<span style="font-size:; display: block; border: 1px solid invisible; border-radius: 10px; width: 500px; height: auto;">
<div align=left>
<span style="font-size:; display: block; border: 1.5px solid black; border-radius: 10px; width: 250px; height: 160px; padding: 15px; margin: 25px;"> <span style="font-size: 13px; display: block; border: 1px solid black; border-radius: 10px; background: black; width: 250px; height: 175px; padding-left: 20px; padding-right: 10px; padding-top: 7px; padding-bottom: 10px; text-align: left; color: white; font-family: verdana; text-transform: uppercase; letter-spacing: 5px; text-shadow: 3px 3px #4f565d;"> <br> <i> ☽  resources  ☾ </i><span style="font-size:; display: block; border: 0.5px solid white; margin-top: 7px; width: 205px; height:;"> </span><br>
<span style="font-size: 10px; text-transform: lowercase; text-align: left; letter-spacing: 4.5px; text-shadow: none; line-height: 1.5; color: white;">links and stuff <br><br>001. coding threads: has more helpful resources <br> 002. helpful sites: quick links for me </span>
</span>
</span>
</div>
<div align=right>
<span style="font-size:; display: block; border: 1.5px solid black; border-radius: 10px; width: 310px; height: 105px; padding: 15px; margin: 25px;"> <span style="font-size: 11.5px; display: block; border: 1px solid black; border-radius: 10px; background: black; width: 310px; height: 120px; padding-left: 10px; padding-right: 20px; padding-top: 7px; padding-bottom: 10px; text-align: right; color: white; font-family: verdana; text-transform: uppercase; letter-spacing: 5px; text-shadow: 3px 3px #4f565d; "> <br> <i> Coding threads: </i><span style="font-size:; display: block; border: 0.5px solid white; margin-top: 7px; margin-left: 100px; width: 200px; height:; "> </span> <br>
<span style="font-size: 10px; text-transform: lowercase; text-align: right; letter-spacing: 4.5px; text-shadow: none; line-height: 1.5; color: white;"> 1. <a href=https://forum.wackywriters.com/t/coding-resource-megathread/643?u=themidnightassassin>Coding resource megathread </a><br>2. <a href=https://forum.wackywriters.com/t/coding-101/1172?u=themidnightassassin>Coding 101</a><br>3. <a href=https://forum.wackywriters.com/t/i-the-coders-society/1246?u=themidnightassassin>i. the coder's society</a></span>
</span>
</span>
</div>
<div align=left>
<span style="font-size:; display: block; border: 1.5px solid black; border-radius: 10px; width: 280px; height: 170px; padding: 15px; margin: 25px;"> <span style="font-size: 11.5px; display: block; border: 1px solid black; border-radius: 10px; background: black; width: 280px; height: 185px; padding-left: 20px; padding-right: 10px; padding-top: 7px; padding-bottom: 10px; text-align: left; color: white; font-family: verdana; text-transform: uppercase; letter-spacing: 5px; text-shadow: 3px 3px #4f565d; "> <br> <i> Helpful Sites: </i><span style="font-size:; display:block; border: 0.5px solid white; margin-top: 7px; margin-right:; width: 170px; height:; "> </span> <br>
<span style="font-size: 10px; text-transform: lowercase; text-align: left; letter-spacing: 4.5px; text-shadow: none; line-height: 1.5; color: white;"> 1. <a href=https://htmlcolorcodes.com/>html color codes</a><br>2. <a href=https://www.stuffbydavid.com/textcolorizer>text colorizer (for gradients)</a><br> 3. <a href=https://coolors.co/>Coolers color scheme generator (for color palettes)</a><br>4. <a href=http://htmledit.squarefree.com/>real time html editor</a><br></span>
</span>
</span>
</div>
<div align=right>
<span style="font-size:; display: block; border: 1.5px solid black; border-radius: 10px; width: 290px; height: 95px; padding: 15px; margin: 25px;"> <span style="font-size: 11.5px; display: block; border: 1px solid black; border-radius: 10px; background: black; width: 290px; height: 110px; padding-left: 10px; padding-right: 20px; padding-top: 7px; padding-bottom: 10px; text-align: right; color: white; font-family: verdana; text-transform: uppercase; letter-spacing: 5px; text-shadow: 3px 3px #4f565d; overflow: scroll;"> <br> <i> Other: </i><span style="font-size:; display:block; border: 0.5px solid white; margin-top: 7px; margin-left: 190px; width: 90px; height:; "> </span> <br>
<span style="font-size: 10px; text-transform: lowercase; text-align: right; letter-spacing: 4.5px; text-shadow: none; line-height: 1.5; color: white;">  

[details="Special Characters"]
`∙ • ・ ◦ ● ○ ◎ ◉ ⦿ ⁃ ■ □ ☐ ☑︎ ☒ ▪︎ ▫︎ ◻︎ ◼︎ ◘ ◆ ◇ ❖ ▶︎ ▷ ‣ ▸ ▹ ► ▻ ◀︎ ◁ ▼ ▽ ▾ ▿ ▴ ▵ ▲ △ ☞ ☛ ➢ ➣ ➤ ✢ ✣ ✤ ✥ ✦ ✧ ★ ☆ ⭐︎ ✯  ✩ ✪ ✫ ✬ ✭ ✮ ✶ ✷ ✵ ✸ ✹ ✺ ❊ ✻ ✽ ✼ ❉ ✲ ✾ ❃  ✳︎ ✴︎ ❇︎ ❈ ※ ❅ ❆ ❄︎ ✿ ❀ ❁ ❂ ❍ ❏ ❐ ❑ ❒ ✰ ♡︎♥︎ ❤︎ ❥ ఌ ꨄ ❦ → ⇒ ⟹ ⇨ ⇾  ➾ ⇢ ➔ ➙ ➛ ➝ ➞ ➟ ➠ ➡︎ ➩ ➪ ➳ ➵ ➺ ➸ ← ⇐ ⟸ ⇦ ⇽ ⇠ ☚ ☜ ⬅︎ ⟵ ↑ ⇑ ⇡ ☝︎ ⬆︎ ↓ ⇓ ⇩ ⇣ ☟ ⬇︎ « » 〖 〗 ⟪ ⟫ 【 】 ❝ ❞ ☀︎ ☼ ☽ ☾ ☁︎ ☂ ☔︎ ☃ ★ ☆ ⭐︎ ☇ ☈ ♠︎ ♣︎ ♥︎ ♦︎ ♤ ♧ ♡ ♢ ♚ ♛ ♜ ♝ ♞ ♟ ♔ ♕ ♖ ♗ ♘ ♙ ⚀ ⚁ ⚂ ⚃ ⚄ ⚅ ☻ ☹ ☺︎︎ ☕︎ ✌︎ ✍ ✎ ✏︎ ✐ ✑ ✒︎ ✁ ✂︎ ✃ ✄ ✈︎ ☩ ⚜ ☤ ⚚ ⚖ ☮ ☯ ⚔ ✠ ✓ ✔︎ ✕ ✖︎ ✗ ✘ ↘︎ ➘ ⇘ ⬂ ⬊ ⇲ ➷ ➴ ⤥ ⤵︎ ⤷ ↗︎ ➚ ⇗ ⬀ ⬈ ➹ ➶ ⤤ ⤴︎ ↖︎ ⇖ ⬁ ⬉ ⤣ ↸ ⇱ ↙︎ ⇙ ⬃ ⬋ ⤦ ⤶ ⤹ ⤡ ⤢ ⤸ ↵ ↲ ↩︎ ↳ ↪︎ ↰ ↱ ↴ ↶ ↷ ⎨ ⎬ ❛ ❜ ⚾︎ ✙ ✚ ✛ ✜ ⚑ ⚐ ⋘ ⋙ ⩤ ⩥ ⪦ ⪧ ⫏ ⫐ ⫷ ⫸ ⟢ ⟣ ⟝ ⟞ ⟦ ⟧ ⦅ ⦆ ⦇ ⦈ ⦉ ⦊ ⦃ ⦄ ⦗ ⦘ ⦙ ⦚ ⧘ ⧄ ⧅ ⧆ ⧇ ⧈ ⧉ ⧊ ⧍ ⧏ ⧐ ⧼ ⧽♫ シ ㋛ ☠︎︎ ༒ ☏ 𓆉 ⌫ 𓁹 ♲︎ ᴥ︎ ♪ ⌨︎︎ ☘︎︎ ☃︎ ꧁ ꧂ ⚠︎︎ 𖠌 ꕥ 𖨆 𓅓 𓆙 𐂃 𐂂 𓆈 𓃗 𓃱 𓀡 𓅷 𓆏 𓃰 𓄁 𓃠 𓅿 𓃟 𓂻 𓀿 𓂉 𓃒 𓅰 ༄ ˑ ‧₊˚. ࿔ ࿐ ⨳ ༉ ᵕ̈ ┈ ⇆ ◁ ❚ ▷ ↺`
[/details]
</span>
</span>
</span>
</div>
<span style="font-size:10px; display:block; margin-top: 35px; font-family:copperplate; text-align: center; letter-spacing: 1px; color: ;"> ⟪ coded by Aevyn ⟫ </span>
5 Likes

☽ Activities ☾
the table of contents

these are not mandatory work, take your time and have fun:)

List:
activity 1. code your own introduction form
activity 2. Creating your own watermark
activity 3. Meet the Cast
activity 4. Multiple Scroll columns
⟪ coded by Aevyn ⟫
raw code
<div align=center>
<span style="font-size:; display: block; border: 1px solid invisible; border-radius: 10px; width: 500px; height: auto;">
<div align=left>
<span style="font-size:; display: block; border: 1.5px solid black; border-radius: 10px; width: 230px; height: 150px; padding: 15px; margin: 25px;"> <span style="font-size: 13px; display: block; border: 1px solid black; border-radius: 10px; background: black; width: 240px; height: 165px; padding-left: 20px; padding-right: 10px; padding-top: 7px; padding-bottom: 10px; text-align: left; color: white; font-family: verdana; text-transform: uppercase; letter-spacing: 5px; text-shadow: 3px 3px #4f565d;"> <br> <i> ☽  Activities  ☾ </i><span style="font-size:; display: block; border: 0.5px solid white; margin-top: 7px; width: 205px; height:;"> </span><br>
<span style="font-size: 10px; text-transform: lowercase; text-align: left; letter-spacing: 4.5px; text-shadow: none; line-height: 1.5; color: white;"> the table of contents <br><br>these are not mandatory work, take your time and have fun:)</span>
</span>
</span>
</div>
<div align=right>
<span style="font-size:; display: block; border: 1.5px solid black; border-radius: 10px; width: 210px; height: 140px; padding: 15px; margin: 25px;"> <span style="font-size: 11.5px; display: block; border: 1px solid black; border-radius: 10px; background: black; width: 210px; height: 155px; padding-left: 10px; padding-right: 20px; padding-top: 7px; padding-bottom: 10px; text-align: right; color: white; font-family: verdana; text-transform: uppercase; letter-spacing: 5px; text-shadow: 3px 3px #4f565d; "> <br> <i> List: </i><span style="font-size:; display:block; border: 0.5px solid white; margin-top: 7px; margin-left: 135px; width: 65px; height:; "> </span> <br>
<span style="font-size: 10px; text-transform: lowercase; text-align: right; letter-spacing: 4.5px; text-shadow: none; line-height: 1.5; color: white;"><a href=https://forum.wackywriters.com/t/nyctophilia/9166?u=themidnightassassin>activity 1. </a>code your own introduction form<br> <a href= https://forum.wackywriters.com/t/nyctophilia-a-coding-thread-new-old-coders-are-encouraged-to-join/9166/39?u=themidnightassassin >activity 2. </a> Creating your own watermark<br> <a href= https://forum.wackywriters.com/t/nyctophilia-a-coding-thread-new-old-coders-are-encouraged-to-join/9166/110?u=themidnightassassin >activity 3. </a>Meet the Cast<br> <a href= https://forum.wackywriters.com/t/nyctophilia-a-coding-thread-new-old-coders-are-encouraged-to-join/9166/158?u=themidnightassassin >activity 4. </a>tba</span>
</span>
</span>
</div>
<span style="font-size: 10px; display: block; margin-top: 35px; font-family: copperplate; text-align: center; letter-spacing: 1px; color: ;"> ⟪ coded by Aevyn ⟫ </span>
5 Likes

[hold]

3 Likes

[hold 2]

3 Likes
Suggestions/Questions
below the line

  1. Text — @username

  2. Text — @username

  3. Text — @username

4 Likes

Introduction form

Name: Aevyn/Aev
Pronouns: He/him/they
Taglist: N/A
What are you here for and hoping to do?
To learn and practice more coding, as well as helping out other people and having fun~

raw code
<div align=center> 
<span style="font-size:; display: block; border: 1px solid invisible; border-radius: 10px; width: 500px; height: auto;"> 
<div align=left>
<span style="font-size:; display: block; border: 1.5px solid black; border-radius: 10px; width: 250px; height: 40px; padding: 15px; margin: 25px;"> <span style="font-size: 13px; display: block; border: 1px solid black; border-radius: 10px; background: black; width: 260px; height: 50px; padding-left: 20px; padding-right: 10px; padding-top: 7px; padding-bottom: 10px;  text-align: left; color: white; font-family: verdana; text-transform: uppercase; letter-spacing: 5px; text-shadow: 3px 3px #4f565d;"> <br> <i> Introduction form</i><span style="font-size:; display: block; border: 0.5px solid white; margin-top: 7px; width: 245px; height:;"> </span>
</span>
</span>
</div> 
<div align=right>
<span style="font-size:; display: block; border: 1.5px solid black; border-radius: 10px; width: 215px; height: 140px; padding: 15px; margin: 25px;"> <span style="font-size: 10.5px; display: block; border: 1px solid black; border-radius: 10px; background: black; width: 220px; height: 150px; padding-left: 10px; padding-right: 20px; padding-top: 7px; padding-bottom: 20px; text-align: right; color: white; font-family: verdana; text-align: right; letter-spacing: 3px; text-shadow: none; line-height: 1.5; color: white; "> 
<br><b>Name:</b> Aevyn/Aev<br>
<b>Pronouns:</b> He/him/they<br>
<b>Taglist:</b> N/A <br>
<b>What are you here for and hoping to do?</b><br>
To learn and practice more coding, as well as helping out other people and having fun~
</span>
</span>
</div>
</span>
3 Likes

introduction form…Name: Stella
Pronouns: She/Her
Taglist: Yes
What are you here for and hoping to do? I’m here to learn some new coding tricks to make prettier and more complex code. I also hope to have fun trying out some new stuff. I also learn by watching, so thanks for making this :)

raw code
<span style="font-size: 15px; font-family: serif; display: block; color: #ffffff; background-image: url('https://i.pinimg.com/originals/6c/3e/55/6c3e5546201c12645227f051ac637de0.gif'); background-size: cover; background-position: top; margin: auto; padding: 5%; border: 3px solid; border-color: #00aaaa; width: 222px; text-align: center; box-shadow: 7px 7px 0px #000000; height: 144px; overflow-y:scroll;">*introduction form...*<span style="font-size: 12px; font-family: serif; display: block; border-top: 1px solid; color: #ffffff; text-align: justify; margin-top: 20px; border-color: #ffffff; padding-top: 20px;">**Name:** Stella
**Pronouns:** She/Her
**Taglist:** Yes
**What are you here for and hoping to do?** I'm here to learn some new coding tricks to make prettier and more complex code. I also hope to have fun trying out some new stuff. <s>I also learn by watching, so thanks for making this `:)`</s>
</span></span>

All my code is mobile-friendly by the way (or iPhone-friendly, at least)

8 Likes

Hello and welcome!!

No problem, I figured if I did this way, some other people might also do it too

I would do that, but I’m a little lazy XD

4 Likes

Tagging some coders that might be interested:)

@Zena @48lexR @LadyOfTheRiver @zeroinfinyx

5 Likes

Introduction form

Name: Lex
Pronouns: any/all
Taglist: PLEASE
What are you here for and hoping to do?
Me wanna do cool stuff with funky letters!
5 Likes

Hello Lex!

Yes, that is what we will do here :relieved:

4 Likes

:partying_face: hooray’

3 Likes

Also, if you haven’t got to your multiple columns of scroll boxes yet, I’ll be doing it in activity #4 (I currently have like 8 activities planned out lol)

3 Likes

:eyes::eyes:

3 Likes
When should activities be posted? (Starting this Saturday)
  • Weekly
  • Biweekly
  • Other (comments)

0 voters

taglist

@stella_vigo @48lexr

5 Likes

Introduction Form


Name: Angel
Pronouns: They/them
Taglist: Mmmm … sure?
What are you here for and hoping to do?
Observe the creation of code from afar. Hopefully I’ll also sow Chaos.




Yeeeee raw code
<span style="font-size: 15px; font-family: times; color: #340D09; background-color: #FFDEDB; display: block; width: 55%; height: 31%; background-size: 100px; text-align: right; padding: 30px 30px; box-shadow: 7px 7px #FE8176; margin: auto; ">

*[size=6]Introduction Form[/size]*
<hr>

[left]
**Name:** Angel
**Pronouns:** They/them
**Taglist:** Mmmm .... sure?
**What are you here for and hoping to do?** 
Observe the creation of code from afar. Hopefully I'll also sow Chaos.
[/left]
<br>
</span>
5 Likes

Introduction form

Name: Zena
Pronouns: She/her
Taglist: Yes~
What are you here for and hoping to do?
To learn the basics & experiment with new codes~
5 Likes

Hello Angel~ I feel like there will be a lot of chaos in here already

Btw: the words are a little hard to read:)

Hi Zena! We won’t be working on basics, but there will be new coding opportunities and ideas:D

4 Likes