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

The Artists' Showroom Coding Wizards
,
329

jokes on you, I have an extension that makes everything darker on my screen so I still see both lmao

2 Likes
330

Considering that, I’m wondering how you haven’t found it then, haha

1 Like
331

I was busy in school lol :sob:

1 Like
332

I made a greeting card…


Merry Christmas!

and there’s a link in there too :wink:

raw code 
<span style="font-size:; display: block; width: 75vmin; height: 50vmin; margin: auto; background-image: url('https://cache.desktopnexus.com/thumbseg/884/884227-bigthumbnail.jpg'); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; border: 3px solid; border-color: #a03333;"><span style="font-size:; display: block; width: 100%; margin: auto; background-image: url('https://media2.giphy.com/media/tIHktzgRi8yjIplFVI/giphy.gif'); height: 50vmin;">
<span style="font-size: 4.4vmin; display: block; font-family: Garamond, Times New Roman, serif; width: 80%; margin: auto; margin-top: 38vmin; background-color: #efece0; border: 2px solid; border-color: #a03333; text-align: center;"><a href="https://www.youtube.com/watch?v=hRO0culgh3c"><font color=#a03333><i>Merry Christmas!</i></a></font></span>
</span></span>
3 Likes
333

Tried a thread layout based on a coding challenge given by @korralistic

Sidera 2.0 Search ≡ Menu Music
Fiction
Poetry
Graphics
Rambles
Rants
Recordings
Travel Journals
Polls
Memes
Miscellaneous Blog Version Updates Version 2.0.0 — Aesthetic interface refresh
Version 1.5.2 — Split Poetry and Fiction into separate categories
Version 1.5.1 — Added Travel Journals category
Version 1.5.0 — Transformed Recordings from a subcategory of Music to a new category
Version 1.4.0 — Introduced a more mobile-friendly user interface
Version 1.3.3 — Added the Memes category
Version 1.3.2 — Introduced Song of the Week and curated playlists
Version 1.3.1 — Music player rolls out of beta
Version 1.3.0 — Added the music player as a beta feature
Version 1.2.1 — Split the Rambles & Rants category into two separate categories
Version 1.2.0 — New menu interface
Version 1.1.1 — Added the Graphics category
Version 1.1.0 — Added notifications, messaging features, and new icons
Version 1.0.1 — Blog rolled out of beta
Version 1.0.0 — Blog beta release
shooting_stars.gif✕ practice.gif✕ scribbling.gif✕ progress.gif✕ ✕ Now Playing: Paragraph — Ballade
⇆         ◁◁       l l       ▷▷         ↺
7 Likes
334

You’re the only person to have touched any code this year o.o

1 Like
335

For real? :exploding_head:

Maybe in this thread, but I’ve seen others playing with code in their personal threads :eyes: I know @korralistic and @tellyouwhat have been making pretty cool code in their personal threads recently (jay’s anatomy and ana’s wild world respectively)

3 Likes
336

Ahh personal threads xD, that’s where everyone went.

Still sad to see this section of the forum abandoned >.<

1 Like
337

True, that’s why I posted here recently :pensive:

Would you like to see a WIP of a thread I’m working on? :eyes:

1 Like
338

Definitely! Always interested in seeing cool stuff and the stuff you make is always super artistic.

1 Like
339

Awww, thanks :sneezing_face: it means a lot coming from a coding veteran like you :pleading_face:

Here’s a WIP, I may or may not make a music thread this summer :eyes:

for the love of music... pro amore musicae Welcome, patron, to pro amore musicae, a place for musicians and listeners to gather and bond over their love of music. Whether you have years of experience with music or are new to the scene, you are always welcome. Feel free to take the center stage and showcase your latest performances, whether they be recordings of concerts or practice sessions in your humble abode. More of the listener type? Feel free to sit back and watch. If you're into musical discussions, don't hesitate to start one! Anything musical—audio recordings, performance clips, musical video essays, or even music festival gossip—can absolutely be shared here!
4 Likes
340

Looks super neat. Can’t wait for the thread even though I’m the least musical person in the world.

1 Like
341

Thank you! :heart: and even if you’re not musical, you’d be just as welcome there :hugs:

1 Like
342

I like your overlapping effect :eyes: :heart:
2 Likes
343

Thank you! :wisp_heart: it’s mostly me using the position:, left:, and top: properties :joy:

344

Those properties have been giving me hell on Tumblr lmao I’m glad to see you enjoying them :joy:
1 Like
345

One last code before I go to bed. It should work on phones and in dark mode. Oh, psst, if you’re on desktop, hover your cursor over the “x” and the “back | next” text box, as well as the big (transparent) text box in the middle :eyes: I used the cursor: tag and wanna know if it works for y’all too.

coded_notes.exeX 25 June 2022 Daily Journal. . . Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eu nisi id dolor cursus condimentum in a lorem. Vestibulum odio arcu, hendrerit at turpis nec, pharetra maximus est. Proin volutpat porttitor posuere. Donec vitae maximus erat. Curabitur aliquam faucibus ullamcorper. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer porta erat sed sem placerat consequat.

Etiam in quam leo. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla interdum ipsum orci. Vestibulum orci sapien, vulputate quis sollicitudin vitae, auctor at urna. Aenean sit amet efficitur arcu, in tempus mi. Ut suscipit velit eu risus commodo mattis. Donec feugiat rhoncus arcu nec blandit. Vivamus facilisis, justo ut rutrum blandit, mauris dui congue leo, quis convallis quam turpis eget neque. Aenean porttitor ultrices sem, ullamcorper tincidunt massa pulvinar non. Integer condimentum sapien at dui sollicitudin sodales. In mollis, elit vel convallis venenatis, nulla tortor congue neque, eget commodo metus magna et risus. Ut consectetur lacus eget ipsum ornare, id mattis nisi ultricies. In condimentum rutrum mattis. Suspendisse nisl ex, lacinia scelerisque turpis in, blandit maximus lorem. Pellentesque tellus ipsum, venenatis consequat mauris venenatis, blandit blandit orci.

Aliquam sed faucibus nulla. Aenean accumsan diam a accumsan ultricies. Maecenas tincidunt tortor non elit elementum, sed semper lectus ornare. Suspendisse eu euismod libero. Pellentesque viverra lacus sit amet ligula suscipit, vitae fringilla nibh volutpat. Duis a arcu in lacus iaculis vulputate. Vivamus ut justo nec metus sollicitudin finibus. In varius in lacus vel facilisis. Quisque sit amet neque enim. Donec pretium mauris ut ex dignissim convallis.

⭐︎ ✧ coded by stella_vigo ✧ ⭐︎ ◁ Back | Next ▷
4 Likes
346

Yes, the cursor does change, it’s working on my end!
Also the code looks great!

1 Like
347

Glad to know it works!

And thank you :wisp_heart:

1 Like
348

Scroll-Snap Gallery

Images from: https://doodleipsum.com/

Source Code 
<span style="font-size: 45px; display: block; text-align: center;">Scroll-Snap Gallery</span>

<span style="font-size:; display: block; height: 400px; overflow-x: hidden; scroll-snap-type: y mandatory; scroll-behavior: smooth;">
<span style="font-size:; display: inline-block; height: 100%; width: 100%; padding: 30px; box-sizing: border-box; scroll-snap-align: start; background-image: url('https://doodleipsum.com/400/abstract?i=533d71e7733d1ad05ecdc25051eed663'); background-size: contain; background-repeat: no-repeat; background-position: center;"></span>
  <span style="font-size:; display: inline-block; height: 100%; width: 100%; padding: 30px; box-sizing: border-box; scroll-snap-align: start; background-image: url('https://doodleipsum.com/400/abstract?i=d298131eb7322b7002e6fd50e9dd8c41'); background-size: contain; background-repeat: no-repeat; background-position: center;"></span>
  <span style="font-size:; display: inline-block; height: 100%; width: 100%; padding: 30px; box-sizing: border-box; scroll-snap-align: start; background-image: url('https://doodleipsum.com/400/abstract?i=cb0515299c600124805d923f3619c1ad'); background-size: contain; background-repeat: no-repeat; background-position: center;"></span>
  <span style="font-size:; display: inline-block; height: 100%; width: 100%; padding: 30px; box-sizing: border-box; scroll-snap-align: start; background-image: url('https://doodleipsum.com/400/abstract?i=f701b63cfe38e57fa0408c238af32027'); background-size: contain; background-repeat: no-repeat; background-position: center;"></span>
  <span style="font-size:; display: inline-block; height: 100%; width: 100%; padding: 30px; box-sizing: border-box; scroll-snap-align: start; background-image: url('https://doodleipsum.com/400/abstract?i=5af1ef6e7de4a6e775448b69ac0a9851'); background-size: contain; background-repeat: no-repeat; background-position: center;"></span>
</span>

<span style="font-size:; display: block; text-align: center;">Images from: https://doodleipsum.com/</span>
2 Likes