Apache
tcp/443
Open service 13.48.79.255:443 · www.matte.devdev3.se
2026-01-09 15:44
HTTP/1.1 200 OK
Date: Fri, 09 Jan 2026 15:44:47 GMT
Server: Apache
Upgrade: h2,h2c
Connection: Upgrade, close
Last-Modified: Mon, 10 Mar 2025 19:51:01 GMT
ETag: "4337-630024ab027d3"
Accept-Ranges: bytes
Content-Length: 17207
Vary: Accept-Encoding
Content-Type: text/html
Page title: Multiplikation
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Multiplikation</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/3.0.1/js.cookie.min.js" integrity="sha512-wT7uPE7tOP6w4o28u1DN775jYjHQApdBnib5Pho4RB0Pgd9y7eSkAV1BTqQydupYDB9GBhTcQQzyNMPMV3cAew==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fireworks-js@2.x/dist/index.umd.js"></script>
<style type="text/css">
body { background: purple; color: white }
input { color: black; width: 130px; }
.correct { background: green; }
.wrong { background: red; }
#cat { display: none; }
#overlay {
/* Height & width depends on how you want to reveal the overlay (see JS below) */
height: 100%;
width: 100%;
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
left: 0;
top: 0;
background-color: rgb(0,0,0); /* Black fallback color */
background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
overflow-x: hidden; /* Disable horizontal scroll */
transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}
.button {margin-bottom: 20px; }
.overlay-content {
position: relative;
top: 25%; /* 25% from the top */
width: 100%; /* 100% width */
text-align: center; /* Centered text/links */
margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}
/* Timer styles */
#timer-container {
position: sticky;
top: 0;
left: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.8);
color: white;
text-align: center;
padding: 10px 0;
font-size: 20px;
font-weight: bold;
z-index: 999; /* Ensure it's above everything */
display: none;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
margin-bottom: 15px;
}
#timer-bar {
height: 10px;
background-color: #4CAF50;
width: 100%;
transition: width 1s linear;
border-radius: 5px;
margin-bottom: 5px;
}
#timer-text {
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
/* Update the reward gif container positioning */
#reward-gif-container {
display: none;
text-align: center;
margin-top: 30px;
position: relative; /* Change from fixed to relative */
width: 100%;
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
#reward-gif {
width: 100%;
height: auto;
max-height: 50vh; /* Reduce max height */
border-radius: 10px;
box-shadow: 0 0 20px rgba(0,0,0,0.5);
}
</style>
<script type="text/javascript">
var m1, m2, x, size;
var totalQuestions = 25;
var timePerQuestion = 4;
var time = totalQuestions * timePerQuestion * 1000;
var timer;
var point = 0;
var lasttime = 0;
var results = [];
var variant = "timed";
var highscore = Cookies.get('highscore');
var highscoretime = Cookies.get('highscoretime');
var fireworks;
// Configuration variables
var correctStreak = 0;
var catsEveryNCorrectAnswers = 5; // Show cats every 5 correct answers
var remainingUntilCat = catsEveryNCorrectAnswers;
// Add encouragement messages for Judit
var encouragements = [
"Bra jobbat, Judit!",
"Du är jätteduktig, Judit!",
"Wow, Judit! Du är en multiplikationsmästare!",
"Fantastiskt, Judit!",
"Snyggt räknat, Judit!",
"Du är så smart, Jud