Celebrating Maltese Feasts
Celebrating Maltese Feasts: A Tradition of Community, Culture, and Fireworks

Hello, Timpanu Family! This post explores the rich traditions and vibrant celebrations of Maltese feasts.

Published on Jul 26, 2024 - 3 min read
Maltese Barbecues on the Seaside
Enjoy Summer: Maltese Barbecues on the Seaside

Hello, Timpanu Family! Discover the joys of seaside barbecues and the best spots to enjoy them in Malta.

Published on Jul 19, 2024 - 3 min read
Welcome to Timpanu
Welcome to Timpanu: Celebrating Every Shape and Size

We are super excited about inviting all of you to the official Timpanu Blog, a brand that is all about embracing and celebrating our unique shapes and sizes.

Published on Jul 4, 2024 - 3 min read
Sellfy Store Carousel

Load screen

 

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <style>

    body.loading {

      overflow: hidden;

    }

 

    #loader {

      position: fixed;

      top: 0;

      left: 0;

      width: 100%;

      height: 100%;

      background-color: white;

      display: flex;

      justify-content: center;

      align-items: center;

      z-index: 10000;

      transition: transform 1s ease-out, opacity 1s ease-out;

    }

 

    @keyframes spin {

      0% {

        transform: rotate(0deg);

      }

      100% {

        transform: rotate(360deg);

      }

    }

 

    #loader img {

      width: 100px; /* Adjust the size as needed */

      height: auto;

      animation: spin 3s linear infinite; /* Adjust the duration (3s) as needed */

    }

 

    #loader.enlarge {

      transform: scale(50); /* Adjust the scale as needed */

      opacity: 0;

    }

  </style>

</head>

<body class="loading">

  <div id="loader">

    <img src="https://media.sellfy.store/images/O2vw4Fwp/m0AU/Sellfy_Logo-Gray.png" alt="Sellfy Logo">

  </div>

 

  <script>

    document.addEventListener("DOMContentLoaded", function() {

      setTimeout(function() {

        document.getElementById("loader").classList.add("enlarge");

      }, 1000); // Adjust the time (1000ms = 1s) as needed

 

      setTimeout(function() {

        document.body.classList.remove("loading");

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

      }, 2000); // Adjust the time (2000ms = 2s) as needed

    });

  </script>

</body>

</html>


Hosted Images