204 lines
7.8 KiB
HTML
204 lines
7.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
|
|
<meta charset="UTF-8">
|
|
<title>Mini projects</title>
|
|
<!--<meta name="title" content="">-->
|
|
<!--<meta name="author" content="">-->
|
|
|
|
<meta name="description" content="Mini projects such as: CSS Art drawings, CSS realistic drawings. Using HTML, CSS and sometimes JavaScript.">
|
|
<meta name="keywords" content="CSS art,
|
|
CSS drawing,
|
|
CSS photo,
|
|
CSS experiment,
|
|
CSS test,
|
|
CSS project,
|
|
CSS demonstration,
|
|
CSS capabilities">
|
|
|
|
<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 brand" href="projects.html">projects</a><br>
|
|
<a class="countMenuItem active" 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 brand" href="projects.html">projects</a><br>
|
|
<a class="countMenuItem active" 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">
|
|
|
|
<!--<h1 class="tCenter op">Mini projects</h1>-->
|
|
<div class="center2">
|
|
<div class="wrapper">
|
|
|
|
<!-- start menu -->
|
|
<div id="mini-projects"></div>
|
|
|
|
<div class="block padding"></div>
|
|
<div><h2 class="block op tCenter">Mini-projects:</h2></div>
|
|
|
|
|
|
<div class="menu">
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/mini-projects/1-about-blank/"> about blank</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/mini-projects/2-adaptive-web-design/"> adaptive web design</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/mini-projects/3-angled/"> angled</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/mini-projects/4-angled-light-walpaper/"> angled light walpaper</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/mini-projects/5-animation-border-button/"> animation border button</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/mini-projects/6-animation-test/"> animation test</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/mini-projects/7-balloon/"> balloon</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/mini-projects/8-blockquotes-cpc/"> blockquotes cpc</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/mini-projects/9-css-pc/"> css pc</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/mini-projects/10-earth-textures-cpc/"> earth textures cpc</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/mini-projects/11-matrix/"> matrix</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/mini-projects/12-not-sleep-pc/"> not sleep pc</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/mini-projects/13-old-windows-os-popup-css/"> old windows os popup css</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/mini-projects/14-pull-quotes-cpc/"> pull quotes cpc</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/mini-projects/15-pumpkin/"> pumpkin</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/mini-projects/16-quote-poster-cpc/"> quote poster cpc</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/mini-projects/17-rain-cpc/"> rain cpc</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/mini-projects/18-random-button-cpc/"> random button cpc</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/mini-projects/19-round-cpc/"> round cpc</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/mini-projects/20-snow/"> snow</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/mini-projects/21-sun-cpc/"> sun cpc</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/mini-projects/22-synthetic-textures-cpc/"> synthetic textures cpc</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/mini-projects/26-table-in-progress/"> table in progress</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/mini-projects/23-testimonial-quotes-cpc/"> testimonial quotes cpc</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/mini-projects/24-textarea/"> textarea</a>
|
|
<a class="insertIcon button light3 border3" tabindex="0" href="/mini-projects/25-tpl-project-mini/"> tpl project mini</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>
|