improve homepage

This commit is contained in:
Husky
2025-01-25 15:39:42 -05:00
parent 2700323b2a
commit fce23a7310
4 changed files with 83 additions and 91 deletions

View File

@@ -1,35 +1,12 @@
<script setup>
import DefaultTheme from 'vitepress/theme'
import DefaultTheme from "vitepress/theme";
const { Layout } = DefaultTheme
const { Layout } = DefaultTheme;
</script>
<!-- TODO: Add cover images and such to match original civmc.net -->
<template>
<Layout>
<template #home-hero-image>
<img src="./logo.png" alt="Logo" width="50%"/>
</template>
<template #layout-bottom >
<div class="layout-bottom">
<h1 class="copyright">Copyright © 2025 - CivMC</h1>
</div>
</template>
</Layout>
<Layout> </Layout>
</template>
<style>
.layout-bottom {
width: 100%;
text-align: center;
padding-bottom: 1em;
}
.copyright {
line-height: 24px;
font-size: 18px;
font-weight: 400;
color: var(--vp-c-text-2);
}
</style>
<style></style>

View File

@@ -44,30 +44,30 @@
* -------------------------------------------------------------------------- */
:root {
--vp-c-default-1: var(--vp-c-gray-1);
--vp-c-default-2: var(--vp-c-gray-2);
--vp-c-default-3: var(--vp-c-gray-3);
--vp-c-default-soft: var(--vp-c-gray-soft);
--vp-c-default-1: var(--vp-c-gray-1);
--vp-c-default-2: var(--vp-c-gray-2);
--vp-c-default-3: var(--vp-c-gray-3);
--vp-c-default-soft: var(--vp-c-gray-soft);
--vp-c-brand-1: var(--vp-c-indigo-1);
--vp-c-brand-2: var(--vp-c-indigo-2);
--vp-c-brand-3: var(--vp-c-indigo-3);
--vp-c-brand-soft: var(--vp-c-indigo-soft);
--vp-c-brand-1: var(--vp-c-indigo-1);
--vp-c-brand-2: var(--vp-c-indigo-2);
--vp-c-brand-3: var(--vp-c-indigo-3);
--vp-c-brand-soft: var(--vp-c-indigo-soft);
--vp-c-tip-1: var(--vp-c-brand-1);
--vp-c-tip-2: var(--vp-c-brand-2);
--vp-c-tip-3: var(--vp-c-brand-3);
--vp-c-tip-soft: var(--vp-c-brand-soft);
--vp-c-tip-1: var(--vp-c-brand-1);
--vp-c-tip-2: var(--vp-c-brand-2);
--vp-c-tip-3: var(--vp-c-brand-3);
--vp-c-tip-soft: var(--vp-c-brand-soft);
--vp-c-warning-1: var(--vp-c-yellow-1);
--vp-c-warning-2: var(--vp-c-yellow-2);
--vp-c-warning-3: var(--vp-c-yellow-3);
--vp-c-warning-soft: var(--vp-c-yellow-soft);
--vp-c-warning-1: var(--vp-c-yellow-1);
--vp-c-warning-2: var(--vp-c-yellow-2);
--vp-c-warning-3: var(--vp-c-yellow-3);
--vp-c-warning-soft: var(--vp-c-yellow-soft);
--vp-c-danger-1: var(--vp-c-red-1);
--vp-c-danger-2: var(--vp-c-red-2);
--vp-c-danger-3: var(--vp-c-red-3);
--vp-c-danger-soft: var(--vp-c-red-soft);
--vp-c-danger-1: var(--vp-c-red-1);
--vp-c-danger-2: var(--vp-c-red-2);
--vp-c-danger-3: var(--vp-c-red-3);
--vp-c-danger-soft: var(--vp-c-red-soft);
}
/**
@@ -75,15 +75,15 @@
* -------------------------------------------------------------------------- */
:root {
--vp-button-brand-border: transparent;
--vp-button-brand-text: var(--vp-c-white);
--vp-button-brand-bg: var(--vp-c-brand-3);
--vp-button-brand-hover-border: transparent;
--vp-button-brand-hover-text: var(--vp-c-white);
--vp-button-brand-hover-bg: var(--vp-c-brand-2);
--vp-button-brand-active-border: transparent;
--vp-button-brand-active-text: var(--vp-c-white);
--vp-button-brand-active-bg: var(--vp-c-brand-1);
--vp-button-brand-border: transparent;
--vp-button-brand-text: var(--vp-c-white);
--vp-button-brand-bg: var(--vp-c-brand-3);
--vp-button-brand-hover-border: transparent;
--vp-button-brand-hover-text: var(--vp-c-white);
--vp-button-brand-hover-bg: var(--vp-c-brand-2);
--vp-button-brand-active-border: transparent;
--vp-button-brand-active-text: var(--vp-c-white);
--vp-button-brand-active-bg: var(--vp-c-brand-1);
}
/**
@@ -91,25 +91,27 @@
* -------------------------------------------------------------------------- */
:root {
--vp-home-hero-name-color: transparent;
--vp-home-hero-name-background: -webkit-linear-gradient(
120deg,
#bd34fe 30%,
#41d1ff
);
--vp-home-hero-name-color: transparent;
--vp-home-hero-name-background: -webkit-linear-gradient(120deg,
#bd34fe 30%,
#41d1ff);
--vp-home-hero-image-background-image: -webkit-linear-gradient(120deg,
#bd34fe 30%,
#41d1ff);
--vp-home-hero-image-filter: blur(40px);
}
@media (min-width: 640px) {
:root {
--vp-home-hero-image-filter: blur(56px);
}
:root {
--vp-home-hero-image-filter: blur(56px);
}
}
@media (min-width: 960px) {
:root {
--vp-home-hero-image-filter: blur(68px);
}
:root {
--vp-home-hero-image-filter: blur(68px);
}
}
/**
@@ -117,10 +119,10 @@
* -------------------------------------------------------------------------- */
:root {
--vp-custom-block-tip-border: transparent;
--vp-custom-block-tip-text: var(--vp-c-text-1);
--vp-custom-block-tip-bg: var(--vp-c-brand-soft);
--vp-custom-block-tip-code-bg: var(--vp-c-brand-soft);
--vp-custom-block-tip-border: transparent;
--vp-custom-block-tip-text: var(--vp-c-text-1);
--vp-custom-block-tip-bg: var(--vp-c-brand-soft);
--vp-custom-block-tip-code-bg: var(--vp-c-brand-soft);
}
/**
@@ -128,5 +130,5 @@
* -------------------------------------------------------------------------- */
.DocSearch {
--docsearch-primary-color: var(--vp-c-brand-1) !important;
--docsearch-primary-color: var(--vp-c-brand-1) !important;
}

View File

@@ -3,24 +3,37 @@
layout: home
hero:
name: "CivMC"
tagline: "A Minecraft server focused on civilization building"
actions:
- theme: brand
text: What is CivMC?
link: /wiki/index
- theme: alt
text: Contributing to CivMC
link: /dev/
name: "CivMC"
tagline: "A Minecraft server focused on civilization building \n1.21.3 Play.CivMC.net"
image:
src: /logo.png
alt: CivMC Logo
actions:
- theme: brand
text: What is CivMC?
link: /wiki/index
- theme: alt
text: Contributing to CivMC
link: /dev/
- theme: alt
text: ModMail Admins
link: https://www.reddit.com/message/compose?to=r/CivMC
features:
- title: New Player Guide
details: A full guide to start your journey!
link: /wiki/new-player-guide
- title: Server Overview
details: What is CivMC? and helpful links.
link: /wiki/index
- title: Unique Mechanics
details: A list of plugins unique to CivMC.
link: /wiki/plugins/unique/index
- icon: 🛡️
title: Secure Your Builds
details: Reinforce blocks, lock chests and doors
link: /wiki/plugins/essential/citadel
- icon: 🤝
title: Collaborate
details: Work with other players to form nations and build alliances
link: /wiki/plugins/essential/namelayer
- icon: ⛓️
title: Imprison Players
details: Banish players to the nether
link: /wiki/plugins/essential/exilepearl
- icon: ⚔️
title: Fight Enimes
details: Engage in combat with other players with a unique PvP experiance
link: /wiki/plugins/unique/finale
---

View File

Before

Width:  |  Height:  |  Size: 194 KiB

After

Width:  |  Height:  |  Size: 194 KiB