\u003c/svg>\n #{{server.rank}}\n \u003c/span>\n \u003cspan id=\"server-players\">\n \u003csvg class=\"icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\u003cpath d=\"M11 10.977q0 .937-.57 1.48T8.914 13H2.086q-.945 0-1.516-.543T0 10.977q0-.414.027-.81t.11-.85.206-.85.336-.76.483-.634.668-.418.872-.156q.07 0 .328.167t.582.375.844.375 1.043.168 1.042-.168.844-.375.582-.375.328-.168q.477 0 .87.155t.67.418.483.633.335.762.207.848.11.852.026.81zM8.5 4q0 1.242-.88 2.12T5.5 7t-2.12-.88T2.5 4t.88-2.12T5.5 1t2.12.88T8.5 4z\"/>\u003c/svg>\n {{server.playerCount}}/{{server.maxPlayers}}\n \u003c/span>\n \u003cdiv id=\"server-address\">\n {{flag server.country}}\n \n {{! Will start Steam and connect to server }}\n \u003ca href=\"steam://connect/{{server.address}}:{{server.port}}\" title=\"Connect to server\">\n {{server.address}}:{{server.port}}\n \u003c/a>\n \u003c/div>\n\u003c/div>\n\n\u003cdiv id=\"chart\">\n{{#chart 'Players 24H' 'players:24H'}}\n {\n \"high\": {{server.maxPlayers}},\n \"low\": 0,\n \"axisX\": {\n \"offset\": 0,\n \"showLabel\": false,\n \"labelOffset\": {\n \"x\": 0,\n \"y\": 0\n }\n },\n \"axisY\": {\n \"offset\": 0,\n \"labelOffset\": {\n \"x\": 0,\n \"y\": 0\n },\n \"showLabel\": false\n }\n }\n{{/chart}}\n\u003c/div>\n{{/if}}\n","css":"* {\n /*\n Include padding and border in width calculation.\n See https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing\n */\n box-sizing: border-box;\n}\n\nbody {\n /* Body size controls the size of the banner */\n width: 500px;\n height: 80px;\n overflow: hidden;\n padding: 5px;\n \n background: #222;\n color: #EEE;\n}\n\na {\n text-decoration: none;\n color: #1185ec;\n}\n\n/* Style links like normal text for images */\n.format-image a {\n color: #eee;\n}\n\na:hover, a:active {\n color: #57aaf3;\n text-decoration: underline;\n}\n\n#header {\n border-bottom: 1px solid #333;\n margin-bottom: 5px;\n}\n\n#server-name, #logo {\n display: inline-block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n#server-address {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n#server-name {\n width: 390px;\n}\n\n#logo {\n font-size: 10px;\n width: 95px;\n text-align: right;\n}\n\n#server-status {\n width: 8px;\n height: 8px;\n display: inline-block;\n}\n\n#server-status.status-online {\n background-color: #00c90d;\n}\n\n#server-status.status-offline {\n background-color: #ff9500;\n}\n\n#server-status.status-dead {\n background-color: #9b0400;\n}\n\nimg, svg {\n vertical-align: middle;\n}\n\nsvg.icon {\n fill: #EEE;\n}\n\n#server-rank, #server-players {\n display: inline-block;\n margin-right: 10px;\n}\n\n#server-details, #chart {\n float: left;\n width: 50%;\n}\n\n/* Chart styles */\n.chart-container {\n position: relative;\n}\n\n.chart-name {\n position: absolute;\n font-size: 10px;\n top: -5px;\n left: -20px;\n}\n\n.ct-chart {\n height: 45px;\n}\n\n.ct-point {\n stroke-width: 0 !important;\n}\n\n.ct-chart .ct-label.ct-vertical {\n color: #777;\n fill: #777;\n font-size: 0.8em;\n}\n\n.ct-chart .ct-line {\n stroke-width: 2px;\n}\n"}}},"imgIndex":32}}