The Making of the CCN0 Portal

Hey, it's CCN0, notorious bullshit maker. I am a big fan of making useless gizmos. I found some cool things and exploits, which then led to the making of the CCN0 Portal, which has gone through many updates and changes until I finally made the version you see now.

Tinkering

If you're wondering, I fucked around a lot with the school computers. I was a notorious soundboard user, 'the hacker dude', and many other nicknames from my antics. All of my bullshitting led to my school laptop being taken away and my school account being locked. I have many words about this decision but it led to me one day tinkering with the log in kiosk. Which then led to me breaking out of the log in page onto Microsoft's homepage. This was a huge breakthrough as this worked just like a private tab, and you could just browse like you were logged in!

One problem:

You couldn't just enter a URL. You had to go through a search engine to get to many things, which was either annoying or impossible. Going to my site was annoying, and getting to cool sites like game sites, videos, media, and tools like Skool and Polaris were basically impossible. But then I had an idea.

You remember Yahoo?

I opened an old website template I had lying around. I made a shitty little form to go to any URL, and added some links to many websites. And it worked. It was fine to use, but later when using it, I realized how bad it looked on the tiny log in kiosks, and it looked off on big kiosks. But I was busy working on other projects, like Notepad Win and GlobalClocks, so I left it to rot, and the CCN0 Portal entered hiatus.

Life without the Web

Using school computers without logging in was very fun. I would play games fine (they were slower, which I suspect was because they didn't allocate shit for the log in screen), and Instagram, YouTube TikTok all worked on it. There were basically no issues. I even added a rAdBOX to it, but it looked like shit. But then I got tired of it. It was overly bright, had a shitty UI, and basically nothing from the modern age. So I decided I was going to catalog many websites, tools, social medias, and more shit and keep them in mind for when I update the site.

Starting from Scratch (kinda)

I was working on a different project at the time, which let you make bento-box UI websites easy. Unfortunately, I thought about it a little more, and realized it would allow many malware things and other bullshit to exist, under MY website. So I canned it. I had this code and CSS with no use. Until I realized something. This would be perfect for a web directory, such as the CCN0 Portal. And I got to work. In one day, I had the CCN0 Portal looking better than ever. It looks good on small displays, large displays, it had a responsive layout, and looked very modern. It was basically perfect. I updated the 'How to get back' section and eventually updated my disclaimers.

Currently, the CCN0 Portal is working fine without JavaScript, or even CSS. People have been using it so much, that if you search 'ccn0 portal' on Bing, you can get to my site without typing a URL. It's one of my best works, and I hope to be updating it for years to come with more bullshit and other shit. Thank you for reading about my bullshit, maybe you'll find a use for it as well.

The Making of Soundlets+

Hello. I am CCN0, notorious soundboard maker. I have worked on many soundboards in my time working on my website. It all accumulated into Soundlets+, an application I made to make and share your own soundboard.

It all began with memesoundboard.com. It was a site filled with 100s of sounds. It was pretty fun. Until the school blocked it. It was unfortunate seeing people going to the shadiest websites known to man just to make a joke, using YouTube, and struggling to mute a tab. Very sad. So I decided that I would create my own. This was before I even knew how Javascript worked. I had a website, HTML and CSS knowledge, all I had to do was teach myself. And so I began work.

Eventually, I created Funny Hahas, named that because it was 3AM and I had spent the last 3 hours working on it. There were 15 sounds. You couldn't spam sounds, use them on other sites, it was very bland. It was titled Clever so that it could be disguised between other tabs. It was very primitive but testing it in class worked. People who knew me knew I played the sound, but teachers couldn't tell the difference. It was great, I told people about it, they told people about, they told their friends about it. Until I received the first request to add a sound. Most of the sounds I added were just the easiest ones to remember from memesoundboard, and I added sounds, and people didn't like it.

The sounds I would add were collected over a few weeks, so most of the memes were stale by the time they were added. The way I made the site meant that sounds were hard to add, I couldn't add one at a time, it was bad. I had a Google Form where people could request sounds, and going through that, once, was terrible. It was filled with spam, jokes, literally nothing (like someone just pressed the space bar), and I could only add a few sounds. I also figured out how to turn sounds into bookmarklets, where you could use them everywhere.

After that shit, I decided that I was going to add a few more sounds, and deprecate Funny Hahas for good. I took a break from soundboards for a bit, working on games, other apps like CCN0TEPAD, updating my website, and eventually I decided it was time to get back to work. So I had the idea for Wikinoise, a soundboard disguised as Wikipedia. It was Funny Hahas (B), but I changed the format to look like mobile Wikipedia. I only added a few sounds before giving up on it because I don't like Wikimedia's API and thought it would be too complicated to host anywhere other than my site.

Summer 2023. I had learned some Javascript, and I had an idea. What if you made your own soundboard bookmarklets? It was a very simple app to make, I had created an app that just redirects you from FANDOM.com to BreezeWiki.com, all I had to do was change it to work for sounds. And so Soundlets was born, a portmanteau of sound and bookmarklet. And the next day, I had a bigger idea. What if you made the soundboard? I had worked with HTML nodes before, so I thought it would be easy.

I started work at noon. I took the Soundlets code, and now had to figure out how to do this. I already knew what I wanted it to look like, how the editbar was ordered, how boards were saved, and I wanted it so that you can share with people. This seemed like a daunting task, but I eventually got nodes working, so you could add sounds, add dividers, add breaks, and undo the last change. Now all I had to do was save this to a JSON file. It was easier than I thought, the hard part was loading them from this JSON. I then realized that people probably won't just download a file called soundboard.json. So I had the idea of using the URL hash (the # part after the URL) as the JSON. You just copy and paste the JSON at the end, and you could load it like that. But I realized people weren't gonna save it to their computer, and then copy the text, and then paste it in a URL. Plus the URLs wouldn't work on apps like Instagram, iMessage, not even Discord could handle such a link. So I made it so that you could just copy the link to the board you had created, and changed it so the link saved using URI encoding/decoding.

Currently, we are on v1.3 of Soundlets+. Just because I am done with soundboards doesn't mean I'm done with Soundlets+. It will continue to be maintained until it is truly perfect. Thank you for reading.