102 lines
6.6 KiB
HTML
102 lines
6.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'; style-src 'self'; font-src 'self' data:; img-src 'self' data:; connect-src 'self'; base-uri 'self'; form-action 'self' https://duckduckgo.com;">
|
|
<meta http-equiv="X-Content-Type-Options" content="nosniff">
|
|
<link rel="stylesheet" href="assets/css/style.css">
|
|
<link rel="icon" type="image/x-icon" href="favicon.ico">
|
|
<link rel="alternate" type="application/rss+xml" title="Blog RSS Feed" href="/blog/api/feed.php">
|
|
<script>
|
|
// Apply theme immediately to prevent flash
|
|
(function() {
|
|
const theme = localStorage.getItem('theme') ||
|
|
(window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light');
|
|
document.documentElement.setAttribute('data-theme', theme);
|
|
})();
|
|
</script>
|
|
<title>Launch Pad</title>
|
|
</head>
|
|
<body>
|
|
<a href="gemini://example.com" class="gemini-link" aria-label="Gemini capsule" title="Visit Gemini capsule">
|
|
gemini://
|
|
</a>
|
|
<a href="http://example.onion" class="onion-link" aria-label="Onion site" title="Visit Onion site">
|
|
.onion
|
|
</a>
|
|
<button class="theme-toggle" id="themeToggle" aria-label="Toggle dark mode">
|
|
<svg class="theme-icon theme-icon-moon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
|
|
<svg class="theme-icon theme-icon-sun" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display: none;"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg>
|
|
</button>
|
|
<br/><br/>
|
|
<div class="name">
|
|
__ _______________________ _________._________________________
|
|
/ \ / \_ _____/\______ \/ _____/| \__ ___/\_ _____/
|
|
\ \/\/ /| __)_ | | _/\_____ \ | | | | | __)_
|
|
\ / | \ | | \/ \| | | | | \
|
|
\__/\ / /_______ / |______ /_______ /|___| |____| /_______ /
|
|
\/ \/ \/ \/ \/
|
|
|
|
</div>
|
|
<div class="info">
|
|
<h1 id="greeting"></h1>
|
|
<h1 id="time"></h1>
|
|
</div>
|
|
<div class="search_box">
|
|
<form method="get" id="search" action="/search">
|
|
<input id="q" name="q" type="text" placeholder="Search for..." autocomplete="off" autocapitalize="none" spellcheck="false" autocorrect="off" dir="auto" value="">
|
|
<button id="clear_search" type="reset" aria-label="clear" class="hide_if_nojs"><svg viewBox="0 0 512 512" class="search-icon" aria-hidden="true" width="20" height="20"><path d="M368 368 144 144M368 144 144 368" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"/></svg><span class="show_if_nojs">clear</span></button>
|
|
<button id="send_search" type="submit" aria-label="search"><svg viewBox="0 0 512 512" class="search-icon" aria-hidden="true" width="20" height="20"><path d="M221.09 64a157.09 157.09 0 1 0 157.09 157.09A157.1 157.1 0 0 0 221.09 64Z" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32px"/><path d="M338.29 338.29 448 448" fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32px"/></svg></button>
|
|
</form>
|
|
</div>
|
|
<div class="lists">
|
|
<div class="watch">
|
|
<p class="list_title" id="w">Consume</p>
|
|
<a href="https://example.com" target="_blank">Music</a>
|
|
<a href="https://kick.com" target="_blank">Kick</a>
|
|
<a href="https://tilvids.com/home" target="_blank">Videos</a>
|
|
<a href="https://example.com" target="_blank">Streams</a>
|
|
</div>
|
|
<div class="social">
|
|
<p class="list_title" id="s">Socialize</p>
|
|
<a href="http://kbin.social" target="_blank">KBin</a>
|
|
<a href="https://example.com" target="_blank">Mastodon</a>
|
|
<a href="https://example.com" target="_blank">Matrix</a>
|
|
</div>
|
|
<div class="dev">
|
|
<p class="list_title" id="d">Create</p>
|
|
<a href="https://ardour.org" target="_blank">Ardour</a>
|
|
<a href="https://www.blender.org" target="_blank">Blender</a>
|
|
<a href="https://inkscape.org" target="_blank">Inkscape</a>
|
|
<a href="https://krita.org/en/" target="_blank">Krita</a>
|
|
</div>
|
|
<div class="linux">
|
|
<p class="list_title" id="l">System</p>
|
|
<a href="https://hyprland.org" target="_blank">Hyprland</a>
|
|
<a href ="https://www.kernel.org" target="_blank">Kernel</a>
|
|
<a href="http://www.linuxlinks.com" target="_blank">Linux Links</a>
|
|
<a href="https://example.com" target="_blank">Distribution</a>
|
|
</div>
|
|
<div class="other">
|
|
<p class="list_title" id="e">Extras</p>
|
|
<a href="https://example.com" target="_blank">Calls</a>
|
|
<a href="https://example.com" target="_blank">Cloud</a>
|
|
<a href="https://example.com" target="_blank">Email</a>
|
|
<a href="http://github.com/" target="_blank">Git</a>
|
|
</div>
|
|
</div>
|
|
</br> </br> </br>
|
|
<div class="blog-links">
|
|
<h1 id="blogMessage"></h1>
|
|
<div id="recentPosts"></div>
|
|
</div>
|
|
<div class="cheatsheets-links">
|
|
<h1 id="cheatsheetsMessage">Check out my <a href="cheatsheets/index.html" class="blog-link">Cheatsheets</a> and <a href="quickref/index.html" class="blog-link">Quick Reference</a></h1>
|
|
</div>
|
|
<script async type="text/javascript" src="blog/js/analytics.js"></script>
|
|
<script async type="text/javascript" src="assets/js/main.js"></script>
|
|
<script src="assets/js/theme.js"></script>
|
|
</body>
|
|
</html>
|