2023-01-27 20:10:55 -07:00
<!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 >
2023-02-16 18:07:58 -07:00
< a role = "button" class = "navbar-burger" data-target = "navMenu" aria-label = "menu" aria-expanded = "false" >
2023-01-27 20:10:55 -07:00
< span aria-hidden = "true" > < / span >
< span aria-hidden = "true" > < / span >
< span aria-hidden = "true" > < / span >
< / a >
< / div >
2023-02-16 18:07:58 -07:00
< div class = "navbar-menu" id = "navMenu" >
2023-01-27 20:10:55 -07:00
< 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 >
2023-02-14 15:10:08 -07:00
< a class = "navbar-item" href = "https://limepot.xyz/blog" >
Blog
< / a >
2023-01-27 20:10:55 -07:00
< 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 >
2023-02-28 15:20:37 -07:00
< a class = "navbar-item" href = "https://www.youtube.com/channel/UCk_yKIpDnMv_DvuDb9RGfcA" >
2023-01-27 20:10:55 -07:00
Youtube
< / a >
< / div >
< / div >
< div class = "navbar-item has-dropdown is-hoverable" >
< a class = "navbar-link" >
More
< / a >
< div class = "navbar-dropdown" >
< 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" >
2023-02-26 17:15:36 -07:00
< a class = "navbar-item" href = "https://ko-fi.com/limepot" >
< img src = "assets/other-branding/ko-fi-button-red.png" >
< / a >
2023-01-27 20:10:55 -07:00
< / div >
< / div >
< / div >
< / div >
2023-03-09 21:31:03 -07:00
<!-- This JS is required for mobile users to navigate the site, working on a mobile alternative -->
< script > d o c u m e n t . a d d E v e n t L i s t e n e r ( ' D O M C o n t e n t L o a d e d ' , ( ) = > {
// Get all "navbar-burger" elements
const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
// Add a click event on each of them
$navbarBurgers.forEach( el => {
el.addEventListener('click', () => {
// Get the target from the "data-target" attribute
const target = el.dataset.target;
const $target = document.getElementById(target);
// Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
el.classList.toggle('is-active');
$target.classList.toggle('is-active');
});
});
});< / script >
<!-- This JS is required for mobile users to navigate the site, working on a mobile alternative -->
2023-01-27 20:10:55 -07:00
< / nav >
< section class = "section" >
< div class = "container" >
< div class = "content" >
< div class = "wrapper" >
< / div >
2023-02-16 19:13:41 -07:00
< p > Okay so, um hi. I'm Luna-Nelle, or Luna or Nelle depending on how I'm acting.< / p >
2023-02-16 18:42:01 -07:00
< p > I'm a Transgender Female, I will burn your house down.< / p >
2023-02-16 19:13:13 -07:00
< p > I am extremely obsessed with privacy, FOSS, Linux (Arch BTW), space, and technology in general. If you'd like to get deep, I'll get deep.< / p >
2023-02-16 18:42:01 -07:00
< br > < br >
2023-02-28 15:22:16 -07:00
< p > I try to make this site without JavaScript, I use < strong > < a href = "https://bulma.io/" > Bulma< / a > < / strong > Which doesn't require JS, but full disclosure, I've used a little JS for the mobile version (specifically the menu burger opening and closing). but this site will function if you turn JS off.< / p >
2023-02-16 19:06:22 -07:00
< br > < br >
2023-02-16 18:42:01 -07:00
< 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 >
2023-02-16 18:44:29 -07:00
< br > < br > < br >
2023-02-16 18:42:01 -07:00
< h2 > Socials< / h2 >
< a href = "https://snowdin.town/LimePotato" > Fediverse< / a >
2023-02-16 18:44:29 -07:00
< br >
2023-02-16 18:42:01 -07:00
< a href = "https://odysee.com/@LimePot:4" > Odysee< / a >
2023-02-16 18:44:29 -07:00
< br >
2023-02-16 18:42:01 -07:00
< a href = "https://limepot.xyz/irc" > IRC (still kinda being worked on)< / a >
2023-02-16 18:44:29 -07:00
< br >
2023-02-16 18:42:01 -07:00
< a href = "https://limepot.xyz/redir/discord" > Discord< / a >
< br >
2023-02-16 18:44:29 -07:00
< a href = "#" > Fosscord (Soon)< / a >
< br > < br > < br >
2023-02-16 18:42:01 -07:00
< h2 > Dev Links< / h2 >
< a href = "https://github.com/LimePotato/" > Github< / a >
2023-02-16 18:44:29 -07:00
< br >
2023-02-16 18:42:01 -07:00
< a href = "https://codeberg.org/LimePotato" > Codeberg< / a >
< br >
2023-02-16 18:44:29 -07:00
< a href = "https://modrinth.com/user/limepotato" > Modrinth< / a >
< br > < br >
2023-03-09 23:03:40 -07:00
< a href = "https://bulma.io" >
< img
2023-03-09 23:06:50 -07:00
src="https://bulma.io/images/made-with-bulma--semiwhite.png"
2023-03-09 23:03:40 -07:00
alt="Made with Bulma"
width="128"
height="24">
< / a >
< a href = "https://github.com/LimePotato/limepot.xyz" >
< img
src="https://img.shields.io/badge/Site-Source-lightgrey.svg"
width="95"
height="20">
< / a >
2023-01-27 20:10:55 -07:00
< / div >
< / div >
< / section >
< / body >
< / html >
