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

Compare commits

base: korbs:2635eede6cf2c030753cdb03dc8c9c4958f1d5fe
Branches Tags
korbs:master
korbs:luminosity
...
compare: korbs:060330a8a4835c3f4bbf5eaada5a1af581ad78fe
Branches Tags
korbs:master
korbs:luminosity

10 commits
2635eede6c ... 060330a8a4

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
Show stats Expand all files Collapse all files

2
config.json
View file

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

6
docker-compose.yml
View file

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

2
package.json
View file

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

12
public/favicon.svg Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 7.2 KiB

17
src/components/Image.astro Normal file
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>

2
src/components/global/Footer.astro
View file

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

5
src/components/global/Head.astro
View file

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

4
src/layouts/Document.astro
View file

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

5
src/layouts/Splash.astro
View file

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

25
src/styles/index.scss
View file

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