197 lines
7.6 KiB
HTML
197 lines
7.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
|
|
<meta charset="UTF-8">
|
|
<title>Games</title>
|
|
|
|
<meta name="description" content="Games based on HTML, CSS and JavaScript.
|
|
Games like: Typing Speed with possible custom text, tic tac toe, snake, memory symbol and other games in the future.">
|
|
<meta name="keywords" content="
|
|
typing, game, games, snake, memory,
|
|
portfolio,
|
|
HTML, CSS, JavaScript, projects, menu, list, pages, main, !ignoreme
|
|
">
|
|
|
|
<link rel="alternate" type="application/rss+xml" title="Website RSS" href="/rss.xml">
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<meta name="color-scheme" content="light dark">
|
|
<!--<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">-->
|
|
|
|
<link rel="icon" sizes="512x512" href="/img/logo.png" type="image/png">
|
|
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
|
|
|
|
|
|
<!-- main -->
|
|
<link rel="preload" href="/js/main.js" as="script">
|
|
|
|
<link rel="preload" href="/css/main.css" as="style">
|
|
<link rel="stylesheet" href="/css/main.css" type="text/css">
|
|
<link rel="preload" href="/css/auto.css" as="style">
|
|
<link rel="stylesheet" type="text/css" href="/css/auto.css" id="theme">
|
|
|
|
<link rel="preload" href="/css/style.css" as="style">
|
|
<link rel="stylesheet" href="/css/style.css" type="text/css">
|
|
|
|
<noscript>
|
|
<link rel="stylesheet" type="text/css" href="/css/noscript.css">
|
|
</noscript>
|
|
<!-- // main -->
|
|
|
|
|
|
</head>
|
|
<body>
|
|
|
|
|
|
|
|
<!-- Navigation HTML v.1.0.1 -->
|
|
<header>
|
|
<div class="wrapper3">
|
|
<div class="margin"></div>
|
|
|
|
<div id="topNav" class="topNav">
|
|
<nav>
|
|
|
|
<span class="countMenuItem"></span>
|
|
<a class="countMenuItem inlineBlock padding" style="padding-left: 0;" href="/index.html" title="index / nav 1"><img class="logo2 reduceLight" src="/img/logo.png" alt="logo" style="max-width: 26px;"></a>
|
|
|
|
<span id="navMenu" class="navMenu">
|
|
<!-- links in nav -->
|
|
<a class="countMenuItem inlineBlock padding brand itemLinkAni" href="/pages/" title="Pages">Pages</a>
|
|
<a class="countMenuItem inlineBlock padding brand itemLinkAni" href="/projects/" title="Projects">Projects</a>
|
|
<a class="countMenuItem inlineBlock padding brand itemLinkAni" href="/mini-projects/" title="Mini Projects">Mini Projects</a>
|
|
<a class="countMenuItem active2 inlineBlock padding itemLinkAniActive" href="/games/" title="Games">Games</a>
|
|
<a class="countMenuItem inlineBlock padding brand itemLinkAni" href="/archive.html" title="Archive">Archive</a>
|
|
<!-- // links in nav -->
|
|
</span>
|
|
|
|
<div class="dropdownMenuContentWrapper">
|
|
<div class="dropdownMenuContent">
|
|
|
|
<a id="dropdownMenuButton" class="dropdownMenuButton inlineBlock padding mClassNavUp brand borderBottomTransparent itemLinkAni" href="#" onclick="fuMDropdownButton();return false;">☰ Menu</a>
|
|
|
|
<div id="dropdownMenu" class="dropdownMenu">
|
|
<div class="dropdownMenuColumn shadow bg2 padding2 borderRadius2">
|
|
<!-- links for show in dropdown (duplicate) -->
|
|
<a class="countMenuItem inlineBlock padding brand itemLinkAni" href="/pages/" title="Pages">Pages</a>
|
|
<a class="countMenuItem inlineBlock padding brand itemLinkAni" href="/projects/" title="Projects">Projects</a>
|
|
<a class="countMenuItem inlineBlock padding brand itemLinkAni" href="/mini-projects/" title="Mini Projects">Mini Projects</a>
|
|
<a class="countMenuItem active2 inlineBlock padding itemLinkAniActive" href="/games/" title="Games">Games</a>
|
|
<a class="countMenuItem inlineBlock padding brand itemLinkAni" href="/archive.html" title="Archive">Archive</a>
|
|
<!-- // links for show in dropdown (duplicate) -->
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<span class="countMenuItem"></span>
|
|
<a class="countMenuItem inlineBlock padding mClassNavUp brand borderBottomTransparent itemLinkAni" href="../" title="../ (Up)">List (up)</a>
|
|
|
|
<span class="countMenuItem"></span>
|
|
<form class="countMenuItem noscriptHide inlineBlock padding" style="padding-right: 0;" method="GET" action="/pages/site-search.html" role="search">
|
|
<!--<label for="siteSearch" class="xSmall op">search:</label>-->
|
|
<input id="siteSearch" type="search" placeholder="site search" name="q" autocomplete="off">
|
|
</form>
|
|
|
|
</nav>
|
|
</div>
|
|
|
|
</div>
|
|
</header>
|
|
<!-- // Navigation HTML -->
|
|
|
|
<!--<hr>-->
|
|
|
|
|
|
|
|
<!-- content -->
|
|
<main class="content">
|
|
|
|
<h1 class="tCenter op padding2List"><span class="insertIconTitle">Games</span></h1>
|
|
|
|
|
|
<div class="wrapper">
|
|
|
|
|
|
<!-- menu -->
|
|
<nav>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="menu small">
|
|
<a class="button light3 border3 borderRadius2 itemHeight2" tabindex="0" href="/games/dice-9/index.html"><span class="insertIcon firstLetterBold">Dice</span></a>
|
|
<a class="button light3 border3 borderRadius2 itemHeight2" tabindex="0" href="/games/guess-number-10/index.html"><span class="insertIcon firstLetterBold">Guess number</span></a>
|
|
<a class="button light3 border3 borderRadius2 itemHeight2" tabindex="0" href="/games/lnnguage-learning-quiz-45/index.html"><span class="insertIcon firstLetterBold">Lnnguage learning quiz</span></a>
|
|
<a class="button light3 border3 borderRadius2 itemHeight2" tabindex="0" href="/games/memory-symbol-11/index.html"><span class="insertIcon firstLetterBold">Memory symbol</span></a>
|
|
<a class="button light3 border3 borderRadius2 itemHeight2" tabindex="0" href="/games/quiz-42/index.html"><span class="insertIcon firstLetterBold">Quiz</span></a>
|
|
<a class="button light3 border3 borderRadius2 itemHeight2" tabindex="0" href="/games/rock-paper-scissors-67/index.html"><span class="insertIcon firstLetterBold">Rock paper scissors</span></a>
|
|
<a class="button light3 border3 borderRadius2 itemHeight2" tabindex="0" href="/games/snake-12/index.html"><span class="insertIcon firstLetterBold">Snake</span></a>
|
|
<a class="button light3 border3 borderRadius2 itemHeight2" tabindex="0" href="/games/spin-wheel-69/index.html"><span class="insertIcon firstLetterBold">Spin wheel</span></a>
|
|
<a class="button light3 border3 borderRadius2 itemHeight2" tabindex="0" href="/games/tic-tac-toe-13/index.html"><span class="insertIcon firstLetterBold">Tic tac toe</span></a>
|
|
<a class="button light3 border3 borderRadius2 itemHeight2" tabindex="0" href="/games/typing-speed-14/index.html"><span class="insertIcon firstLetterBold">Typing speed</span></a>
|
|
</div>
|
|
|
|
<div class="margin2"></div>
|
|
<div class="borderRadius2 op greay xSmall padding2 bg border">total (approx): 10 , last: spin-wheel-69 </div>
|
|
|
|
</nav>
|
|
<!-- // menu -->
|
|
|
|
<!-- nav2 -->
|
|
<div class="margin padding"></div>
|
|
<hr>
|
|
<h2 class="op tCenter">Lists:</h2>
|
|
|
|
<div class="xSmall op block tLeft padding1PxList margin1PxList"><span class="bold green">✪</span> Lists:</div>
|
|
|
|
<div class="menu small">
|
|
|
|
<a class=" button light3 border3 borderRadius2 itemHeight2" tabindex="0" href="/pages/"><span class="insertIcon firstLetterBold">Pages</span></a>
|
|
|
|
<a class=" button light3 border3 borderRadius2 itemHeight2" tabindex="0" href="/projects/"><span class="insertIcon firstLetterBold">Projects</span></a>
|
|
|
|
<a class=" button light3 border3 borderRadius2 itemHeight2" tabindex="0" href="/mini-projects/"><span class="insertIcon firstLetterBold">Mini projects</span></a>
|
|
|
|
<a class=" borderBottomBrand op active button light3 border3 borderRadius2 itemHeight2" tabindex="0" href="/games/"><span class="insertIcon firstLetterBold">Games</span></a>
|
|
|
|
<a class=" button light3 border3 borderRadius2 itemHeight2" tabindex="0" href="/other-projects-list.html"><span class="insertIcon firstLetterBold">Other projects</span></a>
|
|
|
|
<a class=" button light3 border3 borderRadius2 itemHeight2" tabindex="0" href="/archive.html"><span class="insertIcon firstLetterBold">Archive (All)</span></a>
|
|
|
|
</div>
|
|
|
|
<div class="padding2"></div>
|
|
<!-- // nav2 -->
|
|
|
|
<div class="padding2"></div>
|
|
|
|
<span id="speedDialPrint"></span>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<div class="padding2 margin2"></div>
|
|
|
|
|
|
</main>
|
|
<!-- // content -->
|
|
|
|
<footer id="footer"></footer>
|
|
|
|
<script src="/js/main.js"></script>
|
|
<script src="/js/script.js"></script>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
</html>
|
|
|