RaMemory/build/index.html

63 lines
23 KiB
HTML
Raw Normal View History

2024-02-08 15:32:50 +01:00
<!DOCTYPE html><html lang="en"><head><title>Raphy's Memory Matrix Madness | Sharpen Cognitive Skills Offline</title><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="x-ua-compatible" content="IE=edge"><meta name="keywords" content="HTML, SCSS, JavaScript,Memory game,Online game,JS+CSS game,Memory challenge,Interactive game,Keyboard navigation,Memory skill test,Card matching,Fun game"><meta name="author" content="Raphael Martin"><meta name="description" content="Experience the thrill of memory improvement with RaMemory MM! Customize card numbers, styles, and speeds for a personalized memory challenge. Play offline and develop your cognitive prowess with each fun-filled match."><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1"><meta name="robots" content="index,follow"><meta property="og:title" content="Raphy's Memory Matrix Madness - Train Your Brain Anywhere, Anytime"><meta property="og:description" content="Join the adventure with Raphy's Memory Matrix Madness! A progressive web app offering offline fun and cognitive skill enhancement. Tackle memory puzzles at varying difficulties, track your progress, and master memory!"><meta property="og:image" content="./media/og.png"><meta property="og:image:url" content="./media/og.png"><meta property="og:image:width" content="1524"><meta property="og:image:height" content="800"><meta name="twitter:card" content="summary"><meta name="twitter:title" content="Challenge Your Mind with Raphy's Memory Matrix Madness - No Internet Required!"><meta name="twitter:description" content="Discover Raphy's Memory Matrix Madness - the offline game that adapts to your cognitive level, offering endless fun while boosting memory and concentration. Customize your play, achieve high scores, and take the memory challenge on the go!"><meta name="twitter:image" content="./media/og.png"><meta name="apple-mobile-web-app-capable" content="no"><meta name="google" content="notranslate"><!-- optional you can have a additional JavaScriptfirework when the player wins ( requires js from the bottom to )--><!-- <link rel="stylesheet" href="Css/Firework.min.css">
<link rel="stylesheet" href="Css/main.min.css">--><link rel="stylesheet" href="css/index.css"><link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png"><link rel="manifest" href="favicon/site.webmanifest"><link rel="mask-icon" href="favicon/safari-pinned-tab.svg" color="#f09130"><link rel="shortcut icon" href="favicon/favicon.ico" type="image/vnd.microsoft.icon"><meta name="msapplication-TileColor" content="#f09130"><meta name="msapplication-TileImage" content="favicon/mstile-310x310.png"><meta name="msapplication-config" content="favicon/browserconfig.xml"><meta name="theme-color" content="#333333"><meta name="color-scheme" content="dark light"></head><body><div><h1 class="mb-1 user-select-none">RaMemory MM</h1><p class="m-1 h5 user-select-none"><i>Raphy's Memory Matrix Madness</i></p><div class="welcome"><div class="container"><figure class="light-mode-only user-select-none" width="850" height="195"><video loading="lazy" title="RaMemory light with colors" width="850" height="195" loop autoplay muted><source src="https://ramemory.altogether.at/media/light_intro.webm" type="video/webm"><source src="https://ramemory.altogether.at/images/light_intro.mp4" type="video/mp4"></video></figure><figure class="dark-mode-only user-select-none" width="850" height="195"><video loading="lazy" title="RaMemory dark with colors" width="850" height="195" loop autoplay muted><source src="https://ramemory.altogether.at/media/dark_intro.webm" type="video/webm"><source src="https://ramemory.altogether.at/images/dark_intro.mp4" type="video/mp4"></video></figure><p class="browser-hidden user-select-none">Welcome back</p><p class="inapp-hidden">Welcome to RaMemory MM - Raphy&#39;s Memory Matrix Madness — a captivating and colorful journey through the world of memory matching games. Whether you&#39;re looking to pass the time, sharpen your cognitive skills, or simply enjoy a challenge, you&#39;ve discovered the perfect gaming companion that travels with you everywhere, with no internet connection required. Launch into an offline adventure where your memory skills are both your weapon and ally in the whimsical universe of matching pairs.</p></div></div><div class="container d-flex flex-row justify-content-space-between"><div><button class="btn-install-as-app d-none rounded-top">Install as App</button></div></div></div><div id="memory-settings" class="pt-2 user-select-none"><div class="d-flex flex-wrap justify-content-center"><div class="ms-2 me-2"><div class="d-flex flex-wrap justify-content-space-between"><label class="me-1" for="memory-pair-count">amount duplicates:</label> <input type="number" id="memory-pair-count" min="2" max="100" value="2"></div><div class="d-flex flex-wrap justify-content-space-between"><label class="me-1" for="memory-pairs">amount same cards:</label> <input type="number" id="memory-pairs" min="2" max="100" value="9"></div><div class="d-flex flex-wrap justify-content-space-between"><label class="me-1" for="memory-size">card size:</label> <input type="number" id="memory-size" min="1" max="100" value="14"></div></div><div class="ms-2 me-2"><div class="d-flex flex-wrap justify-content-space-between"><label class="me-1" for="speed-select">flip speed:</label> <select id="speed-select"><option value="0">😴 sleep mode</option><option value="1">🦥 slot</option><option value="2">🐌 snail</option><option value="3">🚶 chilly</option><option value="4">🚆 train</option><option value="5">🚀 rocket</option><option value="6">🤪 insane</option></select></div><div class="d-flex flex-wrap justify-content-space-between"><label class="me-1" for="front-style-select">front style:</label> <select id="front-style-select"><optgroup label="©️ altogether"><option value="0">©⬛ black</option><option value="1">©⬜️ white</option><option value="2">©🟧️ orange</option><option value="3">©🟩️ green</option><option value="4">©🟦
<script type="text/javascript" src="JavaScript/Css.min.js"></script>
<script type="text/javascript" src="JavaScript/PWA.min.js"></script>
<script type="text/javascript" src="JavaScript/Firework.js"></script>
<script type="text/javascript" src="JavaScript/Memory.min.js"></script>
<script type="text/javascript" src="JavaScript/main.min.js"></script>--><script type="text/javascript" src="js/index.js"></script><script type="application/ld+json">[
{
"@context": "http://schema.org",
"@type": "WebPage",
"name": "Raphy's Memory Matrix Madness",
"url": "https://www.example.com/memory-game",
"description": "",
"breadcrumb": {
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Raphy's Memory Matrix Madness",
"item": "https://www.example.com"
}
]
},"author": {
"@type": "Person",
"name": "Raphael Martin",
"url": "https://www.altogether.at"
}
},
{
"@context": "http://schema.org",
"@type": "VideoGame",
"name": "Raphy's Memory Matrix Madness",
"url": "https://www.example.com/memory-game",
"description": "Test your memory with this classic single-player game.",
"gamePlatform": {
"@type": "GamePlatform",
"name": "Web"
},
"applicationCategory": "Game",
"playMode": "SinglePlayer",
"author": {
"@type": "Person",
"name": "Raphael Martin",
"url": "https://www.altogether.at"
}
},
{
"@context": "http://schema.org",
"@type": "WebApplication",
"name": "Raphy's Memory Matrix Madness",
"url": "https://www.example.com/memory-game-pwa",
"description": "Experience the memory game as a Progressive Web App for quick access and offline play.",
"applicationCategory": "Game",
"operatingSystem": "Cross-platform",
"browserRequirements": "HTML5, JavaScript",
"author": {
"@type": "Person",
"name": "Raphael Martin",
"url": "https://www.altogether.at"
}
}
]</script></body></html>