<!doctype html>
<html lang="en">
<head>
<title>code.me</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<META NAME="ROBOTS" CONTENT="NOINDEX, NOCACHE, NOSNIPPET, NOARCHIVE">

  <style>
    html, body { height: 100%; margin: 0; }
    body {
      cursor: pointer;
      background: center / cover no-repeat fixed;
      /* default (will be set by JS immediately too) */
      background-image: url("bg-horizontal.jpg");
    }
  </style>
</head>

<body id="page" data-url="https://www.linkedin.com/in/francoiscarrillo/">

  <script>
    // Set your images here
    const IMG_HORIZONTAL = "/images/for_rent.jpg";
    const IMG_VERTICAL   = "/images/for_rent_phone.jpg"; // e.g. 1440×2560

    function updateBackground() {
      // visualViewport is best on mobile (accounts for browser UI changes)
      const w = (window.visualViewport && window.visualViewport.width)  || window.innerWidth;
      const h = (window.visualViewport && window.visualViewport.height) || window.innerHeight;

      const isHorizontal = w >= h; // landscape vs portrait by ratio
      document.body.style.backgroundImage = `url("${isHorizontal ? IMG_HORIZONTAL : IMG_VERTICAL}")`;
    }

    // Update immediately and on any size/orientation changes
    updateBackground();
    window.addEventListener("resize", updateBackground, { passive: true });
    window.addEventListener("orientationchange", updateBackground, { passive: true });
    if (window.visualViewport) {
      window.visualViewport.addEventListener("resize", updateBackground, { passive: true });
    }

    // Click anywhere to go to URL
    document.addEventListener("click", () => {
      const url = document.body.dataset.url;
      window.location.href = url;
    }, { passive: true });
  </script>
<script type="text/javascript">
    var sc_project=12566445; 
    var sc_invisible=1; 
    var sc_security="362d5c38"; 
</script>
<script type="text/javascript" src="https://www.statcounter.com/counter/counter.js" async></script>






<script type="text/javascript" src="https://static.catchy.com/js/me_ticker.js"></script>



</body>
</html>