mirror of
https://github.com/2009scape/2009scape.github.io.git
synced 2024-11-20 18:02:36 +01:00
41b0a69711
updated getting started guide content changed home page play button link to open the getting started guide
231 lines
12 KiB
HTML
231 lines
12 KiB
HTML
---
|
|
layout: default
|
|
tag: home
|
|
title: A free & open-source remake of 2009 era RuneScape
|
|
---
|
|
<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.png" alt="Join us on the forums" />
|
|
<span class="shim"></span>
|
|
</a>
|
|
<!--WEBSITE FEATURES-->
|
|
<div id="features">
|
|
<div class="narrowHeader"><img src="./site/2009scape-resources/img/titles/title-websitefeatures.png"
|
|
alt="Website Features" />
|
|
</div>
|
|
<div class="section">
|
|
<div class="feature"
|
|
style="background-image: url(./site/img/2009img/main/home/featured_feature_bg.png)">
|
|
<a href="./site/game_guide/how_do_i_get_started0.html"><img
|
|
src="./site/img/2009img/main/home/feature_kbsearch_icon.jpg" 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/how_do_i_get_started0.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.jpg" alt="Hiscores" /></a>
|
|
<div class="featureTitle">Community Hiscores</div>
|
|
<div class="featureDesc">See who's on top & 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.jpg" alt="Report a Bug" /></a>
|
|
<div class="featureTitle">Report a Bug</div>
|
|
<div class="featureDesc">Found a bug in game? Let us know <a href="https://gitlab.com/2009scape/2009scape/-/issues" target="_blank">here</a>.</div>
|
|
</div>
|
|
<div class="feature">
|
|
<a href="./site/classicapplet/playclassic.html"><img
|
|
src="./site/2009scape-resources/img/icons/feature-openrsc.jpg" 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"
|
|
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.png">
|
|
</DIV>
|
|
<DIV class=section>
|
|
<DIV class=articlesBody>
|
|
<DIV class=articlesTitle>
|
|
<!--When weekly article script is implemented, switch image to 'title-article-weekly.png'-->
|
|
<img alt="Featured Article" src="./site/2009scape-resources/img/titles/title-article-featured.png">
|
|
</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.png"></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/how_do_i_get_started0.html" id="playbutton">
|
|
<img src="./site/2009scape-resources/img/buttons/btn-play.png"
|
|
alt="Play 2009Scape" />
|
|
<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.png" alt="Latest Updates" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!--LATEST UPDATE ITEMS SECTION-->
|
|
<div class="section">
|
|
{% assign added = 0 %}
|
|
{% assign sorted = site.pages | orderby: 'date' | reverse %}
|
|
{% for page in sorted %}
|
|
{% for tag in page.tags %}
|
|
{% if tag == "news" and added < 3%}
|
|
{% 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.png' %}
|
|
{% endif %}
|
|
<a class="newsImage" href="{{ page.url | prepend: site.baseurl }}"><img clalt=''
|
|
src="{{promoImage}}"></a>
|
|
<!--UPDATE CONTENT TEASER-->
|
|
<p> {{ page.excerpt | truncate: 350 }}
|
|
<!--READ MORE LINK-->
|
|
<br><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.jpg, generic2.jpg, generic3.jpg
|
|
SETTINGS & TWEAKS // settings1.jpg, settings2.jpg, settings3.jpg
|
|
OTHER // account.jpg, award.jpg, bugfix.jpg, combat.jpg, hiscores.jpg, money,jpg, random.jpg, website.jpg -->
|
|
<img src="./site/2009scape-resources/img/updates/icons/generic1.jpg" />
|
|
|
|
<!--UPDATE CONTENT TEASER-->
|
|
<p>{{page.excerpt | truncate: 280 }}
|
|
<!--READ MORE LINK-->
|
|
<br><a href="{{ page.url | prepend: site.baseurl }}">Read more..</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
{% endif %}
|
|
{% endfor %}
|
|
{% 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.png" alt="More Updates" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="section">
|
|
<!--MORE UPDATES TABLE-->
|
|
<div class="sectionBody">
|
|
<table class="Updates">
|
|
{% assign counter = 0 %}
|
|
{% assign added = 0 %}
|
|
{% assign sorted = site.pages | orderby: 'date' | reverse %}
|
|
{% for page in sorted %}
|
|
{% for tag in page.tags %}
|
|
{% if tag == "news" %}
|
|
{% if counter < 3 %}
|
|
{% assign counter = counter | plus:1 %}
|
|
{% elsif added < 3 %}
|
|
{% assign added = added | plus:1 %}
|
|
<!--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>
|
|
{% endif %}
|
|
{% endif %}
|
|
{% endfor %}
|
|
|
|
{% 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="./services/m=news/archives/">Browse the Updates Archive</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|