RuneScape Shrine (+ a bug question)

[villain]

RuneScape Shrine

I recently launched my RuneScape shrine - it's mostly about OldSchool Runescape, but also contains screenshots and writing about pre-RS3 RuneScape as well. It's a love letter to a world that I left years ago and returned to with it better than ever. As you can see, I have a few more pages I plan to write for it, but there's already writing on my journey with RuneScape in its various forms, details about my character, some of my favourite NPCs, and screenshots!

I really wanted to recreate the official site's news post design - it's really cute to me that it still looks so, well, oldschool, so it made sense to base a static site on it. I mostly just took the assets and used inspect element to copy the bits I needed to make it look right rather than taking the CSS wholesale - it was easier to remake it my way so I understood what everything was doing. They're probably using a static site generator for it anyway (I think? that said, Jagex mentioned there's a character limit on their news posts... I wonder if that's some weird technical limitation lol).

Does anyone else in Melonland play OSRS? Tell me what you've been up to in game lately, or your favourite quests!


Now, my bug - I have a navbar that's meant to be mimicking the navigation on RuneScape's official site. This is placed on each page using jquery, which is how I do all my navbars. However, I want to have the current page highlighted in grey. This works perfectly on every page - except the index/homepage. You can see it highlights every link except the parent site in grey. The script is checking to see if the current url includes the url the button links to, and if it does it adds an extra class 'active'. This works perfectly in most cases, but because NeoCities truncates index.html urls, the homepage url is 'https://tackyvillain.neocities.org/shrines/runescape/' instead of 'https://tackyvillain.neocities.org/shrines/runescape/index.html'. Does anyone have a solution for this? I've included my navigation code snippet below:

Code

<script>
    $(function(){
        let navloc = (window.location.pathname);
        if (navloc == "") {
            document.getElementById("homebtn").classList.add('active');
        }
        else {
            $('a').each(function(){
                if ($(this).prop('href').includes(navloc)) {
                    $(this).addClass('active'); $(this).parents('li').addClass  ('active');
                }
            });
        }
    });
</script>

<a id="homebtn" href="index.html">Home</a>
<a href="account.html">Account</a>
<a href="npcs.html">NPCs</a>
<a class="desat">Items</a>
<a class="desat">Quests</a>
<a href="screenshots.html">Screenshots</a>
<a class="desat">Fanart</a>
<a class="desat">YouTube</a>
<a href="/index.html" style="background: black !important; color: #90c040 !important;">Parent Site</a>

[daiko]

i love osrs!!!    i haven't played it in a while (in my burnout era, which every osrs player goes through eventually......) but my name is DaikoScape on there!! my personal favorite quest is actually A Kingdom Divided for having some half-decent characters with actual flaws. it feels like an actual story, i guess? in comparison to a lot of other runescape quests, i guess, where some stuff just happens. maybe thats too reductive?

anyway, i love old runescape. i used to love playing Scape05, before that server got shut down (some people on it were kind of weird, though)
i've really wanted to make my own runescape shrine for a while too!! maybe this is the sign that i should get started...!

(Exciting!! Daiko's Top 5 RuneScape Quests!) :

- A Kingdom Divided (I really like the characters and the weight of the story, even if I don't really care about Zeah)

- Legend's Quest (I love this quest for historical reasons!! The crustier and older the dungeon is, the better! Tytn H is the king of RSC/RS2 quests that arbitrarily have skill checks, for some reason?? I just love how weird and important this quest was in times gone by)

- Monkey Madness (i love monky) (also i really enjoyed the feeling of acute danger while in Marim)

- Hazeel Cult (i love hazeel and i love how grimy this quest was before it got spruced up for Secrets of the North. the way hazeel was just a guy in white body paint and has little construction paper horns is SO hysterical to me)

- Fight Arena (similar reasons, Khazard is my favorite runescape character. he loved bouncer!)

(sorry, i couldn't figure out what was wrong with your code... i hope you figured it out!!  )

[foxmosis]

Your site's right on the money, this is making me think fondly about Runescape.  I don't wanna say that it's a game experience I take for granted but it definitely isn't one I give enough credit.  Like I sucked at the game but it was a fun time hoping on after school to hang out with my friends.  Honestly, and I totally understand why and ultimately think it's better that this is the case, but if I could use my OG account of OSRS instead of RS3 I'd probably be more down to play more often.  Not because I had any wild stats or anything, but I had this one holiday hat and the idea of playing without it feels wrong.

I got a lot of tiny little memories with Runescape but I think the funniest one I have is there was this one time I was standing around in some alley in Varrock minding my own buisness, and someone coming up to me saying something along the lines of "Poop!  Poop!  Poop!" "I'm pooping right now!" and that really freaked me out as a kid and I ran away.

[crazyroostereye]

Never really played RuneScape, so I don't really have any nostalgia for it. But I do like the Website.

What I can tho give you is help with your Problem. In the case when you are on the index using the folder path, e.g. https://tackyvillain.neocities.org/shrines/runescape/ The window location path isnt empty, its / so your if functions needs to be Adjusted.

change navlock == "" to navlock == "/"

Code

	<script>
	    $(function(){
	        let navloc = (window.location.pathname);
	        if (navloc == "/") {
	            document.getElementById("homebtn").classList.add('active');
	        }
	        else {
	            $('a').each(function(){
	                if ($(this).prop('href').includes(navloc)) {
	                    $(this).addClass('active'); $(this).parents('li').addClass  ('active');
	                }
	            });
	        }
	    });
	</script>
	 
	<a id="homebtn" href="index.html">Home</a>
	<a href="account.html">Account</a>
	<a href="npcs.html">NPCs</a>
	<a class="desat">Items</a>
	<a class="desat">Quests</a>
	<a href="screenshots.html">Screenshots</a>
	<a class="desat">Fanart</a>
	<a class="desat">YouTube</a>
	<a href="/index.html" style="background: black !important; color: #90c040 !important;">Parent Site</a>
	

Hope I helped