refactor: cleanup

This commit is contained in:
xHyroM 2023-06-02 20:16:23 +02:00
parent 016872e3af
commit c4b15d1fad
No known key found for this signature in database
GPG key ID: BE0423F386C436AA
25 changed files with 452 additions and 482 deletions

View file

@ -1,2 +1,2 @@
dist/* dist/**
node_modules/* node_modules/**

View file

@ -17,6 +17,10 @@ import prefetch from "@astrojs/prefetch";
import robotsTxt from "astro-robots-txt"; import robotsTxt from "astro-robots-txt";
import minify from "./astro-integrations/minify"; import minify from "./astro-integrations/minify";
import { dirname, resolve } from "node:path";
import { fileURLToPath } from "node:url";
const __dirname = dirname(fileURLToPath(import.meta.url));
// https://astro.build/config // https://astro.build/config
export default defineConfig({ export default defineConfig({
site: "https://xhyrom.dev/", site: "https://xhyrom.dev/",
@ -40,4 +44,15 @@ export default defineConfig({
}), }),
minify(), minify(),
], ],
vite: {
resolve: {
alias: {
"~": resolve(__dirname, "./src"),
"@pages": resolve(__dirname, "./src/pages"),
"@assets": resolve(__dirname, "./src/assets"),
"@layouts": resolve(__dirname, "./src/layouts"),
"@components": resolve(__dirname, "./src/components"),
},
},
},
}); });

View file

@ -1,39 +0,0 @@
---
const { schemaOrg } = Astro.props;
---
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Primary Meta Tags -->
<title>xHyroM</title>
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
<meta name="title" content="xHyroM" />
<meta name="description" content="I'm Hyro :) o/" />
<meta name="keywords" content="xhyrom developer dev hyro hyrousek" />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://xhyrom.dev/" />
<meta property="og:title" content="xHyroM" />
<meta property="og:description" content="I'm Hyro :) o/" />
<meta property="og:image" content="/banner.png" />
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://xhyrom.dev/" />
<meta property="twitter:title" content="xHyroM" />
<meta property="twitter:description" content="I'm Hyro :) o/" />
<meta property="twitter:image" content="/banner.png" />
<!-- CSP -->
<meta
http-equiv="Content-Security-Policy"
content="img-src 'self'; font-src *; style-src 'self' 'unsafe-inline' fonts.googleapis.com; script-src 'self' 'unsafe-inline'; object-src 'none'"
/>
{
schemaOrg && (
<script type="application/ld+json" set:html={JSON.stringify(schemaOrg)} />
)
}

View file

@ -0,0 +1,24 @@
---
const { url, title, description, image } = {
// default values
url: "https://xhyrom.dev/",
title: "xHyroM",
description: "I'm Hyro :) o/",
image: "/banner.png",
...Astro.props,
};
---
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content={url} />
<meta property="og:title" content={title} />
<meta property="og:description" content={description} />
<meta property="og:image" content="/banner.png" />
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content={url} />
<meta property="twitter:title" content={title} />
<meta property="twitter:description" content={description} />
<meta property="twitter:image" content="/banner.png" />

View file

@ -1,61 +0,0 @@
---
const url = Astro.url.pathname;
const { title, date } = Astro.props;
---
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Primary Meta Tags -->
<title>xHyroM</title>
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
<meta name="title" content="xHyroM" />
<meta name="description" content={title} />
<meta name="keywords" content="xhyrom developer dev hyro hyrousek" />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content={`https://xhyrom.dev${url}`} />
<meta property="og:title" content="xHyroM" />
<meta property="og:description" content={title} />
<meta property="og:image" content="/banner.png" />
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content={`https://xhyrom.dev${url}`} />
<meta property="twitter:title" content="xHyroM" />
<meta property="twitter:description" content={title} />
<meta property="twitter:image" content="/banner.png" />
<!-- CSP -->
<meta
http-equiv="Content-Security-Policy"
content="img-src 'self'; font-src *; style-src 'self' 'unsafe-inline' fonts.googleapis.com; script-src 'self' 'unsafe-inline'; object-src 'none'"
/>
<script
type="application/ld+json"
set:html={JSON.stringify({
"@context": "https://schema.org",
"@type": "BlogPosting",
mainEntityOfPage: {
"@type": "WebPage",
"@id": `https://xhyrom.dev${url}`,
},
headline: title,
description: title,
image: "https://xhyrom.dev/banner.png",
author: {
"@type": "Person",
name: "xHyroM",
url: "https://xhyrom.dev",
},
publisher: {
"@type": "Person",
name: "xHyroM",
url: "https://xhyrom.dev"
},
datePublished: new Date(date).toISOString().split("T")[0],
dateModified: new Date(date).toISOString().split("T")[0],
})}
></script>

View file

@ -3,7 +3,7 @@ import type { MarkdownInstance } from "astro";
import rightArrow from "../../../../public/icons/chevrons-right.svg"; import rightArrow from "../../../../public/icons/chevrons-right.svg";
const files = await Astro.glob("../../../pages/docs/items/**/*.md"); const files = await Astro.glob("@pages/docs/items/**/*.md");
const sections = files.reduce((acc, file) => { const sections = files.reduce((acc, file) => {
const category: string = file.url!.split("/")[3]; const category: string = file.url!.split("/")[3];
@ -32,7 +32,7 @@ const categories = Object.keys(sections);
</div> </div>
<nav <nav
id="sidebar" id="sidebar"
class="invisible absolute mt-6 mr-16 w-full -translate-x-full bg-dark py-4 transition-transform duration-200 md:visible md:relative md:mt-0 md:inline md:translate-x-0 md:bg-transparent" class="invisible absolute mr-16 mt-6 w-full -translate-x-full bg-dark py-4 transition-transform duration-200 md:visible md:relative md:mt-0 md:inline md:translate-x-0 md:bg-transparent"
> >
<ul class="overflow-y-auto overflow-x-visible"> <ul class="overflow-y-auto overflow-x-visible">
{ {

View file

@ -1,25 +0,0 @@
---
import Socials from "./Socials.astro";
import { Picture } from "@astrojs/image/components";
import logo from "../../../assets/logo.png";
import Name from "./Name.astro";
---
<main
class="mt-24 flex flex-col items-center justify-center md:mt-64 md:flex-row"
>
<div class="justify-cener flex items-center">
<Picture
src={logo}
formats={["png"]}
sizes="(max-width: 200px) 100vw, 200px"
widths={[200, 400]}
alt="descriptive text"
class={"h-[200px] w-[200px]"}
/>
</div>
<section class="text-center md:ml-6 md:text-left">
<Name />
<Socials />
</section>
</main>

View file

@ -1,3 +0,0 @@
<div class="flex drop-shadow-yellow">
<h1 class="text-6xl font-extrabold text-white">xHyroM</h1>
</div>

View file

@ -1,45 +0,0 @@
---
const socials = [
{
name: "GitHub",
link: "https://github.com/xHyroM/",
icon: "github.svg",
},
{
name: "Discord.svg",
link: "https://s.xhyrom.dev/discord",
icon: "discord.svg",
},
{
name: "Twitter",
link: "https://twitter.com/hyrousek/",
icon: "twitter.svg",
},
{
name: "Instagram",
link: "https://www.instagram.com/hyro.dev/",
icon: "instagram.svg",
},
{
name: "ko-fi",
link: "https://ko-fi.com/xhyrom",
icon: "ko-fi.png",
},
];
---
<ul class="my-5 flex justify-center text-white md:justify-start">
{
socials.map((social) => (
<li class="mr-4 ">
<a class="h-10 w-10" href={social.link} title={social.name}>
<img
class="h-8 w-8 transition-all hover:-translate-y-1"
src={`/icons/${social.icon}`}
alt={`${social.name} icon`}
/>
</a>
</li>
))
}
</ul>

220
src/config.ts Normal file
View file

@ -0,0 +1,220 @@
export const socials = [
{
name: "GitHub",
link: "https://github.com/xHyroM/",
icon: "github.svg",
},
{
name: "Discord.svg",
link: "https://s.xhyrom.dev/discord",
icon: "discord.svg",
},
{
name: "Twitter",
link: "https://twitter.com/hyrousek/",
icon: "twitter.svg",
},
{
name: "Instagram",
link: "https://www.instagram.com/hyro.dev/",
icon: "instagram.svg",
},
{
name: "ko-fi",
link: "https://ko-fi.com/xhyrom",
icon: "ko-fi.png",
},
] as {
name: string;
link: string;
icon: string;
}[];
export const skills = [
{
name: "TypeScript",
icon: "logos:typescript-icon",
},
{
name: "JavaScript",
icon: "logos:javascript",
},
{
name: "Bun",
icon: "logos:bun",
},
{
name: "NodeJS",
icon: "logos:nodejs-icon-alt",
},
{
name: "Deno",
icon: "logos:deno",
},
{
name: "React",
icon: "logos:react",
},
{
name: "NextJS",
icon: "file-icons:nextjs",
},
{
name: "Astro",
icon: "vscode-icons:file-type-astro",
},
{
name: "TailwindCSS",
icon: "logos:tailwindcss-icon",
},
{
name: "Java",
icon: "logos:java",
},
{
name: "Kotlin",
icon: "logos:kotlin-icon",
},
{
name: "Rust",
icon: "vscode-icons:file-type-rust",
},
{
name: "Go",
icon: "vscode-icons:file-type-go-aqua",
},
{
name: "MySQL",
icon: "logos:mysql-icon",
},
{
name: "MongoDB",
icon: "devicon:mongodb",
},
{
name: "Redis",
icon: "devicon:redis",
},
{
name: "Git",
icon: "logos:git-icon",
},
{
name: "GitHub",
icon: "mdi:github",
},
{
name: "GitHub Actions",
icon: "devicon:githubactions",
},
{
name: "Cloudflare",
icon: "logos:cloudflare",
},
{
name: "Cloudflare Pages",
icon: "simple-icons:cloudflarepages",
color: "#f48120",
},
{
name: "Cloudflare Workers",
icon: "logos:cloudflare-workers-icon",
},
{
name: "Visual Studio Code",
icon: "logos:visual-studio-code",
},
{
name: "IntelliJ IDEA",
icon: "logos:intellij-idea",
},
] as {
name: string;
icon: string;
}[];
export const projects = [
{
name: "HyLib",
link: "https://github.com/xHyroM/HyLib",
desc: "Source code for HyLib, a paper plugin and powerful library.",
},
{
name: "HyChat",
link: "https://github.com/xHyroM/HyChat",
desc: "Source code for HyChat, a paper plugin.",
},
{
name: "HyX",
link: "https://github.com/xHyroM/HyX",
desc: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque, quaerat.",
},
{
name: "Mashe",
link: "https://github.com/xHyroM/mashe",
desc: "Simple, fast, and easy to use Event Handling for Java.",
},
{
name: "Mumblum",
link: "https://github.com/xHyroM/mumblum",
desc: "Mumblum is a simple, modern discord bot in JDA.",
},
{
name: "setup-bun",
link: "https://github.com/oven-sh/setup-bun",
desc: "Set up your GitHub Actions workflow with a specific version of Bun.",
},
{
name: "Roles Bot",
link: "https://github.com/xHyroM/roles-bot",
desc: 'Discord bot for "button" roles, using Cloudflare Workers.',
},
{
name: "Bun Discord Bot",
link: "https://github.com/xHyroM/bun-discord-bot",
desc: "Official serverless discord bot for bun discord server.",
},
{
name: "hykord",
link: "https://github.com/xHyroM/hykord",
desc: "My @discord client modification.",
},
{
name: "frog",
link: "https://github.com/xHyroM/frog",
desc: "Frog is an extremely simple language based on the monkey language.",
},
{
name: "lsx",
link: "https://github.com/xHyroM/lsx",
desc: "Lsx is a simple, fast, and easy to use ls implementation in Rust.",
},
{
name: "Slovensko v Grafoch",
link: "https://github.com/xHyroM/slovensko-v-grafoch",
desc: "Slovensko v Grafoch is a website that shows data about Slovakia in graphs.",
},
{
name: "Peddler's Pocket",
link: "https://github.com/xHyroM/peddlerspocket",
desc: "/sell command that allows you to put things into GUI and then sell them by closing",
},
{
name: "Peak Pursuit",
link: "https://github.com/xHyroM/peakpursuit",
desc: "PeakPursuit is a plugin for King of the Hill events that adds a competitive edge to your server gameplay. Conquer the hill and claim the crown!",
},
{
name: "Spawner Genz",
link: "https://github.com/xHyroM/spawnergenz",
desc: "Spawner Genz is a plugin that modifies the functionality of spawners so that they don't spawn entities, but instead store drops in a virtual storag in which you can then sell or move everything to your inventory.",
},
] as {
name: string;
link: string;
desc: string;
stats?: {
forks: number;
stars: number;
};
}[];

View file

@ -1,31 +1,49 @@
--- ---
import Snow from "../components/widgets/Snow.astro"; import SEOEmbed from "@components/widgets/SEOEmbed.astro";
import Fireworks from "../components/widgets/Fireworks.astro";
import DefaultHead from "../components/widgets/Head.astro";
const date = new Date(); const { title, description, keywords, schemaOrg } = {
title: "xHyroM",
const fireworks = description: "I'm Hyro :) o/",
(date.getMonth() === 11 && date.getDate() === 31) || keywords: "xhyrom developer dev hyro hyrousek",
(date.getMonth() === 0 && date.getDate() <= 3); ...Astro.props,
const snow = };
(date.getMonth() === 11 && date.getDate() === 10) ||
(date.getMonth() === 0 && date.getDate() <= 3);
const { head } = Astro.props;
const Head = head || DefaultHead;
--- ---
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en-US"> <html lang="en-US">
<head> <head>
<Head {...Astro.props} /> <meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Primary Meta Tags -->
<title>{title}</title>
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
<meta name="title" content={title} />
<meta name="description" content={description} />
<meta name="keywords" content={keywords} />
<SEOEmbed {...Astro.props} />
<!-- CSP -->
<meta
http-equiv="Content-Security-Policy"
content="img-src 'self'; font-src *; style-src 'self' 'unsafe-inline' fonts.googleapis.com; script-src 'self' 'unsafe-inline'; object-src 'none'"
/>
{
schemaOrg && (
<script
type="application/ld+json"
set:html={JSON.stringify(schemaOrg)}
/>
)
}
</head> </head>
<body class="overflow-x-hidden bg-dark font-sans"> <body class="overflow-x-hidden bg-dark font-sans">
<slot /> <slot />
<script> <script>
import "../scripts/menu.js"; import "../scripts/menu.ts";
</script> </script>
<style is:global> <style is:global>
::-webkit-scrollbar { ::-webkit-scrollbar {

View file

@ -1,8 +1,7 @@
--- ---
import PostHead from "../../components/widgets/blog/PostHead.astro"; import Container from "@components/atoms/Container.astro";
import Container from "../../components/atoms/Container.astro"; import Navbar from "@components/widgets/Navbar.astro";
import Navbar from "../../components/widgets/Navbar.astro"; import Layout from "@layouts/Layout.astro";
import Layout from "../Layout.astro";
export interface Props { export interface Props {
content: { content: {
@ -14,16 +13,18 @@ export interface Props {
const { const {
content: { title, date }, content: { title, date },
} = Astro.props; } = Astro.props;
const url = Astro.url.pathname;
--- ---
<Layout head={PostHead} title={title} date={date}> <Layout description={title} date={date} url={`https://xhyrom.dev${url}`}>
<Navbar /> <Navbar />
<h1 class="w-full py-32 text-center text-5xl font-extrabold text-white"> <h1 class="w-full py-32 text-center text-5xl font-extrabold text-white">
{title} {title}
</h1> </h1>
<Container> <Container>
<main class="prose text-2xl prose-invert"> <main class="prose prose-invert text-2xl">
<article> <article>
<slot /> <slot />
</article> </article>

View file

@ -1,8 +1,8 @@
--- ---
import Container from "../../components/atoms/Container.astro"; import Container from "@components/atoms/Container.astro";
import Sidebar from "../../components/widgets/docs/Sidebar.astro"; import Sidebar from "@components/widgets/docs/Sidebar.astro";
import Navbar from "../../components/widgets/Navbar.astro"; import Navbar from "@components/widgets/Navbar.astro";
import Layout from "../../layouts/Layout.astro"; import Layout from "@layouts/Layout.astro";
export interface Props { export interface Props {
content: { content: {

View file

@ -1,7 +1,7 @@
--- ---
import Container from "../components/atoms/Container.astro"; import Container from "@components/atoms/Container.astro";
import Navbar from "../components/widgets/Navbar.astro"; import Navbar from "@components/widgets/Navbar.astro";
import Layout from "../layouts/Layout.astro"; import Layout from "@layouts/Layout.astro";
--- ---
<Layout> <Layout>

View file

@ -1,108 +1,9 @@
--- ---
import Container from "../components/atoms/Container.astro"; import Container from "@components/atoms/Container.astro";
import Navbar from "../components/widgets/Navbar.astro"; import Navbar from "@components/widgets/Navbar.astro";
import TechIcon from "../components/widgets/TechIcon.astro"; import TechIcon from "@components/widgets/TechIcon.astro";
import Layout from "../layouts/Layout.astro"; import Layout from "@layouts/Layout.astro";
import { skills } from "~/config";
const skills = [
{
name: "TypeScript",
icon: "logos:typescript-icon",
},
{
name: "JavaScript",
icon: "logos:javascript",
},
{
name: "Bun",
icon: "logos:bun",
},
{
name: "NodeJS",
icon: "logos:nodejs-icon-alt",
},
{
name: "Deno",
icon: "logos:deno",
},
{
name: "React",
icon: "logos:react",
},
{
name: "NextJS",
icon: "file-icons:nextjs",
},
{
name: "Astro",
icon: "vscode-icons:file-type-astro",
},
{
name: "TailwindCSS",
icon: "logos:tailwindcss-icon",
},
{
name: "Java",
icon: "logos:java",
},
{
name: "Kotlin",
icon: "logos:kotlin-icon",
},
{
name: "Rust",
icon: "vscode-icons:file-type-rust",
},
{
name: "Go",
icon: "vscode-icons:file-type-go-aqua",
},
{
name: "MySQL",
icon: "logos:mysql-icon",
},
{
name: "MongoDB",
icon: "devicon:mongodb",
},
{
name: "Redis",
icon: "devicon:redis",
},
{
name: "Git",
icon: "logos:git-icon",
},
{
name: "GitHub",
icon: "mdi:github",
},
{
name: "GitHub Actions",
icon: "devicon:githubactions",
},
{
name: "Cloudflare",
icon: "logos:cloudflare",
},
{
name: "Cloudflare Pages",
icon: "simple-icons:cloudflarepages",
color: "#f48120",
},
{
name: "Cloudflare Workers",
icon: "logos:cloudflare-workers-icon",
},
{
name: "Visual Studio Code",
icon: "logos:visual-studio-code",
},
{
name: "IntelliJ IDEA",
icon: "logos:intellij-idea",
},
];
--- ---
<Layout <Layout

View file

@ -1,7 +1,7 @@
--- ---
import Layout from "../../layouts/Layout.astro"; import Layout from "@layouts/Layout.astro";
import Navbar from "../../components/widgets/Navbar.astro"; import Navbar from "@components/widgets/Navbar.astro";
import Container from "../../components/atoms/Container.astro"; import Container from "@components/atoms/Container.astro";
const posts = (await Astro.glob('./posts/*.md')).sort( const posts = (await Astro.glob('./posts/*.md')).sort(
(a, b) => new Date(b.frontmatter.date).valueOf() - new Date(a.frontmatter.date).valueOf() (a, b) => new Date(b.frontmatter.date).valueOf() - new Date(a.frontmatter.date).valueOf()

View file

@ -1,7 +1,9 @@
--- ---
import Layout from "../layouts/Layout.astro"; import Layout from "@layouts/Layout.astro";
import Hero from "../components/widgets/index/Hero.astro"; import Navbar from "@components/widgets/Navbar.astro";
import Navbar from "../components/widgets/Navbar.astro"; import { Picture } from "@astrojs/image/components";
import logo from "@assets/logo.png";
import { socials } from "../config";
--- ---
<Layout <Layout
@ -20,5 +22,40 @@ import Navbar from "../components/widgets/Navbar.astro";
}} }}
> >
<Navbar /> <Navbar />
<Hero /> <main
class="mt-24 flex flex-col items-center justify-center md:mt-64 md:flex-row"
>
<div class="justify-cener flex items-center">
<Picture
src={logo}
formats={["png"]}
sizes="(max-width: 200px) 100vw, 200px"
widths={[200, 400]}
aspectRatio={"1:1"}
alt="descriptive text"
class={"h-[200px] w-[200px]"}
/>
</div>
<section class="text-center md:ml-6 md:text-left">
<div class="flex drop-shadow-yellow">
<h1 class="text-6xl font-extrabold text-white">xHyroM</h1>
</div>
<ul class="my-5 flex justify-center text-white md:justify-start">
{
socials.map((social) => (
<li class="mr-4 ">
<a class="h-10 w-10" href={social.link} title={social.name}>
<img
class="h-8 w-8 transition-all hover:-translate-y-1"
src={`/icons/${social.icon}`}
alt={`${social.name} icon`}
/>
</a>
</li>
))
}
</ul>
</section>
</main>
</Layout> </Layout>

View file

@ -1,95 +1,8 @@
--- ---
import Layout from "../layouts/Layout.astro"; import Layout from "@layouts/Layout.astro";
import Navbar from "../components/widgets/Navbar.astro"; import Navbar from "@components/widgets/Navbar.astro";
import Container from "../components/atoms/Container.astro"; import Container from "@components/atoms/Container.astro";
import { projects } from "~/config";
interface Project {
name: string;
link: string;
desc: string;
stats?: {
forks: number;
stars: number;
};
}
const projects: Project[] = [
{
name: "HyLib",
link: "https://github.com/xHyroM/HyLib",
desc: "Source code for HyLib, a paper plugin and powerful library.",
},
{
name: "HyChat",
link: "https://github.com/xHyroM/HyChat",
desc: "Source code for HyChat, a paper plugin.",
},
{
name: "HyX",
link: "https://github.com/xHyroM/HyX",
desc: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque, quaerat.",
},
{
name: "Mashe",
link: "https://github.com/xHyroM/mashe",
desc: "Simple, fast, and easy to use Event Handling for Java.",
},
{
name: "Mumblum",
link: "https://github.com/xHyroM/mumblum",
desc: "Mumblum is a simple, modern discord bot in JDA.",
},
{
name: "setup-bun",
link: "https://github.com/oven-sh/setup-bun",
desc: "Set up your GitHub Actions workflow with a specific version of Bun.",
},
{
name: "Roles Bot",
link: "https://github.com/xHyroM/roles-bot",
desc: 'Discord bot for "button" roles, using Cloudflare Workers.',
},
{
name: "Bun Discord Bot",
link: "https://github.com/xHyroM/bun-discord-bot",
desc: "Official serverless discord bot for bun discord server.",
},
{
name: "hykord",
link: "https://github.com/xHyroM/hykord",
desc: "My @discord client modification.",
},
{
name: "frog",
link: "https://github.com/xHyroM/frog",
desc: "Frog is an extremely simple language based on the monkey language.",
},
{
name: "lsx",
link: "https://github.com/xHyroM/lsx",
desc: "Lsx is a simple, fast, and easy to use ls implementation in Rust.",
},
{
name: "Slovensko v Grafoch",
link: "https://github.com/xHyroM/slovensko-v-grafoch",
desc: "Slovensko v Grafoch is a website that shows data about Slovakia in graphs.",
},
{
name: "Peddler's Pocket",
link: "https://github.com/xHyroM/peddlerspocket",
desc: "/sell command that allows you to put things into GUI and then sell them by closing",
},
{
name: "Peak Pursuit",
link: "https://github.com/xHyroM/peakpursuit",
desc: "PeakPursuit is a plugin for King of the Hill events that adds a competitive edge to your server gameplay. Conquer the hill and claim the crown!",
},
{
name: "Spawner Genz",
link: "https://github.com/xHyroM/spawnergenz",
desc: "Spawner Genz is a plugin that modifies the functionality of spawners so that they don't spawn entities, but instead store drops in a virtual storag in which you can then sell or move everything to your inventory.",
},
];
for (const project of projects) { for (const project of projects) {
try { try {

View file

@ -1,9 +0,0 @@
document.querySelector(".hamburger").addEventListener("click", () => {
document.querySelector(".nav-links").classList.remove("hidden");
document.querySelector(".hamburger-close").classList.remove("hidden");
});
document.querySelector(".hamburger-close").addEventListener("click", () => {
document.querySelector(".nav-links").classList.toggle("hidden");
document.querySelector(".hamburger-close").classList.toggle("hidden");
});

9
src/scripts/menu.ts Normal file
View file

@ -0,0 +1,9 @@
document.querySelector(".hamburger")!.addEventListener("click", () => {
document.querySelector(".nav-links")!.classList.remove("hidden");
document.querySelector(".hamburger-close")!.classList.remove("hidden");
});
document.querySelector(".hamburger-close")!.addEventListener("click", () => {
document.querySelector(".nav-links")!.classList.toggle("hidden");
document.querySelector(".hamburger-close")!.classList.toggle("hidden");
});

View file

@ -1,6 +0,0 @@
document.getElementById("sidebar-show").addEventListener("click", () => {
document.getElementById("sidebar-show").classList.remove("hidden");
document.getElementById("sidebar").classList.toggle("-translate-x-full");
document.getElementById("sidebar").classList.remove("invisible");
document.getElementById("open-arrow").classList.toggle("rotate-180");
});

View file

@ -0,0 +1,10 @@
const sidebarShow = document.getElementById("sidebar-show")!;
sidebarShow.addEventListener("click", () => {
const sidebar = document.getElementById("sidebar")!;
sidebarShow.classList.remove("hidden");
sidebar.classList.toggle("-translate-x-full");
sidebar.classList.remove("invisible");
document.getElementById("open-arrow")!.classList.toggle("rotate-180");
});

View file

@ -1,4 +1,14 @@
{ {
"extends": "astro/tsconfigs/strict", "extends": "astro/tsconfigs/strict",
"exclude": ["node_modules", ".astro"] "compilerOptions": {
"baseUrl": ".",
"paths": {
"~/*": ["src/*"],
"@pages/*": ["src/pages/*"],
"@assets/*": ["src/assets"],
"@layouts/*": ["src/layouts/*"],
"@components/*": ["src/components/*"]
}
},
"exclude": ["node_modules", ".astro", "dist"]
} }