AstroCom/AstroCom-API
3
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Somethign fucked

Browse source
This commit is contained in:
Christopher Cookman 2024-12-16 20:21:20 -07:00
parent 13303e4e24
commit bb13a2194d
3 changed files with 57 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
public/assets/css/root-style.css
View file

@ -40,12 +40,15 @@
display: none; display: none;
} }
.fadein {
display: none;
}
.title { .title {
font-size: 88px; font-size: 88px;
font-family: "Mistral", cursive; font-family: "Mistral", cursive;
font-weight: 850; font-weight: 850;
font-style: italic; font-style: italic;
display: none;
} }
a { a {
@ -57,4 +60,27 @@
animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1350ms both; animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1350ms both;
} }
.text-container {
width: 300px;
height: 50px;
overflow: hidden;
position: relative;
right: -10px
}
.text-wrapper {
position: absolute;
top: 0;
width: 100%;
}
.text {
height: 50px;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
}
@-webkit-keyframes slide-in-bottom{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-bottom{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}} @-webkit-keyframes slide-in-bottom{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-bottom{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}

22
public/assets/js/landing.js
View file

@ -1,12 +1,32 @@
// dotbrew 2024 // dotbrew 2024
let ass = 0;
function switchit() {
console.log("ass");
document.querySelector(".text-wrapper").style = "";
document.querySelector(".text-wrapper").firstElementChild.remove();
var c = document.querySelector(".text-wrapper").firstElementChild.cloneNode(true);
c.innerHTML = "";
document.querySelector(".text-wrapper").appendChild(c);
};
function scroll() {
document.querySelector(".text-wrapper").style.transition = "top 0.5s ease";
document.querySelector(".text-wrapper").style.top = "-50px";
setTimeout(switchit, 510)
};
function chgtext(tex) {
var c = document.querySelector(".text-wrapper").lastElementChild.innerHTML = tex;
scroll();
};
$(document).ready(function() { $(document).ready(function() {
$(".title").fadeIn(1250); $(".fadein").fadeIn(1250);
}); });

8
public/index.html
View file

@ -20,7 +20,15 @@
</head> </head>
<body> <body>
<div class="center"> <div class="center">
<div class="fadein">
<h1 class="title">AstroCom</h1> <h1 class="title">AstroCom</h1>
<div class="text-container">
<div class="text-wrapper" id="textWrapper">
<div class="text">...</div>
<div class="text"></div>
</div>
</div>
</div><br><br>
<div class="links"> <div class="links">
<a href="/about">About (WIP)</a><span> </span> <a href="/about">About (WIP)</a><span> </span>
<a href="/directory">Directory</a><span> </span> <a href="/directory">Directory</a><span> </span>