Compare commits
No commits in common. "d528b65bf2f94bf6d95a6a968fcf23f5195c3120" and "92b6f1c5586a380bd4e759be4bde1eca9493b3de" have entirely different histories.
d528b65bf2
...
92b6f1c558
12 changed files with 24 additions and 224 deletions
|
|
@ -27,6 +27,9 @@ FROM ark.sudovanilla.org/korbs/bun:amd64 AS based
|
|||
WORKDIR /app
|
||||
COPY . .
|
||||
|
||||
# Run in Production
|
||||
ENV NODE_ENV=production
|
||||
|
||||
# Run
|
||||
EXPOSE 2014
|
||||
CMD bun run build && bun start
|
||||
|
|
@ -5,7 +5,6 @@ import { SiteSettings } from './config.json'
|
|||
|
||||
// Integrations
|
||||
import mdx from '@astrojs/mdx'
|
||||
import pagefind from "astro-pagefind"
|
||||
|
||||
// Astro Configuration
|
||||
export default defineConfig({
|
||||
|
|
@ -14,8 +13,7 @@ export default defineConfig({
|
|||
base: SiteSettings.SiteBase,
|
||||
// Integrations
|
||||
integrations: [
|
||||
mdx(),
|
||||
pagefind()
|
||||
mdx()
|
||||
],
|
||||
// Server Output
|
||||
output: "static",
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
{
|
||||
"name": "butterflyvu",
|
||||
"type": "module",
|
||||
"version": "0.1.3",
|
||||
"version": "0.1.2",
|
||||
"license": "GPL-3.0-only",
|
||||
"author": {
|
||||
"name": "SudoVanilla"
|
||||
|
|
@ -22,9 +22,9 @@
|
|||
"email": "support@sudovanilla.org"
|
||||
},
|
||||
"scripts": {
|
||||
"dev": "astro dev",
|
||||
"start": "astro dev",
|
||||
"build": "astro build",
|
||||
"postbuild": "pagefind --root-selector article --site dist/",
|
||||
"preview": "astro preview",
|
||||
"docker:start": "docker compose up -d",
|
||||
"docker:stop": "docker compose down",
|
||||
|
|
@ -39,7 +39,6 @@
|
|||
"astro-breadcrumbs": "^3.2.0",
|
||||
"astro-bun-adapter": "^1.0.2",
|
||||
"astro-feelback": "^0.3.4",
|
||||
"astro-pagefind": "^1.6.0",
|
||||
"astro-seo": "^0.8.4",
|
||||
"markdoc": "^0.1.3"
|
||||
},
|
||||
|
|
|
|||
|
|
@ -1,81 +0,0 @@
|
|||
---
|
||||
import '@styles/search.scss'
|
||||
|
||||
export interface Props {
|
||||
readonly id?: string;
|
||||
readonly className?: string;
|
||||
readonly query?: string;
|
||||
readonly uiOptions?: Record<string, any>;
|
||||
}
|
||||
|
||||
const { id, className, query, uiOptions = {} } = Astro.props;
|
||||
const bundlePath = `${import.meta.env.BASE_URL}pagefind/`;
|
||||
---
|
||||
|
||||
<div
|
||||
id={id}
|
||||
class:list={[className, "pagefind-init"]}
|
||||
data-pagefind-ui
|
||||
data-bundle-path={bundlePath}
|
||||
data-query={query}
|
||||
data-ui-options={JSON.stringify(uiOptions)}
|
||||
>
|
||||
</div>
|
||||
<script>
|
||||
// @ts-ignore
|
||||
import { PagefindUI } from "@pagefind/default-ui";
|
||||
|
||||
function initPageFind() {
|
||||
const allSelector = "[data-pagefind-ui]";
|
||||
for (const el of document.querySelectorAll(
|
||||
`${allSelector}.pagefind-init`
|
||||
)) {
|
||||
const elSelector = [
|
||||
...(el.id ? [`#${el.id}`] : []),
|
||||
...[...el.classList.values()].map((c) => `.${c}`),
|
||||
allSelector,
|
||||
].join("");
|
||||
const bundlePath = el.getAttribute("data-bundle-path");
|
||||
const opts = JSON.parse(el.getAttribute("data-ui-options") ?? "{}");
|
||||
new PagefindUI({
|
||||
...opts,
|
||||
element: elSelector,
|
||||
bundlePath,
|
||||
});
|
||||
el.classList.remove("pagefind-init");
|
||||
var query = el.getAttribute("data-query");
|
||||
|
||||
// Check if the current URL has any query params
|
||||
const url = new URL(window.location.href);
|
||||
const params = new URLSearchParams(url.search);
|
||||
if (params.has("q")) {
|
||||
query = params.get("q");
|
||||
}
|
||||
|
||||
const input = el.querySelector<HTMLInputElement>(`input[type="text"]`);
|
||||
|
||||
input?.focus();
|
||||
|
||||
if (input) {
|
||||
input.value = query;
|
||||
input.dispatchEvent(new Event("input", { bubbles: true }));
|
||||
|
||||
// Add Listener to update the URL when the input changes
|
||||
input.addEventListener("input", (e) => {
|
||||
const input = e.target as HTMLInputElement;
|
||||
const url = new URL(window.location.href);
|
||||
const params = new URLSearchParams(url.search);
|
||||
params.set("q", input.value);
|
||||
window.history.replaceState({}, "", `${url.pathname}?${params}`);
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
document.addEventListener("astro:page-load", initPageFind);
|
||||
if (document.readyState === "loading") {
|
||||
document.addEventListener("DOMContentLoaded", initPageFind);
|
||||
} else {
|
||||
initPageFind();
|
||||
}
|
||||
</script>
|
||||
|
|
@ -1,16 +1,14 @@
|
|||
---
|
||||
// Settings
|
||||
import { SiteSettings, HeaderItems } from '@config'
|
||||
import Search from '@components/Search.astro'
|
||||
---
|
||||
|
||||
<header>
|
||||
<div class="header-content">
|
||||
<div class="header-start">
|
||||
<div class="start">
|
||||
<h2><a style="text-decoration: none;" href="/">{SiteSettings.SiteName}</a></h2>
|
||||
<Search/>
|
||||
</div>
|
||||
<div class="header-end">
|
||||
<div class="end">
|
||||
{HeaderItems.map((item) => (
|
||||
<a href={item.link}>{item.text}</a>
|
||||
))}
|
||||
|
|
|
|||
|
|
@ -13,27 +13,6 @@ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor i
|
|||
|
||||
<Prism lang="jsx" code={
|
||||
`
|
||||
---
|
||||
// Settings
|
||||
import { SiteSettings } from '@config'
|
||||
import {version} from '../../package.json'
|
||||
|
||||
// Properties
|
||||
const { frontmatter } = Astro.props
|
||||
|
||||
// Components
|
||||
import Head from '@components/global/Head.astro'
|
||||
import Header from '@components/global/Header.astro'
|
||||
import FeelbackYesNo from "astro-feelback/components/FeelbackYesNo.astro";
|
||||
|
||||
// Styles
|
||||
import "@styles/index.scss";
|
||||
import "@styles/splash.scss";
|
||||
import "@styles/feelback.css";
|
||||
---
|
||||
|
||||
<Head/>
|
||||
<Header/>
|
||||
<div class="page">
|
||||
<div class="content">
|
||||
<div class="splash">
|
||||
|
|
@ -53,27 +32,20 @@ import "@styles/feelback.css";
|
|||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-start">
|
||||
<p>© {SiteSettings.OrgName}. All right reserved.</p>
|
||||
<p>© {ORG_NAME}. All right reserved.</p>
|
||||
</div>
|
||||
<div class="footer-end">
|
||||
{SiteSettings.WhiteLabel ?
|
||||
{WHITELABEL ?
|
||||
<p>Built with <a href="#">ButterflyVu</a></p>
|
||||
:
|
||||
null
|
||||
}
|
||||
{SiteSettings.FooterVersion ?
|
||||
<p style="opacity: 0.5;">v{version}</p>
|
||||
:
|
||||
null
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`
|
||||
} />
|
||||
|
||||
This is the source code to the splash template layout.
|
||||
|
||||
|
||||
## Video Player
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,11 @@
|
|||
---
|
||||
Type: Document
|
||||
Title: Welcome
|
||||
Banner: "/splash-logo.webp"
|
||||
PrimaryText: "Primary"
|
||||
SecondaryText: "Secondary"
|
||||
PrimaryLink: "#"
|
||||
SecondaryLink: "#"
|
||||
---
|
||||
|
||||
Documentation template for the Astro Web Framework.
|
||||
|
|
|
|||
|
|
@ -21,7 +21,7 @@ import "@styles/prism.css"
|
|||
<Head/>
|
||||
<Header/>
|
||||
<div class="page">
|
||||
<article>
|
||||
<div class="content">
|
||||
<Sidebar/>
|
||||
<div class="document">
|
||||
<h1>{frontmatter.Title}</h1>
|
||||
|
|
@ -44,7 +44,7 @@ import "@styles/prism.css"
|
|||
null
|
||||
} -->
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-start">
|
||||
<p>© {SiteSettings.OrgName}. All right reserved.</p>
|
||||
|
|
|
|||
|
|
@ -20,8 +20,8 @@ import "@styles/feelback.css";
|
|||
<Head/>
|
||||
<Header/>
|
||||
<div class="page">
|
||||
<div class="content" data-pagefind-body>
|
||||
<article class="splash">
|
||||
<div class="content">
|
||||
<div class="splash">
|
||||
<div class="splash-content">
|
||||
<h1>{frontmatter.Title}</h1>
|
||||
<p>{frontmatter.Description}</p>
|
||||
|
|
@ -31,7 +31,7 @@ import "@styles/feelback.css";
|
|||
</div>
|
||||
</div>
|
||||
<img src={frontmatter.Banner}/>
|
||||
</article>
|
||||
</div>
|
||||
<div class="document">
|
||||
<slot/>
|
||||
</div>
|
||||
|
|
@ -53,5 +53,4 @@ import "@styles/feelback.css";
|
|||
}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</html>
|
||||
</div>
|
||||
|
|
@ -1,7 +1,6 @@
|
|||
body {
|
||||
max-width: 1200px;
|
||||
margin: auto;
|
||||
padding: 0px 24px;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
background: #0a0a0a;
|
||||
color: white;
|
||||
|
|
@ -45,8 +44,7 @@ blockquote {
|
|||
|
||||
header {
|
||||
background: #161616;
|
||||
width: calc(100% - 48px);
|
||||
padding: 0px 24px;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
|
|
@ -57,12 +55,7 @@ header {
|
|||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
.header-start {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
}
|
||||
.header-end {
|
||||
.end {
|
||||
display: flex;
|
||||
gap: 12px;
|
||||
a {
|
||||
|
|
@ -78,7 +71,7 @@ header {
|
|||
.page {
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
article {
|
||||
.content {
|
||||
padding-top: 90px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
|
|
@ -131,25 +124,3 @@ header {
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 775px){
|
||||
.content {
|
||||
flex-direction: column !important;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 650px){
|
||||
.header-content {
|
||||
flex-direction: column;
|
||||
padding-bottom: 24px;
|
||||
}
|
||||
.page .content {
|
||||
padding-top: 114px !important;
|
||||
}
|
||||
.footer {
|
||||
flex-direction: column !important;
|
||||
align-items: center;
|
||||
* {
|
||||
margin: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,53 +0,0 @@
|
|||
input {
|
||||
background: #0a0a0a;
|
||||
color: white;
|
||||
border: 1px #2d2d2d solid;
|
||||
border-radius: 6px;
|
||||
padding: 12px 16px;
|
||||
font-size: 14px;
|
||||
&:focus {
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
mark {
|
||||
background: gainsboro;
|
||||
padding: 2px 4px;
|
||||
border-radius: 4px;
|
||||
margin: -2px -4px;
|
||||
}
|
||||
|
||||
.pagefind-ui__message {
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.pagefind-ui__results {
|
||||
padding: 0px 18px;
|
||||
}
|
||||
.pagefind-ui__drawer {
|
||||
position: absolute;
|
||||
top: 79px;
|
||||
max-width: 620px;
|
||||
background: rgba(22, 22, 22, 0.75);
|
||||
border-radius: 6px;
|
||||
border: 1px #2d2d2d solid;
|
||||
backdrop-filter: blur(24px);
|
||||
padding: 12px 24px;
|
||||
}
|
||||
|
||||
.pagefind-ui__search-clear, .pagefind-ui__hidden {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 916px){
|
||||
.pagefind-ui__drawer {
|
||||
left: 12px;
|
||||
width: 100%;
|
||||
max-width: calc(100% - 74px);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 650px){
|
||||
.pagefind-ui__drawer {
|
||||
top: 122px !important;
|
||||
}
|
||||
}
|
||||
|
|
@ -4,9 +4,6 @@
|
|||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
.splash-action {
|
||||
display: flex;
|
||||
gap: 6px;
|
||||
|
|
@ -24,12 +21,4 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 775px){
|
||||
.splash {
|
||||
padding: 64px 0px;
|
||||
img {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Reference in a new issue