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 >
< / 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:21:40 -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 it for the mobile version (so they can navigate it). 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-01-27 20:10:55 -07:00
< / div >
< / div >
< / section >
< / body >
< / html >
