CINXE.COM
TheJournal.ie
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title>TheJournal.ie</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <link href="//cdn.thejournal.ie/500/favicon.ico" type="image/x-icon" rel="icon" /> <script src="//cdn.thejournal.ie/500/parallax.js"></script> <style type="text/css"> body{ margin:0; padding:0; background-color:#eaedf2; text-align:center; } </style> <script type="text/javascript"> // Log event - or at least try to // function to fire a stat, in this case error journalStats = { err:function(s) { // allow error on other domains var ajaxurl = "https://www.thejournal.ie/ajax.php"; var url = ajaxurl + '?action=log&err='+s; var xmlHttp; if(window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); } else { // for old ie xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } var async = true; xmlHttp.open( "GET" , url , async ); xmlHttp.send(null); } } journalStats.err('dfm'); </script> <style> body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .container { } a, a:hover { color: #006AA0; text-decoration: none; } .circles { width: 100%; height: 400px; background-color: #013356; background: linear-gradient(10deg, #013356, #0A5E8C); position: relative; overflow: hidden; } .circ { border-radius: 50%; border: solid; position: absolute; height: 50%; width: 1900px; border-width: 150px; } .circles .holdera { position: absolute; } .circles .holderb { position: absolute; } .circles .holderc { position: absolute; } /* darkest */ .circles .holdera .circ { border-color: rgba(0, 45, 78, .75); z-index: 150; } .circles .holderb .circ { border-color: rgba(19, 101, 139, .85); z-index: 100; } /* lightest */ .circles .holderc .circ { border-color: rgba(5, 133, 182, .9); z-index: 110; } .shout { color: #eee9e9; font-weight: bold; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; z-index: 99999; position: absolute; width: 100%; padding-top: 180px; font-size: 50px; } @media (max-width: 1200px) { .shout { font-size: 35px; } } @media (max-width: 900px) { .circles { height: 200px; } .shout { padding-top: 90px; font-size: 20px; } .circ { border-width: 100px; } } @media (max-width: 580px) { .shout { padding-top: 70px; } .oops { display: block; } .circ { border-width: 60px; } } .logo { } svg { margin-top: 40px; } .actions { margin-top: 40px; color: #6D7177; } .contact { margin-top: 60px; color: #6D7177; } </style> <!--[if lt IE 9]> <style> .circles { height: 200px; } .circ { display: none; } .shout { position: relative; padding-top: 100px; font-size: 20px; } </style> <![endif]--> <script type="text/javascript"> $( document ).ready(function() { // width and hight of our view var viewport_w = $(".circles").width(); var viewport_h = $(".circles").height(); var slimmer = 0; // on small devices, move center of circle out of view if(viewport_w < 300) { var slimmer = 50; } $('.circ').each(function() { // size of circles is defined by the size of the view $(this).css({'height':viewport_w+'px','width':viewport_w+'px'}); var top = parseInt($(this).css('top'), 10); }); // set circles center as being just off screen var center_left = (viewport_w / 2)-(viewport_w / 10); var center_top = (viewport_w / 2)+(viewport_w / 8); $('.circle_holder').each(function() { var offseth = Math.random() * (viewport_w / 8); var offsetw = Math.random() * (viewport_w / 8); $(this).css({'left':'-'+(center_left+offsetw)+'px','top':'-'+(center_top+offseth-slimmer)+'px'}); }); var $scene = $('.circles').parallax(); }); </script> </head> <body> <div class="circles"> <div class="circle_holder holdera"> <div class="layer circ a" data-depth="0.20"> </div> </div> <div class=" circle_holder holderb"> <div class="layer circ b" data-depth="-0.15"> </div> </div> <div class=" circle_holder holderc"> <div class="layer circ c" data-depth="0.10"> </div> </div> <div class="shout"> Something went wrong when loading your page </div> </div> <div class="container"> <div class="clear"></div> <div class="text"> <div class="logo"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="150px" height="26px" viewBox="0 0 152 26" version="1.1"> <g id="surface1"> <path style=" stroke:none;fill-rule:nonzero;fill:rgb(73%,73%,76%);fill-opacity:1;" d="M 144.160156 12.046875 C 144.160156 7.695312 142.066406 5.519531 138.070312 5.519531 C 134.5 5.519531 132.132812 7.304688 130.695312 9.675781 L 131.742188 10.722656 C 133.21875 9.171875 134.964844 8.355469 136.945312 8.355469 C 139.15625 8.355469 140.242188 9.441406 140.242188 12.046875 L 140.242188 12.472656 C 132.636719 13.132812 130.152344 15.347656 130.152344 18.613281 C 130.152344 21.332031 131.976562 23.082031 135.042969 23.082031 C 137.488281 23.082031 139.347656 21.992188 140.28125 20.398438 C 140.320312 21.214844 140.398438 21.992188 140.476562 22.808594 L 144.472656 22.808594 C 144.277344 20.941406 144.160156 19.234375 144.160156 17.71875 Z M 136.75 20.554688 C 135.160156 20.554688 134.1875 19.660156 134.1875 18.027344 C 134.1875 16.085938 135.429688 15 140.242188 14.339844 L 140.242188 17.757812 C 140.242188 18.261719 140.242188 18.730469 140.28125 19.195312 C 139.347656 20.050781 138.183594 20.554688 136.75 20.554688 Z M 136.75 20.554688 "/> <path style=" stroke:none;fill-rule:nonzero;fill:rgb(73%,73%,76%);fill-opacity:1;" d="M 27.863281 5.515625 C 25.574219 5.515625 23.75 6.566406 22.738281 8.546875 L 22.738281 0 L 18.625 0.660156 L 18.625 22.808594 L 22.738281 22.808594 L 22.738281 9.792969 C 23.828125 8.9375 25.066406 8.507812 26.386719 8.507812 C 28.367188 8.507812 29.296875 9.597656 29.296875 11.929688 L 29.296875 22.808594 L 33.410156 22.808594 L 33.410156 11.34375 C 33.410156 7.769531 31.277344 5.515625 27.863281 5.515625 Z M 27.863281 5.515625 "/> <path style=" stroke:none;fill-rule:nonzero;fill:rgb(73%,73%,76%);fill-opacity:1;" d="M 147.847656 0.621094 L 147.847656 22.808594 L 152 22.808594 L 152 0 Z M 147.847656 0.621094 "/> <path style=" stroke:none;fill-rule:nonzero;fill:rgb(73%,73%,76%);fill-opacity:1;" d="M 0.347656 0.816406 L 0 3.339844 L 6.246094 3.070312 L 6.246094 22.808594 L 10.710938 22.808594 L 10.710938 3.070312 L 17.113281 3.339844 L 16.726562 0.816406 Z M 0.347656 0.816406 "/> <path style=" stroke:none;fill-rule:nonzero;fill:rgb(73%,73%,76%);fill-opacity:1;" d="M 93.949219 19.039062 C 92.898438 19.894531 91.8125 20.28125 90.492188 20.28125 C 88.476562 20.28125 87.582031 19.15625 87.582031 16.863281 L 87.582031 5.671875 L 83.429688 6.257812 L 83.429688 17.40625 C 83.429688 20.980469 85.371094 23.042969 88.902344 23.042969 C 91.152344 23.042969 92.9375 22.109375 94.023438 20.242188 L 94.140625 22.769531 L 97.945312 22.769531 L 97.945312 5.632812 L 93.949219 6.292969 Z M 93.949219 19.039062 "/> <path style=" stroke:none;fill-rule:nonzero;fill:rgb(73%,73%,76%);fill-opacity:1;" d="M 122.277344 5.519531 C 119.871094 5.519531 118.007812 6.644531 116.996094 8.820312 L 116.996094 5.671875 L 112.882812 6.257812 L 112.882812 22.769531 L 116.996094 22.769531 L 116.996094 9.871094 C 118.125 8.898438 119.441406 8.472656 120.761719 8.472656 C 122.78125 8.472656 123.671875 9.519531 123.671875 11.890625 L 123.671875 22.769531 L 127.824219 22.769531 L 127.824219 11.347656 C 127.824219 7.769531 125.691406 5.519531 122.277344 5.519531 Z M 122.277344 5.519531 "/> <path style=" stroke:none;fill-rule:nonzero;fill:rgb(73%,73%,76%);fill-opacity:1;" d="M 105.199219 9.171875 L 105.199219 5.710938 L 101.203125 6.292969 L 101.203125 22.808594 L 105.277344 22.808594 L 105.277344 10.683594 C 106.832031 9.558594 108.769531 9.132812 110.789062 9.519531 L 110.554688 5.789062 C 107.996094 5.246094 105.976562 6.566406 105.199219 9.171875 Z M 105.199219 9.171875 "/> <path style=" stroke:none;fill-rule:nonzero;fill:rgb(73%,73%,76%);fill-opacity:1;" d="M 57.78125 17.058594 C 57.78125 21.332031 56.8125 23.625 54.25 24.632812 L 54.484375 25.722656 C 59.835938 25.332031 62.242188 22.496094 62.242188 17.058594 L 62.242188 0.816406 L 57.78125 0.816406 Z M 57.78125 17.058594 "/> <path style=" stroke:none;fill-rule:nonzero;fill:rgb(73%,73%,76%);fill-opacity:1;" d="M 44.742188 20.203125 C 41.40625 20.203125 39.699219 17.914062 39.660156 13.792969 L 50.445312 13.988281 C 50.949219 8.472656 48.390625 5.519531 43.695312 5.519531 C 38.6875 5.519531 35.507812 9.015625 35.507812 14.414062 C 35.507812 19.660156 38.457031 23.082031 43.421875 23.082031 C 46.566406 23.082031 49.203125 21.644531 50.71875 19.039062 L 49.671875 18.066406 C 48.351562 19.503906 46.644531 20.203125 44.742188 20.203125 Z M 43.5 7.265625 C 45.710938 7.265625 46.683594 9.015625 46.332031 11.851562 L 39.660156 12.160156 C 39.929688 9.09375 41.210938 7.265625 43.5 7.265625 Z M 43.5 7.265625 "/> <path style=" stroke:none;fill-rule:nonzero;fill:rgb(73%,73%,76%);fill-opacity:1;" d="M 72.835938 5.519531 C 67.519531 5.519531 64.457031 9.015625 64.457031 14.414062 C 64.457031 19.738281 67.480469 23.117188 72.835938 23.117188 C 78.230469 23.117188 81.21875 19.777344 81.21875 14.414062 C 81.257812 9.015625 78.191406 5.519531 72.835938 5.519531 Z M 72.835938 21.175781 C 70.316406 21.175781 68.917969 18.882812 68.917969 14.375 C 68.917969 9.832031 70.316406 7.460938 72.835938 7.460938 C 75.359375 7.460938 76.757812 9.832031 76.757812 14.375 C 76.757812 18.882812 75.359375 21.175781 72.835938 21.175781 Z M 72.835938 21.175781 "/> </g> </svg> </div> <div class="actions"> <p> We log these errors to improve our site. </p> <p> Try refreshing, or join us on <a href="https://twitter.com/thejournal_ie">Twitter</a> and <a href="https://www.facebook.com/thejournal.ie">Facebook</a> </p> </div> <div class="contact"> — <a href="mailto:bugs@thejournal.ie">Contact us</a> — </div> </div> </div> </body> </html>