Hri7566
/
home
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update MPP links and page style, add newer projects

This commit is contained in:
Hri7566 2023-10-12 20:47:36 -04:00
parent ba20132e91
commit 47f9bcaee2
8 changed files with 93 additions and 64 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/ContentBox.astro
View File

@ -1,5 +1,5 @@
<div
class="m-2 rounded-2xl bg-[#ffffff05] px-4 py-4 shadow-md ring-1 ring-inset ring-[#ffffff08]"
class="m-2 rounded-md bg-[#ffffff05] px-4 py-4 shadow-md ring-1 ring-inset ring-[#ffffff08]"
>
<div class="content-box box-border">
<slot />

6
src/components/LinkBox.astro
View File

@ -10,20 +10,20 @@ const { title, href, center, color } = Astro.props;
---
<div
class="m-2 rounded-2xl bg-[#ffffff05] px-4 py-4 shadow-md ring-1 ring-inset ring-[#ffffff08] transition-colors duration-300 ease-in-out hover:bg-[#ffffff10]"
class="m-2 rounded-md bg-[#ffffff05] px-4 py-4 shadow-md ring-1 ring-inset ring-[#ffffff08] transition-colors duration-300 ease-in-out hover:bg-[#ffffff10]"
>
<div class="box-border">
<h3
class={`text-2xl font-bold text-neutral-300 ${
center ? "ml-auto mr-auto text-center" : ""
}`}
style={{ color: color }}
>
{
href ? (
<a
href={href}
class="text-sky-600 transition-colors duration-300 ease-in-out hover:text-sky-400 hover:underline"
class="transition-colors duration-300 ease-in-out hover:text-sky-400 hover:underline"
style={{ color: color ? color : "text-sky-600" }}
>
{title}
</a>

2
src/components/MainHeader.astro
View File

@ -1,6 +1,6 @@
---
import { Image } from "astro:assets";
import Nav from "./Nav.astro";
import Nav from "./nav/Nav.astro";
interface Props {
logo?: string;

17
src/components/NavLink.astro
View File

@ -1,17 +0,0 @@
---
interface Props {
title: string;
href: string;
}
const { title, href } = Astro.props;
---
<a
href={href}
class="m-2 rounded-2xl px-4 py-4 hover:shadow-md hover:ring-1 hover:ring-inset hover:ring-[#ffffff10] text-sky-600 transition-colors hover:text-sky-400 hover:underline duration-300 ease-in-out hover:bg-[#ffffff10]"
>
<h3 class="text-2xl font-bold box-border">
{title}
</h3>
</a>

4
src/components/Nav.astro → src/components/nav/Nav.astro
View File

@ -1,5 +1,5 @@
---
import Hamburger from "./Hamburger.astro";
import Hamburger from "../Hamburger.astro";
import NavLink from "./NavLink.astro";
---
@ -29,7 +29,7 @@ import NavLink from "./NavLink.astro";
<div
id="nav-links-mobile"
class="hidden transition-opacity right-5 top-14 absolute bg-[#ffffff10] px-8 rounded-xl shadow-md ring-1 ring-inset ring-[#ffffff10] backdrop-blur-xl"
class="hidden transition-opacity right-5 top-14 absolute bg-[#ffffff10] px-8 rounded-md shadow-md ring-1 ring-inset ring-[#ffffff10] backdrop-blur-xl"
>
<div class="flex flex-col">
<NavLink title="Home" href="/" />

17
src/components/nav/NavLink.astro Normal file
View File

@ -0,0 +1,17 @@
---
interface Props {
title: string;
href: string;
}
const { title, href } = Astro.props;
---
<a
href={href}
class="m-2 rounded-md px-4 py-4 hover:shadow-md hover:ring-1 hover:ring-inset hover:ring-[#ffffff10] text-sky-600 transition-colors hover:text-sky-400 hover:underline duration-300 ease-in-out hover:bg-[#ffffff10]"
>
<h3 class="text-2xl font-bold box-border">
{title}
</h3>
</a>

30
src/pages/about.astro
View File

@ -25,9 +25,9 @@ import LinkBox from "~/components/LinkBox.astro";
</p>
<br />
<p class="text-gray-300">
I'm a major contributor (debatably) to MPP/MPPClone and have created
I'm a major contributor (debatably) to MPP/MPP.net and have created
many scripts and projects centered around it. You can read more
about it <a href="https://github.com/LapisHusky/mppclone">here</a>.
about it <a href="https://github.com/Hri7566/mppclone">here</a>.
</p>
</ContentBox>
@ -56,8 +56,9 @@ import LinkBox from "~/components/LinkBox.astro";
<LinkBox title="YouTube" href="https://youtube.com/hri7566">
@hri7566
</LinkBox>
<LinkBox title="MPPClone IDs">
<LinkBox title="MPP.net IDs">
ead940199c7d9717e5149919 a2516b4d88f22b45056f270b
85da6b358674e720efa05b71
</LinkBox>
</div>
@ -67,11 +68,10 @@ import LinkBox from "~/components/LinkBox.astro";
>Q: What is this "MPP" thing you keep talking about?</strong
>
<p class="text-gray-300">
It's a <a href="https://mppclone.com">website</a> I made a lot of scripts for in the past. It's an online piano in
the corner of the internet that interesting people used to be in.
<a href="/info/mpp">
More info here.
</a>
It's a <a href="https://multiplayerpiano.net">website</a> I made a
lot of scripts for in the past. It's an online piano in the corner
of the internet that interesting people used to be in.
<a href="/info/mpp"> More info here.</a>
</p>
<br />
@ -115,25 +115,23 @@ import LinkBox from "~/components/LinkBox.astro";
<strong class="text-gray-300 font-bold text-lg"
>Q: I'm from SC3. What do you own?</strong
>
<p class="text-gray-300">
A: I own XCL, which owns XNL.
</p>
<p class="text-gray-300">A: I own XCL, which owns XNL.</p>
<br />
<strong class="text-gray-300 font-bold text-lg"
>Q: What happened to the background on this site?</strong
>
<p class="text-gray-300">
A: It was suggested by a few people that I remove it. I like the darkness, anyways.
A: It was suggested by a few people that I remove it. I like the
darkness, anyways.
</p>
<br />
<strong class="text-gray-300 font-bold text-lg"
>Q: I'm part of your family and you sent a link to me. What is this stuff?</strong
>Q: I'm part of your family and you sent a link to me. What is this
stuff?</strong
>
<p class="text-gray-300">
A: It's what I do in my free time.
</p>
<p class="text-gray-300">A: It's what I do in my free time.</p>
<br />
<strong class="text-gray-300 font-bold text-lg"

79
src/pages/index.astro
View File

@ -15,41 +15,83 @@ import LinkBox from "~/components/LinkBox.astro";
title="GitHub"
href="https://github.com/Hri7566"
center
color="#ffffff"
color="#e6edf3"
/>
<LinkBox
title="GitLab"
href="https://gitlab.com/Hri7566"
center
color="#ffffff"
color="#6e5ac0"
/>
<LinkBox
title="XCL"
href="https://git.hri7566.info/Hri7566"
center
color="#ff9900"
/>
<LinkBox
title="𝕏"
href="https://twitter.com/Hri7566"
center
color="#ffffff"
color="#1a8cd8"
/>
<LinkBox
title="YouTube"
href="https://youtube.com/hri7566"
center
color="#ffffff"
color="#ff0000"
/>
<LinkBox
title="Odysee"
href="https://odysee.com/@hri7566:6"
center
color="#ffffff"
color="#a60a43"
/>
</div>
</div>
<PageBreak title="Projects" />
<div class="sm:ml-auto sm:mr-auto sm:w-2/3">
<div class="sm:ml-auto sm:mr-auto sm:w-3/4">
<div
id="projects"
class="mx-5 my-3 grid grid-cols-1 pb-20 sm:grid-cols-2 xl:grid-cols-3"
class="mx-5 my-3 grid grid-cols-1 pb-20 sm:grid-cols-2 xl:grid-cols-4"
>
<LinkBox title="cc-ts" href="https://github.com/Hri7566/cc-ts">
A template for using TypeScript and roblox-ts with
ComputerCraft.
</LinkBox>
<LinkBox title="XCL" href="https://xcl.hri7566.info">
My science and engineering company based around the <a
href="https://sc3.io">SwitchCraft 3</a
> modded Minecraft server.
</LinkBox>
<LinkBox
title="BadPaint"
href="https://github.com/Hri7566/BadPaint"
>
The worst paint program I have ever made. Coincidentally, it's
also the only paint program I have ever made.
</LinkBox>
<LinkBox
title="Singleplayer Piano"
href="https://singleplayerpiano.com"
>
Tired of using Multiplayer Piano only to find other people are
frustrating you?
</LinkBox>
<LinkBox
title="SkyrimMouseLocker"
href="https://github.com/Hri7566/SkyrimMouseLocker"
>
I finally got fed up with the stupid Skyrim multi-monitor cursor
bug so I did the most simple thing I could do to mitigate it.
</LinkBox>
<LinkBox
title="mpp-hats"
href="https://github.com/the-dev-channel/mpp-hats"
>
Custom hats script for MPP. Hat textures made by yours truly.
</LinkBox>
<LinkBox
title="mpp-user-archive"
href="https://github.com/Hri7566/mpp-user-archive"
@ -57,18 +99,10 @@ import LinkBox from "~/components/LinkBox.astro";
Multiplayer Piano database service monorepo. This project took
over a month to make.
</LinkBox>
<LinkBox
title="Cosmic"
href="https://github.com/Hri7566/cosmic"
color="#1d0054"
>
Bot for Discord and MPP. Lots of baking involved.
<LinkBox title="Cosmic" href="https://github.com/Hri7566/cosmic">
Chat bot for Discord and MPP. Lots of baking involved.
</LinkBox>
<LinkBox
title="HMPP"
href="https://mpp.hri7566.info"
color="#8d3f50"
>
<LinkBox title="HMPP" href="https://mpp.hri7566.info">
A clone of Multiplayer Piano with a completely original backend
server with a fresh style.
</LinkBox>
@ -78,12 +112,9 @@ import LinkBox from "~/components/LinkBox.astro";
source and currently under development.
</LinkBox> */
}
<LinkBox
title="MPPClone"
href="https://github.com/LapisHusky/mppclone"
>
I made some contributions to this site, such as the ability to
hide cursors.
<LinkBox title="MPP.net" href="https://github.com/Hri7566/mppclone">
I made major contributions to this site's development over the
years, even if it wasn't through code.
</LinkBox>
{
/* <LinkBox