limepot-xyz/about.html
2023-02-16 18:42:01 -07:00

200 lines
No EOL
6.4 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel = "icon" href = "assets/branding/obo-icon.png">
<title>LimePot - About</title>
<link rel="stylesheet" href="mybulma/css/mystyles.css">
<style>
*{
box-sizing: border-box;
font-family: 'Courier New', Courier, monospace;
margin: 0;
padding: 0;
}
.wrapper{
font-size: 4vw;
width: 50vw;
text-align: center;
display: flex;
}
.normal-text{
color: white;
width: 35%;
display: inline-block;
text-align: left;
}
.dynamic-text {
display: inline-block;
height: 5vw;
overflow: hidden;
}
.dynamic-text li{
color: rgb(0, 255, 204);
margin: 0 0 2% 5px;
position: relative;
width: fit-content;
animation: slid 18s steps(3) infinite;
-webkit-animation: slid 18s steps(3) infinite;
}
.dynamic-text li::before{
content: "";
position: absolute;
width: 100%;
height: 100%;
border-left: 2px solid rgb(0, 255, 204);
left: 0;
background: #332e33;
animation: typing 3s steps(12) infinite;
-webkit-animation: typing 3s steps(12) infinite;
}
@keyframes typing {
50%{left:100%}
100%{left:0%}
}
@keyframes slid {
50%{
transform: translateY(calc(-15.5vw));
-webkit-transform: translateY(calc(-15.5vw));
-moz-transform: translateY(calc(-15.5vw));
-ms-transform: translateY(calc(-15.5vw));
-o-transform: translateY(calc(-15.5vw));
}
100%{ transform: translateY(0px);
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);}
}
</style>
</head>
<body>
<nav class="navbar" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<a class="navbar-item" href="https://limepot.xyz/">
<img src="assets/obo-icon.png">
LimePot
</a>
<a role="button" class="navbar-burger" data-target="navMenu" aria-label="menu" aria-expanded="false">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<div class="navbar-menu" id="navMenu">
<div class="navbar-start">
<a class="navbar-item" href="https://limepot.xyz/">
Home
</a>
<a class="navbar-item" href="https://limepot.xyz/about">
About
</a>
<a class="navbar-item" href="https://limepot.xyz/blog">
Blog
</a>
<div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link" href="https://limepot.xyz/projects">
Projects
</a>
<div class="navbar-dropdown">
<a class="navbar-item" href="https://github.com/LimePotato">
Github
</a>
<a class="navbar-item" href="https://limepot.xyz/photography">
Photography
</a>
<a class="navbar-item" href="https://limepot.xyz/videography">
Youtube
</a>
</div>
</div>
<div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link">
More
</a>
<div class="navbar-dropdown">
<a class="navbar-item" href="https://limepot.xyz/Socials">
Socials
</a>
<hr class="navbar-divider">
<a class="navbar-item" href="https://limepot.xyz/Contact">
Contact
</a>
<a class="navbar-item" href="https://limepot.xyz/old">
Old Site
</a>
<a class="navbar-item" href="https://limepot.xyz/ALPHA">
Alpha Site
</a>
</div>
</div>
</div>
<div class="navbar-end">
</div>
</div>
</div>
</div>
</nav>
<section class="section">
<div class="container">
<div class="content">
<div class="wrapper">
<div class="normal-text"> I'm a: </div>
<ul class="dynamic-text">
<li>Developer.</li>
<li>Crazy Lady.</li>
<li>🏳Transwoman.</li>
</ul>
</div>
<p>Okay so, um hi. I'm Luna-Nelle, or Luna or Nelle depending on how I'm Acting</p>
<p>I'm a Transgender Female, I will burn your house down.</p>
<p>I am extremely obsessed with privacy, foss, space, and technology in general. If you'd like to get deep, I'll get deep.</p>
<br><br>
<p>at the moment I'm working on getting my socials and such put into the footer, but for now here are my links:</p>
<br><br>
<h2>Socials</h2>
<a href="https://snowdin.town/LimePotato">Fediverse</a>
<a href="https://odysee.com/@LimePot:4">Odysee</a>
<a href="https://limepot.xyz/irc">IRC (still kinda being worked on)</a>
<a href="https://limepot.xyz/redir/discord">Discord</a>
<a href="#">Fosscord (Soon)</a>
<br>
<h2>Dev Links</h2>
<a href="https://github.com/LimePotato/">Github</a>
<a href="https://codeberg.org/LimePotato">Codeberg</a>
<a href="https://modrinth.com/user/limepotato">Modrinth</a>
<br>
<script src='https://storage.ko-fi.com/cdn/scripts/overlay-widget.js'></script>
<script>
kofiWidgetOverlay.draw('limepot', {
'type': 'floating-chat',
'floating-chat.donateButton.text': 'Support Me',
'floating-chat.donateButton.background-color': '#00bfa5',
'floating-chat.donateButton.text-color': '#fff'
});
</script>
</div>
</div>
</section>
</body>
</html>