mirror of
https://github.com/CivMC/Civ.git
synced 2026-07-15 23:20:44 +00:00
improve homepage
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
|
Before Width: | Height: | Size: 194 KiB After Width: | Height: | Size: 194 KiB |
Reference in New Issue
Block a user