399 lines
10 KiB
HTML
399 lines
10 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
|
||
<meta charset="UTF-8">
|
||
<title>About</title>
|
||
<!--<meta name="title" content="">-->
|
||
<!--<meta name="author" content="">-->
|
||
|
||
<meta name="description" content="Short description about the site, links, contacts, additional copyrights and licenses, donations.">
|
||
<meta name="keywords" content="about, about page">
|
||
|
||
<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 brand" href="mini-projects.html">mini-projects</a><br>
|
||
<a class="countMenuItem active" 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 brand" href="mini-projects.html">mini-projects</a><br>
|
||
<a class="countMenuItem active" 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">
|
||
|
||
|
||
|
||
|
||
<!-- Inspired by linktr.ee, GitHub -->
|
||
|
||
<div class="padding"></div>
|
||
|
||
<div class="center2 tCenter">
|
||
<div class="border3 wrapperXL">
|
||
|
||
|
||
|
||
<!-- insert icon start -->
|
||
<div>
|
||
|
||
<span id="about" class="block padding bg3 border4 margin">
|
||
<div>
|
||
|
||
<div class="block padding"></div>
|
||
<img class="logo" src="/img/logo.png" alt="logo"><br />
|
||
|
||
<a class="yellow" href="#about"><h1 class="block padding margin">About:</h1></a>
|
||
|
||
|
||
<!-- * -->
|
||
<div class="block padding tLeft listBlock">
|
||
<div class="listItem">· 👋 console.log('Hello World!');</div>
|
||
<div class="listItem">· ⚪ Home Page And Other Projects.</div>
|
||
<div class="listItem">· 👍 I like Web Design, Web Development, Dev, Technology, Music, Movies, Photo, Art.</div>
|
||
<div class="listItem">· 🌱 I'm using and learning: HTML, CSS, PHP, MySQL, JavaSript, Graphic Editors and other tools.</div>
|
||
<div class="listItem">· 💻 I'm trying to create Website Templates.</div>
|
||
</div>
|
||
<!-- // -->
|
||
|
||
<style>
|
||
|
||
</style>
|
||
|
||
|
||
|
||
</div>
|
||
</span>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<span id="links" class="block bg3 border4 margin">
|
||
<div>
|
||
<span class="block bold padding margin"><a class="blue" href="#links">Links:</a></span>
|
||
|
||
<div class="wrapperL">
|
||
<a class="insertIcon tag brand" href="https://x.com/inonehp">𝕏 / Twitter</a>
|
||
<a class="insertIcon tag brand" href="https://codepen.io/inonehp/pens/public">Codepen</a>
|
||
<a class="insertIcon tag brand" href="https://github.com/inonehp">Github</a>
|
||
<a class="insertIcon tag brand" href="https://www.behance.net/inonehp">Behance</a>
|
||
<a class="insertIcon tag brand" href="https://dribbble.com/inonehp">Dribbble</a>
|
||
<a class="insertIcon tag brand" href="https://www.deviantart.com/inonehp">Deviantart</a>
|
||
<a class="insertIcon tag brand" href="https://www.instagram.com/inonehp">Instagram</a>
|
||
<a class="insertIcon tag brand" href="https://www.pinterest.com/inonehp">Pinterest</a>
|
||
</div>
|
||
|
||
<div class="block padding"></div>
|
||
|
||
|
||
</div>
|
||
</span>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<span id="contact" class="block padding bg3 border4 margin">
|
||
<div>
|
||
<span class="block bold padding margin"><a class="violet" href="#contact">Contact:</a></span>
|
||
<a class="insertIcon button brand" href="mailto:inonehp+hello%40gmail.com?subject=">inonehp+hello@gmail.com</a>
|
||
</div>
|
||
</span>
|
||
|
||
|
||
<span id="hosting" class="block padding bg3 border4 margin">
|
||
<div>
|
||
|
||
<span class="block pre margin bold"><a class="indigo" href="#hosting">Hosting:</a></span>
|
||
<a class="insertIcon button brand" href="https://pages.cloudflare.com/">Cloudflare Pages</a>
|
||
<a class="insertIcon button brand" href="https://pages.github.com/">GitHub Pages</a>
|
||
|
||
</div>
|
||
</span>
|
||
|
||
|
||
|
||
|
||
<span id="copyright" class="block padding bg3 border4 margin">
|
||
<div>
|
||
|
||
<span class="block margin ">
|
||
<span class="block bold padding margin"><a class="yellow" href="#copyright">Some copyright and license:</a></span>
|
||
|
||
</span>
|
||
|
||
<!-- * -->
|
||
<div class="block padding tLeft listBlock">
|
||
<div class="listItem">Geany Theme. <a class="brand" href="https://en.wikipedia.org/wiki/GNU_General_Public_License">GNU General Public License.</a></div>
|
||
<div class="listItem">Books in /data: have own license, <a class="brand" href="https://gutenberg.org/policy/license.html">The Project Gutenberg License</a></div>
|
||
<div class="listItem">dash.all.min.js in /js: <a class="brand" href="https://github.com/Dash-Industry-Forum/dash.js/blob/development/LICENSE.md">BSD License Agreement</a></div>
|
||
</div>
|
||
<!-- // -->
|
||
|
||
|
||
</div>
|
||
</span>
|
||
|
||
|
||
|
||
|
||
<span id="donate" class="block padding bg3 border4 margin">
|
||
<div>
|
||
|
||
<span class="block margin ">
|
||
<span class="block bold padding margin"><a class="orange" href="#donate">Donate:</a></span>
|
||
|
||
</span>
|
||
|
||
<a class="insertIcon button brand" href="https://www.buymeacoffee.com/inonehp">Buy Me a coffee</a>
|
||
|
||
<div class="block padding"><span class="op">Lightning address:</span>
|
||
<span class="insertIcon">inonehp@getalby.com</span>
|
||
<a class="insertIcon button brand" href="https://getalby.com/p/inonehp">https://getalby.com/p/inonehp</a>
|
||
</div>
|
||
<!--<div class="wrapperL">
|
||
<br>
|
||
Thank you very much for your support!<div class="block padding"></div>
|
||
</div>-->
|
||
</div>
|
||
</span>
|
||
|
||
|
||
|
||
</div>
|
||
<!-- insert icon end -->
|
||
|
||
|
||
<span id="other" class="block padding bg3 border4 margin">
|
||
<div>
|
||
<span class="block bold padding margin"><a class="green" href="#other">Other:</a></span>
|
||
|
||
<!--<div class="block padding tCenter listBlock">
|
||
<div class="listItem">Main:<br>
|
||
<a class="brand" href="https://inonehp.pages.dev/">https://inonehp.pages.dev</a></div>
|
||
</div>-->
|
||
|
||
<div class="padding">
|
||
<img class="op" src="/img/qr-code.png" width="75" style="border-radius: 5px;" alt="website qr code">
|
||
</div>
|
||
|
||
|
||
<a class="op" href="https://jigsaw.w3.org/css-validator/check/referer">
|
||
<img style="border:0;width:88px;height:31px"
|
||
src="https://jigsaw.w3.org/css-validator/images/vcss"
|
||
alt="Valid CSS!">
|
||
</a>
|
||
|
||
<a class="op" href="https://validator.w3.org/check?uri=referer">
|
||
<img style="border:0;width:88px;height:31px"
|
||
src="https://www.w3.org/Icons/valid-xhtml10.png"
|
||
alt="Valid HTML!">
|
||
</a>
|
||
|
||
<a class="op" href="https://pagespeed.web.dev/analysis?url=https://inonehp.pages.dev">
|
||
<img style="border:0; height:31px"
|
||
src="https://www.gstatic.com/pagespeed/insights/ui/logo/favicon_48.png"
|
||
alt="PageSpeed Insights">
|
||
</a>
|
||
|
||
<div class="padding"></div>
|
||
|
||
</div>
|
||
</span>
|
||
|
||
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
<style>
|
||
|
||
/*
|
||
https://stackoverflow.com/questions/11142125/css-highlight-a-div-when-the-id-is-linked-to-using-an-anchor
|
||
*/
|
||
|
||
|
||
#about:target,
|
||
#webdesign:target,
|
||
#tools:target,
|
||
#links:target,
|
||
#hosting:target,
|
||
#contact:target,
|
||
#donate:target,
|
||
#counter:target,
|
||
#other:target,
|
||
#copyright:target
|
||
{
|
||
border-bottom: 4px solid var(--orange);
|
||
min-height: 100vh;
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: center;
|
||
}
|
||
|
||
</style>
|
||
|
||
|
||
|
||
|
||
<!-- //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>
|
||
|
||
<!--
|
||
<script src="/projects/blog/script.js"></script>
|
||
|
||
<script src="/data/blogJsonVar.js"></script>
|
||
<script>
|
||
blog("echoBlog", blogJsonVar, 'post', 'on', 'off', '3', 'blog.html', 'off', '500');
|
||
// printId, blogJsonVar, postClass, embedStatus, tagListStatus, postLimit, scriptDir, multiEmbedStatus tagListLimit
|
||
</script>
|
||
|
||
|
||
|
||
<script src="/projects/twitter-embed/script.js"></script>
|
||
<script>
|
||
twitterEmbed('twitter', 'inonehp', 3, confThemeEmbed);
|
||
</script>
|
||
-->
|
||
|
||
|
||
|
||
|
||
</body>
|
||
</html>
|