*** DRAFT ***

 

Sorry, the review is in progress. I am updating it day by day. I published it because some guys asked me how monitor works.

Quake 3 Monitor is a query server status customizable. in order to get the status It uses latest PHP GameQ class. To be honest it can query not only quake 3 server but a long list of server how documentated in the Austin Bischoff Github.

Monitor alsi uses PHP,  Pure Javascript, HTML and CSS using Visual Studio Code as editor.

It is customizable, not full responsive but enoght on different screesize.

  

MAIN FEATURES

- Custom Servers List

- Connect to Quake 3 Server

- Search (Server, Player, Map 3)

- Auto Refresh (see settigns)

- Skins

- Custom CSS or URL

- Image Zoom

 

 


*** DRAFT ***

 

Sorry, the review is in progress. I am updating it day by day. I published it because some guys asked me how monitor works.

Quake 3 Monitor is a query server status customizable. in order to get the status It uses latest PHP GameQ class. To be honest it can query not only quake 3 server but a long list of server how documentated in the Austin Bischoff Github.

Monitor alsi uses PHP,  Pure Javascript, HTML and CSS using Visual Studio Code as editor.

It is customizable, not full responsive but enoght on different screesize.

  

MAIN FEATURES

- Custom Servers List

- Connect to Quake 3 Server

- Search (Server, Player, Map 3)

- Auto Refresh (see settigns)

- Skins

- Custom CSS or URL

- Image Zoom

 

 

CUSTOM SERVERS LIST

CUSTOM SERVERS LIST

from textarea, url in textarea or using url as argument

btw u can customize your list, there are 3 ways to do it:

 

CONNECT TO THE SERVER

CONNECT TO THE SERVER

If you configure your pc as explained here, you can click on play icon and connect to the server. Something like the well known http:// ... or ftp://  I used to create qool:// so to connect to the server qool7.quakearea.com the link will be qool://qool7.quakearea.com

In order to use the play icon to connect to the server you have to :

- Create a personal URI SCHEME PROTOCOL in your PC

- Type the URI name created in the settings field.

In order to create an uri schem you should use some lines of windows registry.

To make easy this step I created the vb dot net application QooLRun.exe.

QooLRun.exe has 2 main features:

  1. Initial setup (create the URI scheme protocol and set the quake3 client to run)
  2. It will be the "bridge" between the monitor webpage and your quake3 client. Infact when the uri scheme like qool://serveraddress:port is invoked, QooLRun.exe will be launched from windows and it will call the specified quake3 client.

Note:

In order to create a new scheme protocol, and only 1 time,  maybe,  you will need run QooLRun.exe as administrator.

 

 

 

SKINS

SKINS

Not sure if the right name is skin but it looks so. Some colors skins are ready to use. Just open the settings and choice one. Not always the resul is full visible, so a refresh page is suggest.

The skin is also selectable using the url argument s=skinname. The below link will open the monitor with the red skin.

https://www.quakearea.com/mon/#s=red 

https://www.quakearea.com/mon/#s=white

 

 

CUSTOM CSS OR URL

CUSTOM CSS OR URL

In the settings there is a textare where you can add your custom css or a link to an external file css.

For example you could use a skin and change the background. the below example will set the background.

    /*  Quake3 skin - background collections */
    .background {
        background-color: #000000;
        background-image: url(https://www.quakearea.com/site/templates/protostar/images/q3_bg_skin.png),radial-gradient(#ba0e19, #1c0202);
        background-image: url(https://www.quakearea.com/site/templates/protostar/images/q3_bg_skin.png),radial-gradient(#cac9c9, #000000);
        background-image: url(https://www.quakearea.com/site/templates/protostar/images/q3_bg_skin.png),linear-gradient(to right bottom, #43b581, #00b3a2, #00afc0, #00a7d7, #009ce1, #3d8ed1, #5280c0, #5e72ae, #51618e, #455170, #3a4152, #2f3136);
    background-image: url(https://www.quakearea.com/site/templates/protostar/images/q3_bg_skin.png),linear-gradient(to top, #43b581, #00b3a2, #00afc0, #00a7d7, #009ce1, #3d8ed1, #5280c0, #5e72ae, #51618e, #455170, #3a4152, #2f3136);
    }

You can also use a link to a css file stored in your cloud or website but not both, I mean you can use css or link and NOT css and link.

Try to copy and paste the following url in the "Custom CSS or URL" field

https://www.quakearea.com/mon/css/skins/style-debug.css

 

Custom CSS Examples

CUSTOM CSS EXAMPLES

 /* EXAMPLE 1#  - Small Boxes*/
   @media (max-width: 1920px) {
    .boxes>div {
        width: calc(10% - 20px);
        font-size: 70%;
         font-weight: 200;
     }
}

 

 

  

- have fun -