OSRS Font Parser
Make your website relive your childhood

You can now get all of these sweet colors on your website
Altough nostalgic, they're still pretty boring

yellow:Buying gf 10gp

<p>yellow:Buying gf 10gp</p>

purple:Selling sharks 950gp ea

<p>purple:Selling sharks 950gp ea</p>

white:Loading - please wait.

<p>white:Loading - please wait.</p>

green:Selling addy pick 2.3k

<p>green:Selling addy pick 2.3k</p>

cyan:Selling prayer pots 8.6k ea

<p>cyan:Selling prayer pots 8.6k ea</p>

red:We pay to pk!

<p>red:We pay to pk!</p>

But what about animated colors?
I've got you covered bro

glow1:Nice

<p>glow1:Nice</p>

glow2:Trimming armour, not a scam

<p>glow2:Trimming armour, not a scam</p>

glow3:Selling rare black lobster 500k!

<p>glow3:Selling rare black lobster 500k!</p>

flash1:[ANGRY RIOT MESSAGE]

<p>flash1:[ANGRY RIOT MESSAGE]</p>

flash2:Buying trout 21gp each

<p>flash2:Buying trout 21gp each

flash3:If you use this one, you have no friends

<p>flash3:If you use this one, you have no friends</p>

You can even make them move!
Move it, baby

flash2:wave:Selling cooked swordfish 245gp ea

<p>flash2:wave:Selling cooked swordfish 245gp ea</p>

glow1:wave2:L0L0L0L0L0L00L0L0L00L00L0L0L

<p>glow1:wave2:L0L0L0L0L0L00L0L0L00L00L0L0L</p>

shake:red:Grats on 99 agility, you officially have no life

<p>shake:red:Grats on 99 agility, you officially have no life</p>

scroll:green:Doubling money - 1000k left

<p>scroll:green:Doubling money - 1000k left</p>

slide:yellow:Lol reported

<p>slide:yellow:Lol reported</p>

Try it yourself!
Go sell those lobsters, you noob

 

Download and installation
You can implement this on your website too!

Download method #1
Press this big ol' button

Just press accept mate.

Download method #2
Clone the code using git, nice 

$ git clone git@github.com:Paradoxis/OSRS-Font-Parser.git

Download method #3
Download the code using wget (linux, nice) 

$ wget https://github.com/Paradoxis/OSRS-Font-Parser/archive/master.zip

Download method #4
Download the code using curl (we get it, you're a l33t hacker) 

$ curl -D OS-Font.zip https://github.com/Paradoxis/OSRS-Font-Parser/archive/master.zip

Installation
This part separates the noobs from the maxed mains

  1. Extract the contents of the zip file into a directory of choice.
  2. Copy all the files from src/ to a directory in your public webroot.
  3. Make a link to os-font.css at the bottom of your <head> tag
  4. Make a link to os-font.js at the bottom of your <body> tag
  5. Initialize the OsFont library by calling OsFont.compile() after loading the library
    • To compile a specific element, pass a DOM node OsFont.compile() like so: OsFont.compile(document.getElementById("nice"))

Example skeleton
It's like botting, but without the risk of getting banned 

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8"> 
        <title>OSRS Font Parser example</title>
        <link rel="stylesheet" href="os-font.css" />
    </head>
    <body>
        <p>flash2:wave:I'm now animating, nice</p>

        <script type="text/javascript" src="os-font.js"></script>
        <script type="text/javascript">
            OsFont.compile();
        </script>
    </body>
<html>

License

MIT License

Copyright (c) 2016 - Luke Paris

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Fork me on GitHub