Author: Guren

  • Project #31: Added a WordPress blog to this website. It is a subdirectory of this site.

    2girls ;) aqua_neckerchief blush breasts brown_dress cerise_bouquet closed_mouth cropped_torso dress flower green_eyes hair_bun hair_intakes hair_ornament hasu_no_sora_school_uniform hinoshita_kaho link!_like!_love_live! long_hair long_sleeves looking_at_another love_live! medium_breasts multiple_girls neckerchief one_eye_closed orange_hair otomune_kozue purple_hair rabbit_hair_ornament red_flower red_neckerchief sailor_collar sailor_dress school_uniform side_ponytail sidelocks simple_background single_side_bun smile split_mouth tassel tassel_hair_ornament two_side_up v-shaped_eyebrows virtual_youtuber white_background white_sailor_collar winter_uniform zangemiya

    Link

    Estimated date of creation: June 2nd, 2025

    Status: Online 🟢

    I first tried WordPress back in like 2005, and I kind of hated it. I find HTML and CSS kind of fun, but I don’t really like using CMS systems, usually. There’s usually some annoying boundaries that you have to operate in, and I don’t like that very much. There’s also paid templates, usually, for a better-looking webpage. Anyways, although I’m confident that I could code a YouTube clone or something, I don’t feel like putting together blogs or Yelp-style directory websites from scratch. I want to launch some Craigslist-style directory websites, as I hear that those can be money-makers. There’s directory plugins for WordPress. I’ll experiment with that.

    For now, what I’m linking to is just another version of this homepage, where I have an admin account that logs into the blog, and I have made a bunch of blog post versions of these tables on the homepage. I’m probably always going to just keep updating the homepage and not these experimental replicas of it, but yeah, I learn things along the way.

    This is a WordPress.org site rather than a WordPress.com site. It’s running on Linux. If I was still using the simpler version, this would probably still bore me and be trash. It seems cheaper and more versatile like this.

  • Project #30: Added Cloudflare protection to JordanIsLame and GurenCodes websites, and learned about Google Captcha, and how to make a captcha yourself.

    1girl apex_legends bangs beige_background black_eyes black_hair blanket blush chibi eating food fruit hair_bun holding holding_food holding_fruit husagin looking_ahead open_mouth orange orange_slice solo table wraith_(apex_legends)

    Estimated date of creation: May 18th, 2025

    Status: Online 🟢

    As I’ve said before, I’m a bit paranoid about being DDOSed. When I first set up my server for these two websites, I noticed in my firewall logs that bots crawl the internet and send SSH requests to people’s servers, like, every 5 seconds. So there are constantly people trying to SSH into your server at any given moment. These are likely created by hackers, that could find something useful if they invade your databases, for instance, like user passwords or credit card numbers. I already have multiple layers of security on my servers to prevent SSH access, database access, root access, etc. Seriously, it was a sobering moment, noticing that people were trying to log into my Linux user, every 2 seconds.

    In order to prevent data transfer fees, I decided to instantiate Cloudflare protection. Cloudflare can use reverse proxies and split traffic from hammering in a precise manner. It can kind of diffuse it like light through a screen so that your IP isn’t being hammered so intensely at once. I’ve noticed that many website use Cloudflare, including 4chan. A site like that gets attacked a lot, surely, by botnets, and I also read a story recently of Simmer.IO, where a DDOS cost him $100,000 and ripped apart his website. So I’m adding Cloudflare as some botnet protection.

    I also did some experiments with Google Recaptcha, which I’ll use for forms in the future to prevent spam, etc. I’ll try to add a page showing what I mean soon, including a Captcha you can fill if you want to help Google’s machine learning.

  • Project #29: “Ninja Walk” (find the 15 ninjas)

    1girl ai-generated ai_generated black_hair blue_eyes blue_sky cathouse_(artist) colored_tips kitsune_marks kunimitsu_ii kunoichi namco tekken tekken_8 training

    Link

    Estimated date of creation: May 17th, 2025

    Status: Online 🟢

    This is my first project I made in Unity, apart from the tutorial. Actually, I’ve been installing and uninstalling Unity on repeat since about 2009. I never end up getting anywhere. But as part of the challenge I’m on where I’m locking myself in my room for 4 months and trying to make money from coding, I’m going to try Unity game development alongside web development.

    I’ve been listening to a lot of Shinobi OST music lately, which is like 16-bit Chinese-style music. I also beat Shinobi Shadow Dancer on the Sega Genesis for the first time about a month ago. I decided to make a Unity game about ninjas, as a beginner projects. Didn’t figure out stair physics or attack physics yet, though, so this is just a walking around simulator, in a world of random 3d assets.

    You can either play the game on the Unity Play website, or play it by downloading this ZIP file and extraacting it as a folder. The goal is to find the 15 hidden ninjas. You don’t click on them or anything, you just kind of count them in your head. You can’t jump, or do anything but walk. You can noclip through objects. You’re a ninja yourself.

    Again, 3 options below. Option 1 involves playing it in the browser. Options 2 and 3 involve unzipping the package on Windows and running the exe.

    Unity Play link

    Google Drive link

    Mega download link

  • Project #28: Did the 10 hour Unity tutorial, and exported my worlds I built as a WebGL game.

    1girl 8sjqzhap4pupzkc absurdres black_jacket brown_hair glasses green_necktie highres jacket long_hair looking_at_viewer lynette_bishop military military_uniform necktie no_pants shirt simple_background simple_bird sitting smile solo strike_witches sweater sweater_vest white_background white_shirt world_witches_series

    Link

    Estimated date of creation: May 16th, 2025

    Status: Online 🟢

    This isn’t really that impressive or cool in a way, but I followed the in-editor tutorials that are in the sidebar of Unity 6.1, and I compiled my game that was made. It has a main menu at the front where you can try all the little worlds. I believe “escape” lets you go back to the main menu, and get out of whichever world you’re in. I customized my worlds slightly, so they might look a little different than other people’s compile of this completed tutorial. There’s a picture of Konata from Lucky Star framed on the wall in one of the worlds, for instance.

  • Project #27: An upload page that’s behind a login screen

    1girl bathroom bow bowtie chu_(ch_u_ing) closed_mouth commentary different_reflection eyes_visible_through_hair finger_to_mouth hair_ornament hair_over_one_eye hand_mirror highres indoors long_hair looking_at_viewer mirror mouth_hold nijisanji pink_eyes pink_hair plaid_clothes plaid_skirt ponytail red_bow red_bowtie red_skirt reflection shiina_yuika skirt smile solo sweater symbol-only_commentary toothbrush virtual_youtuber white_sweater

    Link

    Estimated date of creation: May 16th, 2025

    Status: Online 🟢

    I still don’t fully trust the internet. In this journey of learning full-stack and back-end development, I’ve been thinking a lot about how not to get my site blown up. I go through a VPS host, and don’t want their computer to get compromised, don’t want weird stuff in my storage, and also don’t want my own credentials to get leaked. I’ve had to learn quite a bit about Linux security already, such as learning file permissions, keeping SSH access off for the root account, keeping sensitive information outside of the Apache domain root, etc.

    Well, I’m interested in creating more advanced websites in the future, where someone could upload something to their account. Today’s project is about letting me (and only me) log into a page, and then upload something to the server. I don’t currently trust the internet enough to just leave an open upload link sitting on a webpage, where they can’t get back their data but can upload whatever. Seems like a recipe for having weird stuff uploaded to my server. I don’t really want that.

    Anyways, this was quite a challenge. This was a combination of 3 major steps I’ve been working on lately, which is database usage (it calls my credentials out of the database), login screens, and upload pages.

    I’ll try to add picures here soon to show what’s actually happening behind the scenes, since this is one of my mysterious entries.

    Certain PHP functions I learned for this were session variable stuff like session_start() and session_destroy(), all the MySQLi connect methods like query() and fetch_assoc(), and some stuff in the “PHP.ini” file. Also, the PHP basename() function, and much more. I’ve been learning quite a bit with each of these projects, although they do probably look like pretty small steps, or even non-projects.

    ¯\_(ツ)_/¯

  • Project #26: A simple hit counter page using PHP and SQL.

    breasts brown_eyes brown_hair hand_against_hip hedge highres long_skirt maison_ikkoku medium_breasts medium_hair parted_lips path poppowerhearts skirt stone_walkway v yagami_ibuki

    Link

    Estimated date of creation: May 15th, 2025

    Status: Online 🟢

    This is a very simplistic hit counter system that just tracks how many people the page has been viewed by, or, really, how many times the page has been loaded. It just has an integer “hit” counter that goes up by 1 every time the PHP script runs, and that happens when the page is loaded. The “hit” column in the SQL database is semi-permanent. It’s permanent as long as the database or the computer is never destroyed.

    This isn’t all that interesting, it’s only interesting because it can be used for a “views” tracker on a large website later.

  • Project #25: Sega shrine like Voupie’s but with Webamp and EmulatorJS

    1girl aqua_eyes aqua_hair bare_shoulders blue_jacket claw_pose collarbone commentary cosplay fang gloves hatsune_miku headset hedgehog_ears highres hood hoodie jacket jewelry looking_at_viewer microphone open_mouth ring sega sleeveless sleeveless_jacket smile solo sonic sonic_(cosplay) sonic_(series) sonic_the_hedgehog takepon1123 upper_body v-shaped_eyebrows vocaloid white_gloves yellow_background zipper_pull_tab

    Link

    Estimated date of creation: May 15th, 2025

    Status: Online 🟢

    Arguably the thing that got me into web development was finding Neocities, and specifically, this guy Andrue’s site “Voupie.lol“. I think he’s a Mexican guy that lives in Arizona or something like that. Anyways, in 2022 he was like the only person that had a Neocities youtube tutorial. So I found him that way, but he has probably my favorite Neocities site. I’m the other person with famous Neocities youtube video, mine has almost as many views as his.

    Anyways, we’ve never met, but I take his ideas for my projects sometimes. This time I made my version of his Sega shrine. I’m a Sega superfan as well, probably moreso than him, and I’ve owned all the Sega consoles.

    My version of the Sega shrine concept includes a Webamp player of my 10 favorite Sega Genesis BGM songs, and an EmulatorJS player of a game.

    Since this site is for educational purposes, and I encourage my viewers to reverse engineer my website to learn coding, I consider this to be Fair Use under USA copyright law. The game rip was from a USA-region version.

    I was going to do the SQL database experiments I’ve been doing lately but I decided not to.

  • Project #24: Remake of the PC-98 shrine from my old site but with database usage for the image paths

    bishoujo_senshi_sailor_moon brown_hair cloud crop_top denim denim_shorts dutch_angle green_eyes hair_bobbles hair_ornament kino_makoto long_hair midriff oekaki pc98 ponytail shorts sly smile tank_top tree wet wince wink

    Link

    Estimated date of creation: May 14th, 2025

    On my original jordanislame.neocities.org indie web website, I had made a page sort of celebrating the aesthetic of the PC-98. It has images all over it of some of the more spectacular images and animations from those games. Games like Snatcher, etc. I made a mild remake of that page, but where the image paths are stored as a string in MySQL, and the string is fetched by a PHP loop to use in the “src” attribute of HTML image tags. Just like the Gurencodes main page database-ification I did right before this, it looks like the same exact webpage.

    So is this even exciting? Maybe not to you. But for me, these are steps towards being able to make advanced websites with videos that have data (like a name and view count) attached to their SQL table row, login systems, etc. It’s always good to get comfortable learning backend database systems if you want to get into web development.

    I used some Bootstrap on this so it looks a little different than the original.

  • Project #23: Recreating the GurenCodes page out of SQL data that is fetched from the database at page load

    aircraft airplane azuki-iro black_hair blue_impulse_(team) blue_sailor_collar blunt_bangs brown_eyes fighter_jet hair_ribbon hatsuyuki_(kancolle) highres hime_cut holding holding_umbrella kantai_collection long_hair military military_vehicle neckerchief red_umbrella ribbon sailor_collar school_uniform serafuku tress_ribbon umbrella

    Link

    Estimated date of creation: May 12th, 2025

    Status: Online 🟢

    Is it annoying you how I’m breaking these projects up into little pieces? One could say that a single project should be an entire major website made, or a massive app made, and little side projects shouldn’t be included. However, this was a major step for me. This may be the first time I’ve used SQL for anything practical before. And I had to learn how to route PHP’s MySQLi driver to communicate between PHP, HTML, and SQL.

    This main homepage is currently just typed out in text as HTML. It just sits in an HTML file. It’s not fancy. What was cool about this homepage was that I used Bootstrap and had put this on a server. But what’s cool about this other project is that I learned PHP, SQL, and MySQLi in order to use it. As of this writing, I only put two tables on the page, and other than that the page is a remake of this page you’re already on, but the table is entirely scraped out of PHP and SQL code. A PHP file tends to contain a bunch of HTML code that just is left untouched and treated like an HTML file. But in this case, we echoed out entire tables worth of data, that was sitting in a database, that was written into the HTML file by the PHP. I think that’s cool.

    The other thing is that this is a major step, because now that I know how to pull data out of a database and display it on a webpage, I can soon make a modern changing mechanical sort of site like Reddit or Newgrounds or something.

  • Project #22: GurenCodes website (v1) and learning Apache virtual hosts and Bootstrap

    1girl armrest black_choker bra_strap can chair choker computer computer_keyboard computer_mouse cross cross_earrings drink_can ear_piercing earrings glasses greyscale hand_up highres jewelry looking_at_viewer medium_hair messy_hair monochrome monokurocorp monster_energy one_side_up original piercing puriririririri shirt sitting solo table thighs v wavy_mouth

    Estimated date of creation: May 7th, 2025 (in progress)

    Status: Online 🟢

    I had learned a lot about hosting websites when I hosted by Vichan 4chan clone to www.maochan.org using Nginx, and when I hosted Jordanislame.com on an Apache server. But my two things I run Linux servers through are usually a VMware Workstation emulation (which would involve using my own personal network for serving), and a Linode cloud VPS server. For a few reasons, hosting from my own PC doesn’t really work. I’m also a bit paranoid about hackers attacking my home network anyways. So I usually use the cloud. But running 10 different servers to run 10 different websites would be expensive, wouldn’t it? Linode charges you for each one that is running. So I decided to start running multiple websites from my server computers in all cases. With Apache, that involves learning virtual hosts. (there’s a similar concept possible for Nginx btw) The easiest video I’ve seen on how to set this up is this one. Apache is an HTTP server, and having multiple websites stored in the website folders is not necessarily harder on the computer or the server than haveing one site per server. That’s because if one site is dead and the other is busy, the only thing the dead site is doing to the computer is taking up some storage space in the site folder. And if both sites are busy, it just means twice the number of HTTP requests as one site of that traffic level.

    The virtual host thing is the interesting part about this website you’re reading. I forget if I had to do something special to make the domain names resolve to the same IP address. Check out this GitHub repo (I may or may not have it set to public) if you want to see how I set up the virtual hosts for an Apache server.

    And I was lazy with the CSS on this website, so I just used Bootstrap, so a lot of the tables and fonts that you’re looking at are made out of prebuilt Bootstrap things. I built the animated rainbow text myself, though, and I made that like 3 years ago for the meme soundboard.