1
0
Fork 0
mirror of https://ark.sudovanilla.org/Korbs/butterflyvu.git synced 2024-12-22 15:23:54 +00:00

Compare commits

..

10 commits

Author SHA1 Message Date
Korbs 060330a8a4 Change style of Aside component 2024-12-12 18:46:07 -05:00
Korbs 3c9c62bca9 Bump 2024-12-12 17:50:31 -05:00
Korbs edf3c9b0f5 Set page title 2024-12-12 17:50:25 -05:00
Korbs 907c37d972 Set default meta color 2024-12-12 17:50:14 -05:00
Korbs cd9f3e65f1 Remove unused variable 2024-12-12 17:49:59 -05:00
Korbs 84dec24e1d Add Image component 2024-12-12 17:49:50 -05:00
Korbs 9ed2a54ffc Set comments, add /public for Docker Compose file 2024-12-12 17:49:39 -05:00
Korbs a8f2008a1d update 2024-12-12 17:49:29 -05:00
Korbs 7c44bee285 Set default meta color 2024-12-12 17:49:19 -05:00
Korbs f35b89eb2a Adjust padding around sidebar items 2024-12-12 17:49:09 -05:00
10 changed files with 63 additions and 17 deletions

View file

@ -5,7 +5,7 @@
"SiteProtocol": "http",
"SiteDomain": "localhost:2014",
"SiteBase": "",
"MetaColor": "",
"MetaColor": "#161616",
"WhiteLabel": "true",
"FooterVersion": "true"
},

View file

@ -3,9 +3,15 @@ services:
image: oci.registry.sudovanilla.org/butterflyvu:latest
restart: always
volumes:
# Configuration
- ./config.json:/app/config.json
# Homepage
- ./docs/home.mdx:/app/src/content/home.mdx
# Your Documentations
- ./docs/:/app/src/content/docs/
# Use this add images locally and update your favicon
- ./public/:/app/public/
# Generated, do not touch
- ./dists/:/app/dist/
nginx:

View file

@ -1,7 +1,7 @@
{
"name": "butterflyvu",
"type": "module",
"version": "0.1.6",
"version": "0.1.62",
"license": "GPL-3.0-only",
"author": {
"name": "SudoVanilla"

12
public/favicon.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 7.2 KiB

View file

@ -0,0 +1,17 @@
---
// Properties
const {
Source,
Alt
} = Astro.props
---
<img
src={Source}
alt={Alt}
onload="this.style.transition = '1s opacity'; this.style.opacity = '1'"
/>
<!-- Once the image is done loading, instead of cutting in, try to fade in instead. -->
<!-- See the `onload` script in the image tag. -->
<style>img {opacity: 0}</style>

View file

@ -1,6 +1,6 @@
---
// Settings
import { SiteSettings, FeelbackConfig } from '@config'
import { SiteSettings } from '@config'
import {version} from '../../../package.json'
---

View file

@ -1,4 +1,7 @@
---
// Settings
import {SiteSettings} from "@config"
// Properties
const { Title } = Astro.props;
---
@ -12,7 +15,7 @@ const { Title } = Astro.props;
<!-- Options -->
<meta charset="UTF-8" />
<meta name="theme-color" content="#000000" />
<meta name="theme-color" content={SiteSettings.MetaColor} />
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no, viewport-fit=cover" />
<!-- Favicon -->

View file

@ -1,6 +1,6 @@
---
// Settings
import { FeelbackConfig } from '@config'
import { SiteSettings, FeelbackConfig } from '@config'
// Properties
const { frontmatter, Title, Feedback, Feelback } = Astro.props
@ -19,7 +19,7 @@ import "@styles/feelback.css"
import "@styles/prism.css"
---
<Head/>
<Head Title={frontmatter.Title + ' | ' + SiteSettings.SiteName}/>
<Header/>
<div class="page">
<article>

View file

@ -1,4 +1,7 @@
---
// Settings
import { SiteSettings } from '@config'
// Properties
const { frontmatter } = Astro.props
@ -14,7 +17,7 @@ import "@styles/splash.scss";
import "@styles/feelback.css";
---
<Head/>
<Head Title={frontmatter.Title + ' | ' + SiteSettings.SiteName}/>
<Header/>
<div class="page">
<div class="content" data-pagefind-body>

View file

@ -207,7 +207,7 @@ header {
background: transparent;
color: white;
border-radius: 6px;
padding: 12px;
padding: 8px 16px;
border: 1px transparent solid;
&:hover {
border-color: #323232;
@ -245,36 +245,41 @@ header {
}
.aside {
border-left: 6px transparent solid;
padding-left: 24px;
padding-top: 12px;
padding-bottom: 12px;
&#aside-Note {
color: var(--aside-note);
border-color: var(--aside-note);
h2 {background: var(--aside-note);}
svg {stroke: var(--aside-note);}
}
&#aside-Warning {
color: var(--aside-warning);
border-color: var(--aside-warning);
h2 {background: var(--aside-warning);}
svg {stroke: var(--aside-warning);}
}
&#aside-Dangerous {
color: var(--aside-dangerous);
border-color: var(--aside-dangerous);
h2 {background: var(--aside-dangerous);}
svg {stroke: var(--aside-dangerous);}
}
&#aside-Successful {
color: var(--aside-successful);
border-color: var(--aside-successful);
h2 {background: var(--aside-successful); svg {stroke: rgb(0, 0, 0) !important;}}
svg {stroke: var(--aside-successful);}
}
h2 {
display: flex;
align-items: center;
gap: 12px;
font-size: 24px;
padding-bottom: 6px;
gap: 6px;
width: fit-content;
border-radius: 3rem;
font-size: 12px;
padding: 4px 12px 4px 8px;
margin-bottom: 6px;
color: black;
svg {
width: 16px;
}
}
* {
margin: 0px;