215 lines
8.1 KiB
HTML
215 lines
8.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
|
|
<meta charset="UTF-8">
|
|
<title>Projects</title>
|
|
|
|
<link rel="alternate" type="application/rss+xml" title="Inonehp - Home Page Blog RSS" href="/rss.xml">
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<!--<meta name="title" content="">-->
|
|
<meta name="description" content="">
|
|
<meta name="keywords" content="">
|
|
<!--<meta name="author" content="">-->
|
|
|
|
<meta name="color-scheme" content="light dark">
|
|
<!--<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">-->
|
|
<meta name="generator" content="">
|
|
|
|
<!--
|
|
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
|
|
<meta http-equiv="Pragma" content="no-cache">
|
|
<meta http-equiv="Expires" content="-1">
|
|
-->
|
|
|
|
<meta http-equiv="Cache-Control" content="max-age=300, must-revalidate">
|
|
|
|
|
|
|
|
<!--<meta name="referrer" content="no-referrer" />--><!-- YouTube embed video not playing -->
|
|
<meta name="theme-color" media="(prefers-color-scheme: light)" content="#F2F2F2">
|
|
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#3E3E3E">
|
|
|
|
<link rel="icon" sizes="512x512" href="/img/logo.png" type="image/png">
|
|
|
|
|
|
<!-- start main css -->
|
|
<link rel="preload" href="/js/main.js" as="script">
|
|
<link rel="preload" href="/data/adsJsonVar.js" as="script">
|
|
<link rel="preload" href="/js/ad.js" as="script">
|
|
|
|
<link rel="preload" href="/css/style-main.css" as="style">
|
|
<link rel="stylesheet" href="/css/style-main.css" type="text/css">
|
|
|
|
<link rel="preload" href="/css/style.css" as="style">
|
|
<link rel="stylesheet" href="/css/style.css" type="text/css">
|
|
|
|
<link rel="stylesheet" type="text/css" href="/css/style-main.css" id="theme">
|
|
<noscript><link rel="stylesheet" type="text/css" href="/css/light.css"></noscript>
|
|
<!-- and main css -->
|
|
|
|
|
|
|
|
</head>
|
|
<body>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="cookiePopup"></div>
|
|
|
|
<header class="wrapper3 topNav capitalize tLeft">
|
|
<nav>
|
|
|
|
<a href="../"><img class="logo2" src="/img/logo.png" alt="i"></a>
|
|
|
|
|
|
<!--<hr />-->
|
|
|
|
<!-- start menuTop -->
|
|
<div class="menuTop">
|
|
<a class="active" href="projects.html">projects</a><br>
|
|
<a class="brand" href="mini-projects.html">mini-projects</a><br>
|
|
</div>
|
|
<!-- end menuTop -->
|
|
|
|
<!-- start dropdown menu, when small screen -->
|
|
|
|
<!-- https://www.w3schools.com/howto/howto_js_dropdown.asp -->
|
|
<button onclick="dropdownMenuFunction();" class="brand" id="dropdownMenuButton">☰ Menu</button>
|
|
|
|
<form class="m" action="/sitemap.html" role="search">
|
|
<input type="search" placeholder="search" name="q" autocomplete="off">
|
|
</form>
|
|
|
|
<div id="dropdownMenu" class="dropdownMenuContent shadow bg2 padding wrapper">
|
|
<div class="dropdownMenuWrapper">
|
|
|
|
<!--<div class="padding">section</div>-->
|
|
<div class="dropdownMenuContentColumn">
|
|
|
|
<a class="active" href="projects.html">projects</a><br>
|
|
<a class="brand" href="mini-projects.html">mini-projects</a><br>
|
|
|
|
</div>
|
|
|
|
<!--
|
|
<div class="padding">section</div>
|
|
<div class="dropdownMenuContentColumn">
|
|
<a class="brand" href="#">link</a><br>
|
|
<a class="brand" href="#">link</a><br>
|
|
<a class="brand" href="#">link</a><br>
|
|
|
|
<a class="brand" href="#">link</a><br>
|
|
<a class="brand" href="#">link</a><br>
|
|
<a class="brand" href="#">link</a><br>
|
|
|
|
</div>
|
|
-->
|
|
|
|
</div>
|
|
</div>
|
|
<!--<hr />-->
|
|
|
|
<!--
|
|
<noscript>
|
|
<style>
|
|
.dropdownMenuContent, #dropdownMenu { display: block; position: relative; }
|
|
</style>
|
|
</noscript>
|
|
-->
|
|
<!-- // end dropdown menu -->
|
|
|
|
|
|
</nav>
|
|
</header>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- content -->
|
|
<div class="content">
|
|
|
|
|
|
<div class="center2">
|
|
<div class="wrapper">
|
|
|
|
|
|
|
|
|
|
<!-- start menu -->
|
|
<div class="menuLabel block tCenter" style="margin: 9px 0; margin-top: 25px; color: var(--c);">Projects:</div>
|
|
|
|
<div id="projects">
|
|
<div class="menu">
|
|
<a id="projects-cL " class="menuIcon button light3 border3 cL " tabindex="0" href="/projects/1-blog/"> blog</a>
|
|
<a class="menuIcon button light3 border3 cL " tabindex="0" href="/projects/2-browser-info/"> browser info</a>
|
|
<a class="menuIcon button light3 border3 cL " tabindex="0" href="/projects/3-calculator-in-progress/"> calculator in progress</a>
|
|
<a class="menuIcon button light3 border3 cL " tabindex="0" href="/projects/4-color-picker/"> color picker</a>
|
|
<a class="menuIcon button light3 border3 cL " tabindex="0" href="/projects/5-demo-test-style/"> demo test style</a>
|
|
<a class="menuIcon button light3 border3 cL " tabindex="0" href="/projects/6-div-id-to-tag/"> div id to tag</a>
|
|
<a class="menuIcon button light3 border3 cL " tabindex="0" href="/projects/7-drawing/"> drawing</a>
|
|
<a class="menuIcon button light3 border3 cL " tabindex="0" href="/projects/8-dropdown-menu/"> dropdown menu</a>
|
|
<a class="menuIcon button light3 border3 cL " tabindex="0" href="/projects/9-game-dice/"> game dice</a>
|
|
<a class="menuIcon button light3 border3 cL " tabindex="0" href="/projects/10-game-guess-number/"> game guess number</a>
|
|
<a class="menuIcon button light3 border3 cL " tabindex="0" href="/projects/11-game-memory-symbol/"> game memory symbol</a>
|
|
<a class="menuIcon button light3 border3 cL " tabindex="0" href="/projects/12-game-snake/"> game snake</a>
|
|
<a class="menuIcon button light3 border3 cL " tabindex="0" href="/projects/13-game-tic-tac-toe/"> game tic tac toe</a>
|
|
<a class="menuIcon button light3 border3 cL " tabindex="0" href="/projects/14-game-typing-speed/"> game typing speed</a>
|
|
<a class="menuIcon button light3 border3 cL " tabindex="0" href="/projects/15-highlight-word/"> highlight word</a>
|
|
<a class="menuIcon button light3 border3 cL " tabindex="0" href="/projects/16-hint/"> hint</a>
|
|
<a class="menuIcon button light3 border3 cL " tabindex="0" href="/projects/17-insert-icon/"> insert icon</a>
|
|
<a class="menuIcon button light3 border3 cL " tabindex="0" href="/projects/18-movie/"> movie</a>
|
|
<a class="menuIcon button light3 border3 cL " tabindex="0" href="/projects/19-movie-list/"> movie list</a>
|
|
<a class="menuIcon button light3 border3 cL " tabindex="0" href="/projects/20-music/"> music</a>
|
|
<a class="menuIcon button light3 border3 cL " tabindex="0" href="/projects/21-pwa-test/"> pwa test</a>
|
|
<a class="menuIcon button light3 border3 cL " tabindex="0" href="/projects/22-radio/"> radio</a>
|
|
<a class="menuIcon button light3 border3 cL " tabindex="0" href="/projects/23-random-symbol-or-password-generator/"> random symbol or password generator</a>
|
|
<a class="menuIcon button light3 border3 cL " tabindex="0" href="/projects/24-random-text-generator/"> random text generator</a>
|
|
<a class="menuIcon button light3 border3 cL " tabindex="0" href="/projects/25-redirects/"> redirects</a>
|
|
<a class="menuIcon button light3 border3 cL " tabindex="0" href="/projects/26-share/"> share</a>
|
|
<a class="menuIcon button light3 border3 cL " tabindex="0" href="/projects/27-test/"> test</a>
|
|
<a class="menuIcon button light3 border3 cL " tabindex="0" href="/projects/28-time-binary-clock/"> time binary clock</a>
|
|
<a class="menuIcon button light3 border3 cL " tabindex="0" href="/projects/29-time-clock/"> time clock</a>
|
|
<a class="menuIcon button light3 border3 cL " tabindex="0" href="/projects/30-time-stopwatch/"> time stopwatch</a>
|
|
<a class="menuIcon button light3 border3 cL " tabindex="0" href="/projects/31-todo-list/"> todo list</a>
|
|
<a class="menuIcon button light3 border3 cL " tabindex="0" href="/projects/32-todo-list-idea/"> todo list idea</a>
|
|
<a class="menuIcon button light3 border3 cL " tabindex="0" href="/projects/33-tpl-project/"> tpl project</a>
|
|
<a class="menuIcon button light3 border3 cL " tabindex="0" href="/projects/34-tpl-project-mini/"> tpl project mini</a>
|
|
<a class="menuIcon button light3 border3 cL " tabindex="0" href="/projects/35-translit/"> translit</a>
|
|
<a class="menuIcon button light3 border3 cL " tabindex="0" href="/projects/36-tv/"> tv</a>
|
|
<a class="menuIcon button light3 border3 cL " tabindex="0" href="/projects/37-weather/"> weather</a>
|
|
<a class="menuIcon button light3 border3 cL " tabindex="0" href="/projects/38-x-embed/"> x embed</a>
|
|
</div></div>
|
|
<!-- end menu -->
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<footer>
|
|
|
|
|
|
<span id="footer"></span>
|
|
</footer>
|
|
|
|
<script src="/js/main.js"></script>
|
|
<script src="/data/adsJsonVar.js"></script>
|
|
<script async src="/js/ad.js" onload="fuAds('', 'ads2', '')"></script>
|
|
|
|
<script async src="/projects/17-insert-icon/script.js" onload="insertIcon('menuIcon', 'strict')"></script>
|
|
</body>
|
|
</html>
|