annotating the internet

archivebay

Latest

Text

Etsitkö sittenkin uutisia?

Niiden pariin pääset tavalliseen tapaan osoitteesta

https://mtvuutiset.fi

APPAPPAP!

AIKA PÄIVITTÄÄ SELAIMESI NYKYAIKAAN.

Päivitä selaimesi, jotta mtv-palvelun käyttö onnistuu ja samalla

myös tietoturvasi paranee.

mtv-palvelu toimii mainiosti seuraavilla selaimilla:

Lataa Chromen

uusin versio

Lataa

Firefoxin uusin versio

Lataa Safarin

uusin versio

Lataa

Edgen uusin versio

Source

<!DOCTYPE html><html lang="fi"><head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="styles/styles.css">
  <title>mtv - Vanhentunut selain</title>
  
  <script async="" src="https://www.google-analytics.com/analytics.js"></script><script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-92889962-2', 'auto');
    ga('send', 'pageview');
  </script>
  </head>
<body>
  <div class="page-header">
    <img class="page-logo" src="images/mtv-logo.png">
  </div>
  <div class="page-content-container">
    <div class="content__news-info">
      <img src="images/info-icon.png" alt="info">
      <span>Etsitkö sittenkin uutisia?<br> Niiden pariin pääset tavalliseen tapaan osoitteesta <a href="https://mtvuutiset.fi">https://mtvuutiset.fi</a></span>
    </div>
    <h1 class="content-main-header">Appappap!</h1>
    <h2 class="content-sub-header">Aika päivittää selaimesi nykyaikaan.</h2>
    <p class="text center">
      Päivitä selaimesi, jotta mtv-palvelun käyttö onnistuu ja samalla myös tietoturvasi paranee. <br>
      mtv-palvelu toimii mainiosti seuraavilla selaimilla:
    </p>

<div class="main-content">
      <div class="main-content__browsers">
        <div class="main-content__browser-item" style="width: 25%; float: left;">
          <a href="https://www.google.fi/intl/fi/chrome/" target="_blank" class="main-content__browser-img-link">
            <img src="images/chrome-logo.png" alt="Google Chrome">
          </a>
          <a href="https://www.google.fi/intl/fi/chrome/" target="_blank" class="main-content__browser-button">
            Lataa Chromen uusin versio
          </a>
        </div>
        <div class="main-content__browser-item" style="width: 25%; float: left;">
          <a href="https://www.mozilla.org/fi/firefox/new/" target="_blank" class="main-content__browser-img-link">
            <img src="images/firefox-logo.png" alt="Mozilla Firefox">
          </a>
          <a href="https://www.mozilla.org/fi/firefox/new/" target="_blank" class="main-content__browser-button">
            Lataa Firefoxin uusin versio
          </a>
        </div>
        <div class="main-content__browser-item" id="browserSafari" style="width: 25%; float: left;">
          <a href="https://support.apple.com/downloads/safari" target="_blank" class="main-content__browser-img-link">
            <img src="images/safari-logo.png" alt="Safari">
          </a>
          <a href="https://support.apple.com/downloads/safari" target="_blank" class="main-content__browser-button">
            Lataa Safarin uusin versio
          </a>
        </div>
        <div class="main-content__browser-item" id="browserEdge" style="width: 25%; float: left;">
          <a href="https://www.microsoft.com/fi-fi/windows/microsoft-edge" target="_blank" class="main-content__browser-img-link">
            <img src="images/edge-logo.png" alt="Edge">
          </a>
          <a href="https://www.microsoft.com/fi-fi/windows/microsoft-edge" target="_blank" class="main-content__browser-button">
            Lataa Edgen uusin versio
          </a>
        </div>
      </div>
    </div>
  </div>

// Mac or iOS
    var isMac = window.navigator.platform.toUpperCase().indexOf('MAC') > -1 || !!window.navigator.platform && /iPad|iPhone|iPod/.test(window.navigator.platform);
    var isWindows = window.navigator.platform.toUpperCase().indexOf('WIN') > -1 || ua.match(/Windows/);

var safariColumn = document.getElementById("browserSafari");
    var edgeColumn = document.getElementById("browserEdge");

if (isMac) {
      edgeColumn.style.display = 'none'
    }

if (isWindows) {
      safariColumn.style.display = 'none'
    }

handleResize();
    window.addEventListener("resize", handleResize);

function handleResize() {
      // 4 browsers, 4 per row
      if (!isMac && !isWindows && window.innerWidth >= 1024) {
        const items = document.querySelectorAll('.main-content__browser-item');
        for (var i = 0; i < items.length; i++) {
          items[i].style.width = '25%';
          items[i].style.float = 'left';
        }
      }

// 4 browsers, 3 + 1
      if (!isMac && !isWindows && window.innerWidth >= 640 && window.innerWidth < 1024) {
        const items = document.querySelectorAll('.main-content__browser-item');
        for (var i = 0; i < items.length; i++) {
          items[i].style.width = null;
          items[i].style.float = null;
        }
        document.getElementById('browserSafari').style.float = 'left';
        document.getElementById('browserEdge').style.float = 'none';
      }

// 4 browsers, 2 + 2
      if (!isMac && !isWindows && window.innerWidth < 640) {
        const items = document.querySelectorAll('.main-content__browser-item');
        for (var i = 0; i < items.length; i++) {
          items[i].style.width = null;
          items[i].style.float = null;
        }
      }

// 3 browsers, 2 + 1
      if ((isMac || isWindows) && window.innerWidth < 640) {
        // means we have 3 items, center the last one
        document.getElementById('browserEdge').style.float = 'none';
        document.getElementById('browserSafari').style.float = 'none';
      }

// 3 browsers, 3 per row
      if ((isMac || isWindows) && window.innerWidth >= 640) {
        const items = document.querySelectorAll('.main-content__browser-item');
        for (var i = 0; i < items.length; i++) {
          items[i].style.width = null;
          items[i].style.float = 'left';
        }
      }
    }
  </script>

</body></html>