1,575
edits
Changes
→Setup a Local Play Page
#Download a copy of the [https://en.wikipedia.org/wiki/Cascading_Style_Sheets CSS] used to format the Play Page and it where it goes by running <pre>sudo wget -O /var/www/html/game.css http://www.quakejs.com/css/ff3bfe05fa66a6c5418f2f02b0e55e36-game.css</pre>
#Download a copy of the [https://en.wikipedia.org/wiki/JavaScript JS] and put it where it goes by running <pre>sudo wget -O /var/www/html/ioquake3.js http://www.quakejs.com/js/38cbed8aa9a0bda4736d1aede69b4867-ioquake3.js</pre>
#Download a copy of the favicons by running <pre>sudo wget -O /var/www/html/ http://steamforge.net/files/quakejs/quakejs_favicons.tar.gz</pre>
#Extract the favicons by running <pre>sudo tar -xvzf /var/www/html/quakejs_favicons.tar.gz</pre>
#Remove the compressed file by running <pre>sudo rm -O /var/www/html/ quakejs_favicons.tar.gz</pre>
#Modify the Play Page you downloaded to make it suitable for running locally by running the following command and making the change specified below <pre>sudo nano /var/www/html/index.html</pre>
##Change Line 4 to say whatever you want, something like <pre><title>QuakeJS Local</title></pre>
##Change Line 5 to <pre><link rel="stylesheet" href="/game.css"></link></pre>##Change Line 6 to <pre><script type="text/javascript" src="/ioquake3.js"></script></pre>
##Comment out Lines 7 through 16 to disable Google Analytics
###Change Line 7 to <pre><!-- <script type="text/javascript"></pre>
###Change Line 16 to <pre></script> --></pre>
##Change Line 75 to <pre>var args = ['+set', 'fs_cdn', 'quakejs:80', '+connect', 'quakejs:27960'];</pre>
##Add the following between lines 6 and 7 <pre><link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png"> link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/manifest.json"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="/ms-icon-144x144.png"> <meta name="theme-color" content="#ffffff"></pre>
At this point you can visit http://quakejs/ and it will download a couple files to your browser from your local content server and connect to your server (if it is running, which it isn't if you're following this guide).
