225 lines
9.1 KiB
HTML
225 lines
9.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
|
|
<meta charset="UTF-8">
|
|
<title>Projects</title>
|
|
<!--<meta name="title" content="">-->
|
|
<!--<meta name="author" content="">-->
|
|
|
|
<meta name="description" content="Website projects based on HTML, CSS and JavaScript. Such as blog, games, to-do list and others.">
|
|
<meta name="keywords" content="web projects,
|
|
web development,
|
|
ideas for the project,
|
|
project idea,
|
|
web app,
|
|
|
|
blog,
|
|
snake, snake game,
|
|
tic tac toe, tic tac toe game,
|
|
dice game, game dice,
|
|
memory sybol, memory game, game memory symbol,
|
|
typing speed, WPM, WPM test, typing speed test,
|
|
clock, binary clock,stopwatch,
|
|
drawing
|
|
">
|
|
|
|
<link rel="alternate" type="application/rss+xml" title="Inonehp Blog 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">-->
|
|
<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=86400, must-revalidate">
|
|
|
|
|
|
<!--<meta name="referrer" content="no-referrer" />--><!-- something breaks -->
|
|
<!--<meta name="theme-color" media="(prefers-color-scheme: light)" content="#F2F2F2">
|
|
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#3E3E3E">--><!-- generated in main js -->
|
|
|
|
<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 -->
|
|
|
|
|
|
<!-- for icons -->
|
|
<!--
|
|
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
|
|
<link rel="preload" href="https://fonts.googleapis.com/icon?family=Material+Icons" as="style" crossorigin>
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
|
|
-->
|
|
|
|
</head>
|
|
<body>
|
|
|
|
|
|
|
|
|
|
|
|
<header class="wrapper3 topNav capitalize tLeft">
|
|
<nav>
|
|
|
|
<a href="../"><img class="logo2" src="/img/logo.png" alt="i"></a>
|
|
|
|
<!-- start menuTop for Desktop -->
|
|
<div class="menuTop">
|
|
<a class="countMenuItem brand" href="art.html">art</a><br>
|
|
<a class="countMenuItem brand" href="blog.html">blog</a><br>
|
|
<a class="countMenuItem brand" href="templates.html">templates</a><br>
|
|
<a class="countMenuItem active" href="projects.html">projects</a><br>
|
|
<a class="countMenuItem brand" href="mini-projects.html">mini-projects</a><br>
|
|
<a class="countMenuItem brand" href="about.html">about</a><br>
|
|
</div>
|
|
<!-- end menuTop -->
|
|
|
|
<!-- start menuTop dropdown menu, for mobile -->
|
|
<!-- https://www.w3schools.com/howto/howto_js_dropdown.asp -->
|
|
<button onclick="dropdownMenuFunction();" class="brand" id="dropdownMenuButton">☰ Menu</button>
|
|
<div id="dropdownMenu" class="dropdownMenuContent shadow bg2 padding2 wrapper">
|
|
<div class="dropdownMenuWrapper">
|
|
<!--<div class="padding2">section</div>-->
|
|
<div class="dropdownMenuContentColumn">
|
|
|
|
<!-- menu dublicate -->
|
|
<a class="countMenuItem brand" href="art.html">art</a><br>
|
|
<a class="countMenuItem brand" href="blog.html">blog</a><br>
|
|
<a class="countMenuItem brand" href="templates.html">templates</a><br>
|
|
<a class="countMenuItem active" href="projects.html">projects</a><br>
|
|
<a class="countMenuItem brand" href="mini-projects.html">mini-projects</a><br>
|
|
<a class="countMenuItem brand" href="about.html">about</a><br>
|
|
<!-- //menu dublicate -->
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--<hr />-->
|
|
<!-- // end dropdown menu -->
|
|
|
|
<a href="#"></a>
|
|
|
|
<form action="/sitemap.html" role="search">
|
|
<input type="search" placeholder="search on site" name="q" autocomplete="off">
|
|
</form>
|
|
|
|
<!-- uncomment if fot not support script, tested only on old version menu
|
|
<noscript>
|
|
<style>
|
|
.dropdownMenuContent, #dropdownMenu { display: block; position: relative; }
|
|
</style>
|
|
</noscript>
|
|
-->
|
|
|
|
<!--<hr />-->
|
|
|
|
</nav>
|
|
</header>
|
|
|
|
|
|
<!-- content -->
|
|
<div class="content">
|
|
|
|
|
|
<div class="center2">
|
|
<div class="wrapper">
|
|
|
|
|
|
<!-- start menu -->
|
|
<div id="projects"></div>
|
|
|
|
<div class="block padding"></div>
|
|
<div><h2 class="block op tCenter">Projects:</h2></div>
|
|
|
|
|
|
<div class="menu">
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/projects/1-blog/"> blog</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/projects/2-browser-info/"> browser info</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/projects/3-calculator-in-progress/"> calculator in progress</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/projects/4-color-picker/"> color picker</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/projects/39-count-symbol/"> count symbol</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/projects/5-demo-test-style/"> demo test style</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/projects/6-div-id-to-tag/"> div id to tag</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/projects/7-drawing/"> drawing</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/projects/8-dropdown-menu/"> dropdown menu</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/projects/9-game-dice/"> game dice</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/projects/10-game-guess-number/"> game guess number</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/projects/11-game-memory-symbol/"> game memory symbol</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/projects/12-game-snake/"> game snake</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/projects/13-game-tic-tac-toe/"> game tic tac toe</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/projects/15-highlight-word/"> highlight word</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/projects/16-hint/"> hint</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/projects/17-insert-icon/"> insert icon</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/projects/18-movie/"> movie</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/projects/19-movie-list/"> movie list</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/projects/20-music/"> music</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/projects/21-pwa-test/"> pwa test</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/projects/22-radio/"> radio</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/projects/23-random-symbol-or-password-generator/"> random symbol or password generator</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/projects/24-random-text-generator/"> random text generator</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/projects/25-redirects/"> redirects</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/projects/26-share/"> share</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/projects/27-test/"> test</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/projects/39-text-to-binary/"> text to binary</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/projects/28-time-binary-clock/"> time binary clock</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/projects/29-time-clock/"> time clock</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/projects/30-time-stopwatch/"> time stopwatch</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/projects/31-todo-list/"> todo list</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/projects/32-todo-list-idea/"> todo list idea</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/projects/33-tpl-project/"> tpl project</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/projects/34-tpl-project-mini/"> tpl project mini</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/projects/35-translit/"> translit</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/projects/36-tv/"> tv</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/projects/14-typing-speed/"> typing speed</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/projects/37-weather/"> weather</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/projects/38-x-embed/"> x embed</a>
|
|
</div><!-- end menu -->
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- //content -->
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<footer>
|
|
|
|
<div id="footer"></div>
|
|
|
|
</footer>
|
|
|
|
<script src="/js/main.js"></script>
|
|
<script src="/data/adsJsonVar.js"></script>
|
|
<script src="/js/ad.js"></script>
|
|
<script>
|
|
fuAds('', 'ads2', '');
|
|
</script>
|
|
|
|
<script async src="/projects/17-insert-icon/script.js" onload="insertIcon('insertIcon', 'strict')"></script>
|
|
|
|
</body>
|
|
</html>
|