changed title formatting

2024-02-02 23:03:55 +01:00
parent 17a0793843
commit 73d849325f
7 changed files with 1484 additions and 21 deletions
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -4,19 +4,22 @@ import metaTags from "astro-meta-tags";
 import rehypeSlug from 'rehype-slug';
 import rehypeAutolinkHeadings from 'rehype-autolink-headings';
 import remarkDirective from 'remark-directive';
-import remarkCalloutDirectives from "@microflash/remark-callout-directives"
+import remarkCalloutDirectives from "@microflash/remark-callout-directives";
 import remarkExternalLinks from 'remark-external-links';
-
 import mdx from "@astrojs/mdx";

+import lighthouse from "astro-lighthouse";
+
 // https://astro.build/config
 export default defineConfig({
-  integrations: [minify(), metaTags(), mdx()],
+  integrations: [minify(), metaTags(), mdx(), lighthouse()],
  markdown: {
    rehypePlugins: [rehypeSlug, [rehypeAutolinkHeadings, {
      behavior: 'wrap'
    }]],
-    remarkPlugins: [remarkDirective, remarkCalloutDirectives, [remarkExternalLinks, { target: '_blank' }]],
+    remarkPlugins: [remarkDirective, remarkCalloutDirectives, [remarkExternalLinks, {
+      target: '_blank'
+    }]],
    drafts: true,
    shikiConfig: {
      theme: 'dracula'
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
    "@astrojs/mdx": "^2.1.1",
    "@microflash/remark-callout-directives": "^2.0.0",
    "astro": "^4.2.6",
+    "astro-lighthouse": "^0.1.3",
    "astro-meta-tags": "^0.2.1",
    "astro-min": "^1.1.0-dev.4",
    "npx": "^3.0.0",
--- a/src/layouts/DocsLayout.astro
+++ b/src/layouts/DocsLayout.astro
@@ -1,12 +1,14 @@
 ---
 const { frontmatter } = Astro.props;
 import Layout from "../layouts/Layout.astro";
-const title = "Docs | " + frontmatter.title;
+const title = frontmatter.title + "| Docs";
 ---

 <Layout
    title={title}
    description="This is my personal website with my projects, docs and other useful stuff."
 >
-    <div class="content"><slot /></div>
+    <div class="content">
+        <h1 style="text-align: center;">{frontmatter.title}</h1><slot />
+    </div>
 </Layout>
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -24,7 +24,7 @@ import { ViewTransitions } from "astro:transitions";
 		<meta name="viewport" content="width=device-width" />
 		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
 		<meta name="generator" content={Astro.generator} />
-		<title>vaporvee's Website | {title}</title>
+		<title>{title} | vaporvee's Website</title>
 		<ViewTransitions />
 	</head>
 	<body>
--- a/src/pages/docs/discord-sdk-godot/index.mdx
+++ b/src/pages/docs/discord-sdk-godot/index.mdx
@@ -1,6 +1,6 @@
 ---
 layout: ../../../layouts/DocsLayout.astro
-title: Home
+title: Discord SDK plugin for Godot
 draft: true
 ---

--- a/src/styles/navbar.scss
+++ b/src/styles/navbar.scss
@@ -5,6 +5,7 @@ header {
    display: flex;
    justify-content: space-between;
    align-items: center;
+    position: unset;

    .logo {
        margin-right: 2.5vw;