<html>

<head>

<meta name="description" content="https://telegraphmirror.net">

<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<style>

@media all, screen, print and (orientation: portrait) {

body {

display: block;

}

block {

font-size: 33px;

font-family: Helvetica, Times New Roman;

text-align: left;

}

ul {

font-size: 33px;

font-family: Helvetica, Times New Roman;

text-align: right;

width: 100%;

height: 93px;

border: 0;

margin: 0px;

padding: 0px;

}

nav:hover {

color: #FFFFFF;

font-color: #FFFFFF;

cursor: grab;

}

svg {

width: 100%;

height: 100%;

position: absolute;

stroke: rgb(255, 255, 255);

stroke-width: 2px;

paint-order: stroke fill;

}

.container {

width: 100%;

height: 2px;

position: absolute;

color: rgb(255, 255, 255);

background-color: rgb(255, 255, 255);

}

}

</style>

</head>

<body>

<canvas class="container" style="width:100%;">

<svg width="100%" preserveAspectRatio="none">

<line x1="0" y1="0" x2="100%" y2="0" />

</svg>

</canvas>

<nav onclick="navigator_01()">

<ul class="event_01" id="event_01" onmouseover="reply_click(this.id)" onmouseout="menu_01()">

<li>FILM</li>

</ul>

</nav>

<block class="criminal_01" id="criminal_01">

Fact, fiction. Disdain, influence. An invigorating reminder, sour taste. Finding solutions, compounding problems. Short term achievable goals - give a sense of accomplishment, increase self esteem. Long term goals are usually well planned - comprising of prior attainments.<br><br>People with low self esteem - might put other people down to feel better. Tips include - assessing fitness, safety. Food can be delicious - it can also help us improve our circulation, heart health.<br><br>

</block>

<canvas class="container" style="width:100%;">

<svg width="100%" preserveAspectRatio="none">

<line x1="0" y1="0" x2="100%" y2="0" />

</svg>

</canvas>

<nav onclick="navigator_02()">

<ul class="event_02" id="event_02" onmouseover="reply_click(this.id)" onmouseout="menu_02()">

<li>TRAFFIC</li>

</ul>

</nav>

<block class="criminal_02" id="criminal_02">

Amphitheatres, arenas, coliseums, fields, pools, rinks, stadiums and velodromes - leisure, recreation and sporting events. Assemblies, censuses, congregations, gatherings, meetings and musters - pertains to the curriculum of an institution.<br><br>Licensing, registration; statistics are for your benefit - exercise care, skill and judgement. As well; evaluate the relevance - ergonomics helps reduce; illness, injury. Managing factors that increase; physical, psychological sicknesses - are essential in a healthy environment.<br><br>

</block>

<canvas class="container" style="width:100%;">

<svg width="100%" preserveAspectRatio="none">

<line x1="0" y1="0" x2="100%" y2="0" />

</svg>

</canvas>

<script>

if (window.screen.width >= 400 && window.screen.height >= 400) {

console.log(navigator.connection.effectiveType);

console.log(navigator.connection.downlink);

console.log(navigator.deviceMemory);

document.write('<p align="left"><font face="Verdana" size="5" color="darkblue">');

document.write("Memory: " + navigator.deviceMemory + "GB  |  ");

if (navigator.connection.effectiveType) {

let connection = navigator.connection.effectiveType.toUpperCase();

document.write("Connection: " + connection + "  |  ");

}

document.write("Bandwidth: " + navigator.connection.downlink + "Mbps");

document.write("</font></p>");

}

</script>

<script>

function reply_click(clicked_id) {

document.getElementById(clicked_id).style.Color = "FFFFFF";

document.getElementById(clicked_id).style.backgroundColor = "999999";

document.getElementById(clicked_id).style.transition = "background-color 3.6s ease";

}

function menu_01() {

document.getElementById("event_01").style.backgroundColor = "#FFFFFF";

document.getElementById("event_01").style.transition = "background-color 3.6s ease";

}

function menu_02() {

document.getElementById("event_02").style.backgroundColor = "#FFFFFF";

document.getElementById("event_02").style.transition = "background-color 3.6s ease";

}

function navigator_01() {

hidden();

document.getElementById("criminal_01").style.display = "block";

document.getElementById("criminal_01").style.visibility = "visible";

}

function navigator_02() {

hidden();

document.getElementById("criminal_02").style.display = "block";

document.getElementById("criminal_02").style.visibility = "visible";

}

function hidden() {

document.getElementById("criminal_01").style.display = "none";

document.getElementById("criminal_02").style.display = "none";

document.getElementById("criminal_01").style.visibility = "hidden";

document.getElementById("criminal_02").style.visibility = "hidden";

}

hidden();

</script>

</body>

</html>