mirror of
https://github.com/sr229/kuru-kuru.git
synced 2024-09-20 04:10:33 +00:00
feat: Update CounterCard and MarkdownContent styles
Update CounterCard and MarkdownContent styles, and add Credits Content
This commit is contained in:
parent
45409382db
commit
1cbb7d8651
4 changed files with 11 additions and 8 deletions
3
home_content/README.md
Normal file
3
home_content/README.md
Normal file
|
@ -0,0 +1,3 @@
|
|||
## Credits Content
|
||||
|
||||
This contains the credits content in the website. If you want to localize, just simply copy `en.md` and translate from there.
|
|
@ -21,11 +21,11 @@ export function animateMascot() {
|
|||
const parentEl = document.getElementById("mascot-tgt") as HTMLElement;
|
||||
|
||||
mascotEl.src = `/assets/img/hertaa${mascotId}.gif`;
|
||||
mascotEl.style.position = "absolute";
|
||||
mascotEl.style.right = "-500px";
|
||||
mascotEl.style.top = counterButton.getClientRects()[0].bottom + scrollY -
|
||||
412 + "px";
|
||||
mascotEl.classList.add("z-[0]");
|
||||
mascotEl.style.opacity = "60%";
|
||||
mascotEl.style.top = counterButton.getClientRects()[0].top + scrollY -
|
||||
408 + "px";
|
||||
mascotEl.classList.add("z-[0]", "absolute", "bg-scroll");
|
||||
parentEl.appendChild(mascotEl);
|
||||
|
||||
let pos = -500;
|
||||
|
|
|
@ -2,7 +2,7 @@ import { CSS, render } from "$gfm";
|
|||
|
||||
export default function MarkdownContent({ mdData }: { mdData: string }) {
|
||||
return (
|
||||
<div class="px-4 py-8 aspect-square mx-8 my-8 bg-white items-center justify-center">
|
||||
<div class="flex mx-auto flex-col px-4 py-8 aspect-auto bg-white rounded items-center z-20">
|
||||
<style dangerouslySetInnerHTML={{ __html: CSS }} />
|
||||
<div
|
||||
class="markdown-body"
|
||||
|
|
|
@ -83,11 +83,11 @@ export default function Home(
|
|||
// added a pseudo-div here so I can nest another div inside it smh
|
||||
return (
|
||||
<div>
|
||||
<div class="px-4 py-8 mx-auto bg-[#9d88d3]" id="mascot-tgt">
|
||||
<div class="max-w-screen-md mx-auto flex flex-col items-center justify-center">
|
||||
<div class="px-4 py-8 mx-auto bg-[#9d88d3]">
|
||||
<div class="max-w-screen-md mx-auto flex flex-col items-center justify-center" id="mascot-tgt">
|
||||
<img class="z-10" src="/favicon.png" width="60px" />
|
||||
<h1 class="text-4xl text-white text-center font-bold z-10">
|
||||
Welcome to herta kuru (v2?)
|
||||
Welcome to herta kuru
|
||||
</h1>
|
||||
<p class="my-4 font-bold text-center text-white z-10">
|
||||
The website for Herta, the <del>annoying</del>{" "}
|
||||
|
|
Loading…
Reference in a new issue