<!DOCTYPE html>
<!-- Curiouser and curiouser! -->
<html lang="en">
<head>
  <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
  <title>~# SERBAN PAUN &bull; I speak Linux and live in a shell_</title>
  <meta name="google-site-verification" content="7P-rjtGCbgdlRtQTyUH8gsJFy7EWMri2AinPwcu_XdA">
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <meta name="Keywords" content="splash page, serban paun, ptm, șerban păun, linux, expert, sysadmin, romania">
  <meta name="Description" content="Splash page for Serban Paun">
  <meta name="Author" content="Serban Paun">
  <meta name="ROBOTS" content="INDEX, FOLLOW">
  <meta name="REVISIT-AFTER" content="1 DAY">
  <meta name="RATING" content="GENERAL">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <script src="https://www.googletagmanager.com/gtag/js?id=G-KQJ55EFWPZ"></script>
  <script src="googletag.js"></script>
  <script src="em.js"></script>
  <link rel="stylesheet" href="style.css">
  <link rel="preload" href="sp.jpg" as="image">
  <base target="_blank">
  <script src="https://kit.fontawesome.com/6a58be2143.js"></script>
<style>
.bg { background-image: url("bg/paris.jpg"); }
</style>

</head>
<body>
<div class="bg">&nbsp;</div>
<div class="note">~# I speak Linux and live in a shell<span class="cursor">_</span></div>
<div class="container">
 <div id="expandable">
<script>
const tooltipToken = 'b797af98ff86795d30e0fa22c4e81a71';
</script>
    <div id="content"></div>
  <div class="buttons">
    <button id="rev" title="Back 5 slides" onclick="prevSlide(5)">&lt;&lt;</button>
    <button id="prev" onclick="prevSlide(1)">&lt;</button>
    <button id="closeButton">X</button>
    <button id="next" onclick="nextSlide(1)">&gt;</button>
    <button id="fwd" title="Fwd 5 slides" onclick="nextSlide(5)">&gt;&gt;</button>
  </div>
 </div>

  <script src="script.js"></script>
 <div class="flip-content">
  <div class="flip-card">
    <div class="flip-card-inner">
      <div class="flip-card-front">
        <div class="ribbon"><span>Hover or Click here</span></div>
        <span id="me">SERBAN PAUN</span>
        <span class="line"></span>
        <span id="job">LINUX EXPERT<span class="cursor">_</span></span>
      </div>
      <div class="flip-card-back">
        <span id="logo"><img src="sp.jpg" alt="SP"></span>
        <span class="line"></span>
        <span id="no"><script>ph();</script></span>
        <span id="em"><script>em();</script> <noscript><em>POW! No JS.</em></noscript></span>
      </div>
    </div>
  </div>
 </div>
<div class="grow">
  <div id="links">
  <a href="https://fb.com/serbanpaun" title="Facebook" class="fa-lg fa-brands fa-facebook"></a>
  <a href="https://instagram.com/serbanpunctro" title="Instagram" class="fa-lg fa-brands fa-instagram"></a>
  <a href="https://linkedin.com/in/serbanpaun" title="LinkedIn" class="fa-lg fa-brands fa-linkedin-in"></a>
  <a href="https://github.com/serbanpaun" title="GitHub" class="fa-solid fa-lg fa-brands fa-github"></a>
  <a href="https://orcid.org/0009-0009-5773-755X" title="OrcID" class="fa-brands fa-lg fa-orcid"></a>
  <a href="https://passwd.ptm.ro/" title="Strong Password Generator" class="fa-solid fa-lg fa-key"></a>
  <a href="https://ip.ptm.ro/" title="What is my IP Address?" class="fa-solid fa-lg fa-desktop"></a>
  <a href="https://time.ptm.ro/" title="Time server" class="fa-solid fa-lg fa-clock"></a>
  <a href="https://revolut.me/serban" title="Buy me a beer!" class="fa-solid fa-lg fa-money-bill-transfer"></a>
  </div>
</div>
<div class="privacy">
	<script>const popupCenter = ({url, title, w, h}) => {
    // Fixes dual-screen position                             Most browsers      Firefox
    const dualScreenLeft = window.screenLeft !==  undefined ? window.screenLeft : window.screenX;
    const dualScreenTop = window.screenTop !==  undefined   ? window.screenTop  : window.screenY;

    const width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen.width;
    const height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : screen.height;

    const systemZoom = width / window.screen.availWidth;
    const left = (width - w) / 2 / systemZoom + dualScreenLeft
    const top = (height - h) / 2 / systemZoom + dualScreenTop
    const newWindow = window.open(url, title, 
      `
      scrollbars=yes,
      width=${w / systemZoom}, 
      height=${h / systemZoom}, 
      top=${top}, 
      left=${left}
      `
    )

    if (window.focus) newWindow.focus();
}

function openPopup(fileName) {
    popupCenter({url: 'popup.php?file=' + fileName, title: 'popupWindow', w: '1000', h: '563'});
    popupWindow.focus();
}
</script>
	<a href="javascript:void(0);" onclick="openPopup('privacy.php')">Privacy Policy</a> |
	<a href="javascript:void(0);" onclick="openPopup('tos.php')">Terms of Service</a>
</div>
<div id="copy">
<span id="copycontent">
<i class="fa-solid fa-camera"></i>
<a title="Photo Location" target="_blank" href="https://www.google.com/maps/place/PARIS,%20FRANCE">PARIS, FRANCE</a>
  &bull;
  <span class="description">View of Tour Eiffel and Statue of Liberty</span>
  <span class="line" id="footer"></span>
  <span class="mini">
  <span id="myloc" class="mini" title="My Current Location"><span id="location">
Wien, Österreich</span></span>
  <span class="fa-solid fa-location-dot flag mini"></span>
   2020-2025  <span class="fa-regular fa-copyright mini"></span>
   SERBAN PAUN &bull; 
  This code is
  <a href="https://validator.w3.org/nu/?doc=https%3A%2F%2Fserban.ro%2F" title="W3C Markup Validation">
    <span class="fa-brands fa-html5 mini"></span>
  </a>
   and 
  <a href="https://jigsaw.w3.org/css-validator/validator?uri=https%3A%2F%2Fserban.ro&profile=css3svg&usermedium=all&warning=1&vextwarning=&lang=en" title="W3C CSS Validation Service">
    <span class="fa-brands fa-css3 mini"></span>
  </a> valid.
  </span>
</span>
</div>
</div>
</body></html>
<!-- I can't go back to yesterday, because I was a different person then. -->
