Files
Website/index.html
2026-03-16 04:49:55 +00:00

103 lines
5.7 KiB
HTML

<!DOCTYPE HTML>
<!--
Dimension by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>DidiDidi129</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<meta name="description" content="Didi's website. (I am not affiliated with Diddy, the name is merely coincidental)">
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<div class="logo">
<span class="image2 main"><img src="images/PFP.png" alt="" /></span>
</div>
<div class="content">
<div class="inner">
<div class="wave-container">
<h1 class="wave-text">
<span style="--i:1">D</span><span style="--i:2">i</span><span style="--i:3">d</span><span style="--i:4">i</span><span style="--i:5">D</span><span style="--i:6">i</span><span style="--i:7">d</span><span style="--i:8">i</span><span style="--i:9">1</span><span style="--i:10">2</span><span style="--i:11">9</span>
</h1>
</div>
<p>Hey! Welcome to my website! You can reach me by pressing a button below.</p>
<p>Be sure to take a look at the pages below! Glad to have you here!</p>
</div>
<ul class="icons">
<li><a href="https://discord.gg/V43PkHfUJ8" target="_blank" class="icon brands fa-discord" data-tooltip="Discord"><span class="label">Discord</span></a></li>
<li><a href="https://reddit.com/u/DidiDidi129" target="_blank" class="icon brands fa-reddit" data-tooltip="Reddit"><span class="label">Reddit</span></a></li>
<li><a href="https://github.com/DidiDidi129" target="_blank" class="icon brands fa-github" data-tooltip="GitHub"><span class="label">GitHub</span></a></li>
<li><a href="https://matrix.to/#/@didi:didi.party" target="_blank" class="icon icon-matrix" data-tooltip="Matrix"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="currentColor"><path d="M.632.55v22.9H2.28V24H0V0h2.28v.55zm7.043 7.26v1.157h.033c.309-.443.683-.784 1.117-1.024c.433-.245.936-.365 1.5-.365c.54 0 1.033.107 1.488.32c.45.214.795.555 1.025 1.016c.24-.352.56-.659.953-.923c.396-.263.862-.413 1.4-.413c.405 0 .784.053 1.142.16c.355.112.659.286.905.52c.249.237.44.537.572.9c.136.362.204.79.204 1.276v5.432h-2.07V11.19c0-.306-.017-.588-.05-.846a1.46 1.46 0 0 0-.2-.643a.96.96 0 0 0-.421-.404c-.173-.096-.393-.144-.66-.144c-.267 0-.488.056-.665.166a1.2 1.2 0 0 0-.43.433a1.8 1.8 0 0 0-.22.635a4 4 0 0 0-.063.72v5.776H9.266V11.19c0-.278-.012-.543-.036-.792a1.7 1.7 0 0 0-.168-.663a.9.9 0 0 0-.397-.453c-.17-.107-.405-.16-.703-.16c-.098 0-.227.024-.39.076a1.2 1.2 0 0 0-.445.249a1.4 1.4 0 0 0-.36.473c-.1.197-.149.462-.149.793v5.17H4.547V7.811zm14.605 14.39H21.72V24h2.28V0H21.72v.55h.56v22.9z"/></svg><span class="label">Matrix</span></a></li>
<li><a href="https://blog.didi.party" target="_blank" class="icon fa-compass" data-tooltip="Blog"><span class="label">Blog</span></a></li>
<li><a href="#bitcoin" class="icon brands fa-btc" data-tooltip="Bitcoin"><span class="label">Bitcoin</span></a></li>
</ul>
</div>
</header>
<!-- Main -->
<div id="main">
<!-- Intro -->
<article id="intro">
<h2 class="major">About</h2>
<!--<span class="image main"><img src="images/pic01.jpg" alt="" /></span> UNCOMMENT TO PUT IMAGE-->
<p>Hello, I am DidiDidi129 but people usually call me Didi. No, not *that* Diddy, i'm talking about the toy I had as a child. I am passionate about technology and aspire to work in IT someday. My all time favorite TV show is Severance on AppleTV+ and I particularly enjoy video games, especially Minecraft.</p>
<blockquote>Multiple people make a Didi Party - Didi 2025</blockquote>
<p>Go to the next page to read about my latest projects!</p>
<a href="#projects" class="button primary">Next Page</a>
</article>
<!-- BTC -->
<article id="bitcoin">
<h2 class="major">Bitcoin</h2>
<style>
.center {
display: grid;
place-items: center;
}
</style>
<div style="padding-bottom: 20px;" class="center">
<p>Thanks for wanting to donate! Scan the QR or click the link below!</p>
<img style="padding-bottom: 20px; max-width: 100%; height: auto;" src="images/btc.png" width="410" height="" alt="bc1qq2tf5ahmeh4hhkn6r5a0nzpyzsht35dwmy9ts7" />
<a target="_blank" class="button primary" href="bitcoin:bc1qq2tf5ahmeh4hhkn6r5a0nzpyzsht35dwmy9ts7">Click Here to donate!</a>
</div>
<script defer src="https://widgets.coingecko.com/gecko-coin-price-chart-widget.js"></script>
<gecko-coin-price-chart-widget locale="en" dark-mode="true" outlined="true" coin-id="bitcoin" initial-currency="usd" width="100" height="0"></gecko-coin-price-chart-widget>
</article>
</div>
<!-- Footer -->
<footer id="footer">
<p class="copyright">&copy; Didi 2025</p>
</footer>
</div>
<!-- BG -->
<div id="bg"></div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
<!--<canvas id="snowCanvas" style="position:fixed; top:0; left:0; width:100%; height:100%; pointer-events:none; z-index:9999;"></canvas>
<script src="assets/js/snow.js"></script>-->
</body>
</html>