2009scape-website/index.html
Bart Ribbers 4eda43f39b
Use templates better to remove a ton of code duplication (#254)
* Fix broken links in update posts

They were using relative links still which became invalid by moving
directories. It's better to link stuff absolutely anyway.

* Remove unused 'secure' registration and login pages

* Remove obsolete parse.py

* Use templates better to remove a ton of code duplication

Where it made sense I converted HTML pages to Markdown to ease writing
and discourage custom styling as much as possible. These pages can still
use custom HTML when necessary, and some do, but they are easier to read
and understand now.
2024-06-02 19:15:26 +10:00

239 lines
11 KiB
HTML

---
layout: null
title: "A free & open-source remake of 2009 era RuneScape"
---
<!DOCTYPE html>
<html>
{% include head.html %}
<body id="navhome" class="bodyBackground">
<div id="scroll">
{% include header.html %}
<div id="content">
<div id="left">
<!--MAIN BUTTON: LEFT (DISCORD)-->
<a href="https://forum.2009scape.org/" target="_blank" class="createbutton">
<img src="/site/2009scape-resources/img/buttons/btn-forums2.webp" alt="Join us on the forums" width="268" height="151"/>
<span class="shim"></span>
</a>
<!--WEBSITE FEATURES-->
<div id="features">
<div class="narrowHeader">
<img src="/site/2009scape-resources/img/titles/title-websitefeatures.webp" width="162" height="12" alt="Website Features" />
</div>
<div class="section">
<div class="feature"
style="background-image: url(/site/img/2009img/main/home/featured_feature_bg.webp)">
<a href="/site/game_guide/play.html">
<img src="/site/img/2009img/main/home/feature_kbsearch_icon.webp" width="57" height="57" alt="Getting Started" />
</a>
<div class="featureTitle">Getting Started</div>
<div class="featureDesc">
If you're new to 2009Scape, check out our <a href="/site/game_guide/play.html">Getting Started Guide</a>!
</div>
</div>
<div class="feature">
<a href="/services/m=hiscore/hiscores.html?world=2">
<img src="/site/img/2009img/main/home/feature_poll_icon.webp" width="57" height="57" alt="Hiscores" />
</a>
<div class="featureTitle">Community Hiscores</div>
<div class="featureDesc">
See who's on top &amp; check your skill levels! View the <a href="/services/m=hiscore/hiscores.html?world=2">Hiscores</a>.
</div>
</div>
<div class="feature">
<a href="https://gitlab.com/2009scape/2009scape/-/issues">
<img src="/site/2009scape-resources/img/icons/feature-bugreport.webp" width="57" height="57" alt="Report a Bug" />
</a>
<div class="featureTitle">Report a Bug</div>
<div class="featureDesc">
Found a bug in game? Send us a <a href="https://gitlab.com/2009scape/2009scape/-/issues" target="_blank">Bug report</a>!
</div>
</div>
<div class="feature">
<a href="/site/classicapplet/playclassic.html">
<img src="/site/2009scape-resources/img/icons/feature-openrsc.webp" width="57" height="57" alt="Open RuneScape Classic" />
</a>
<div class="featureTitle">OpenRSC</div>
<div class="featureDesc">
Experience RuneScape Classic in its original glory: <a href="/site/classicapplet/playclassic.html">OpenRSC</a>!
</div>
</div>
<div class="feature">
<a target="_blank" href="https://github.com/2009scape/2009Scape-mobile#readme">
<img src="/site/2009scape-resources/img/icons/aog_icon.jpeg" width="57" height="57" alt="AOG" />
</a>
<div class="featureTitle">2009Scape Mobile</div>
<div class="featureDesc">Enjoy our project on the go with the Android <a target="_blank" href="https://github.com/2009scape/2009Scape-mobile#readme"> mobile client!</a>
</div>
</div>
</div>
</div>
<!--GAME GUIDE-->
<div id=articles>
<div class=narrowHeader><IMG alt="Game Guide" src="/site/2009scape-resources/img/titles/title-gameguide.webp" width="162" height="12">
</div>
<div class=section>
<div class=articlesBody>
<div class=articlesTitle>
<!--When weekly article script is implemented, switch image to 'title-article-weekly.webp'-->
<img alt="Featured Article" src="/site/2009scape-resources/img/titles/title-article-featured.webp" width="164" height="9">
</div>
<div class=aowBody>
<div class=aowHeight>
<div class=aowImage><a href="https://discord.gg/YY7WSttN7H"><img alt="" src="/site/img/2009img/main/kbase/aow_icons/discord-promo.webp" width="249" height="87"></a></div>
<P class=aowTitle>Join us on Discord</P>
<P> 2009Scape has an active community on our Discord Server. Discuss the game, ask questions, or just hang out!
<a href="https://discord.gg/YY7WSttN7H">Join Now!</a>
</P>
</div>
</div>
<div class="articlesMore"><a href="/site/game_guide/">Browse the Game Guides</a></div>
</div>
<div class=articlesFooter></div>
</div>
</div>
</div>
<div id="right">
<!--MAIN BUTTON: PLAY/CLIENT DOWNLOAD-->
<a href="/site/game_guide/play.html" id="playbutton">
<img src="/site/2009scape-resources/img/buttons/btn-play.webp"
alt="Play 2009Scape" width="480" height="151"/>
<span class="shim"></span>
</a>
<div id="recentnews">
<!--TITLE: LATEST UPDATES-->
<div class="sectionHeader">
<div class="left">
<div class="right">
<div class="plaque">
<img src="/site/2009scape-resources/img/titles/title-latestupdates.webp" width="162" height="12" alt="Latest Updates" />
</div>
</div>
</div>
</div>
<!--LATEST UPDATE ITEMS SECTION-->
<div class="section">
{% assign added = 0 %}
{% assign sorted = site.categories.updates | orderby: 'date' | slice: 0, 3 %}
{% for page in sorted %}
{% if added == 0 %}
{% assign added = added | plus:1 %}
<!--LATEST UPDATE ITEM-->
<div class='sectionBody'>
<div class='sectionHeight'>
<div class='recentNews'>
<!--UPDATE TITLE & DATE-->
<div class='newsTitle'>
<h3>{{ page.title | replace: "2009Scape - ", "" }}</h3>
<span>{{ page.date | date: '%d-%B-%Y' }}</span>
</div>
<!--UPDATE IMAGE-->
{% if page.promo_image and page.promo_image != "" and page.promo_image != nil %}
{% assign promoImage = page.promo_image %}
{% else %}
{% assign promoImage = "/site/2009scape-resources/img/updates/update-monthly-" | append: page.date | date: '/site/2009scape-resources/img/updates/update-monthly-%m.webp' %}
{% endif %}
<a class="newsImage" href="{{ page.url | prepend: site.baseurl }}">
<img alt="Latest update image" src="{{ promoImage }}" width="215" height="137">
</a>
<!--UPDATE CONTENT TEASER-->
<p>
{{ page.excerpt | truncate: 350 }}
<br>
<!--READ MORE LINK-->
<a href="{{ page.url | prepend: site.baseurl }}">Read more...</a>
</p>
</div>
</div>
</div>
<!--END LATEST UPDATE ITEM-->
{% else %}
{% assign added = added | plus:1 %}
<!--RECENT UPDATE ITEM-->
<div class="sectionBody">
<div class="recentNews">
<!--UPDATE TITLE & DATE-->
<div class="newsTitle">
<h3>{{ page.title | replace: "2009Scape - ", "" }}</h3>
<span>{{ page.date | date: '%d-%B-%Y' }}</span>
</div>
<!--UPDATE ICON (Use most relevant to this post!)
--
GENERIC // generic1.webp, generic2.webp, generic3.webp
SETTINGS & TWEAKS // settings1.webp, settings2.webp, settings3.webp
OTHER // account.webp, award.webp, bugfix.webp, combat.webp, hiscores.webp, money,webp, random.webp, website.webp -->
<img src="/site/2009scape-resources/img/updates/icons/generic1.webp" width="65" height="70" alt="Generic feature icon"/>
<!--UPDATE CONTENT TEASER-->
<p>
{{page.excerpt | truncate: 280 }}
<br>
<!--READ MORE LINK-->
<a href="{{ page.url | prepend: site.baseurl }}">Read more..</a>
</p>
</div>
</div>
{% endif %}
{% endfor %}
</div>
<!--TITLE: MORE UPDATES-->
<div class="sectionHeader" style="text-align: center;">
<div class="left">
<div class="right">
<div class="plaque">
<img src="/site/2009scape-resources/img/titles/title-moreupdates.webp" width="162" height="12" alt="More Updates" />
</div>
</div>
</div>
</div>
<div class="section">
<!--MORE UPDATES TABLE-->
<div class="sectionBody">
<table class="Updates">
{% assign sorted = site.categories.updates | orderby: 'date' | slice: 3, 3 %}
{% for page in sorted %}
<!--TABLE ITEM-->
<tr>
<td>
<strong><a href="{{ page.url | prepend: site.baseurl }}">
{{ page.title | replace: "2009scape - ", "" }}</a></strong>
</td>
<td class="UpdatesCategory">
Game Updates
</td>
<td class="UpdatesDate">
{{ page.date | date: '%d-%b-%Y' }}
</td>
</tr>
{% endfor %}
</table>
</div>
<!--LEFT LINK: DISCORD ANNOUNCEMENTS-->
<div id="feed">
<a href="https://discord.gg/YY7WSttN7H">
<img title="Discord" alt="" height="16px" width="16px"
src="/site/2009scape-resources/img/icons/brand-discord.svg" />
<span>View Announcements on Discord</span>
</a>
</div>
<!--RIGHT LINK: ARCHIVE-->
<div class="moreArchive"><a href="/updates">Browse the Updates Archive</a>
</div>
</div>
</div>
</div>
</div>
{% include footer.html %}
</div>
</body>
</html>