small changes to theme, added video components for video page aa61be5f
Steve · 2023-07-01 13:42 6 file(s) · +30 −9
package-lock.json +19 −0
20 20 
				"sharp": "^0.31.3"
21 21 
			},
22 22 
			"devDependencies": {
23 + 
				"@astro-community/astro-embed-youtube": "^0.2.2",
23 24 
				"@astrojs/image": "^0.13.0",
24 25 
				"@astrojs/mdx": "^0.15.1",
25 26 
				"@astrojs/sitemap": "^1.0.0",
70 71 
			},
71 72 
			"engines": {
72 73 
				"node": ">=6.0.0"
74 + 
			}
75 + 
		},
76 + 
		"node_modules/@astro-community/astro-embed-youtube": {
77 + 
			"version": "0.2.2",
78 + 
			"resolved": "https://registry.npmjs.org/@astro-community/astro-embed-youtube/-/astro-embed-youtube-0.2.2.tgz",
79 + 
			"integrity": "sha512-eGBVujUNOv6x2x/iXS7D/XWmlx69frLQKyYBW0zTFzzgDCeOuXkJ4TPMOdQHsttp2ZCvbqii8f27GoaTKHIa7g==",
80 + 
			"dev": true,
81 + 
			"dependencies": {
82 + 
				"lite-youtube-embed": "^0.2.0"
83 + 
			},
84 + 
			"peerDependencies": {
85 + 
				"astro": "^1.0.0 || ^2.0.0-beta"
73 86 
			}
74 87 
		},
75 88 
		"node_modules/@astrojs/compiler": {
6236 6249 
			"version": "1.2.4",
6237 6250 
			"resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
6238 6251 
			"integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
6252 + 
			"dev": true
6253 + 
		},
6254 + 
		"node_modules/lite-youtube-embed": {
6255 + 
			"version": "0.2.0",
6256 + 
			"resolved": "https://registry.npmjs.org/lite-youtube-embed/-/lite-youtube-embed-0.2.0.tgz",
6257 + 
			"integrity": "sha512-XXXAk5sbvtjjwbie3XG+6HppgTm1HTGL/Uk9z9NkJH53o7puZLur434heHzAjkS60hZB3vT4ls25zl5rMiX4EA==",
6239 6258 
			"dev": true
6240 6259 
		},
6241 6260 
		"node_modules/load-yaml-file": {
package.json +1 −0
11 11 
		"format": "prettier -w ./src ./src/**/*.astro"
12 12 
	},
13 13 
	"devDependencies": {
14 + 
		"@astro-community/astro-embed-youtube": "^0.2.2",
14 15 
		"@astrojs/image": "^0.13.0",
15 16 
		"@astrojs/mdx": "^0.15.1",
16 17 
		"@astrojs/sitemap": "^1.0.0",
src/assets/512x512.png +0 −0

Binary file — no preview.

src/components/ThemeToggle.astro +1 −1
31 31 
	<button
32 32 
		type="button"
33 33 
		id="toggle-theme"
34 - 
		class="group relative h-9 w-9 rounded-md bg-zinc-200 p-2 ring-zinc-400 transition-all hover:ring-2 dark:bg-zinc-700"
34 + 
		class="group relative h-9 w-9 rounded-md bg-[#ECE0BB] p-2 ring-zinc-400 transition-all hover:ring-2 dark:bg-[#282828]"
35 35 
		aria-label="Toggle Dark Mode"
36 36 
	>
37 37 
		<svg
src/components/layout/Header.astro +1 −1
25 25 
	<div class="flex sm:flex-col">
26 26 
		<a
27 27 
			href="/"
28 - 
			class="inline-flex items-center grayscale hover:filter-none sm:relative sm:inline-block"
28 + 
			class="inline-flex items-center sm:relative sm:inline-block"
29 29 
			aria-current={url.pathname === "/" ? "page" : false}
30 30 
		>
31 31 
			<svg
src/pages/videos.astro +8 −7
1 1 
---
2 2 
import PageLayout from "@/layouts/Base";
3 + 
import { YouTube } from "@astro-community/astro-embed-youtube";
3 4 

            

            
            

                4
                5
                 
                
const meta = {

            

            
            

                5
                6
                 
                
	title: "Videos",

            

            
        
            

            
            

                11
                12
                 
                
	<div class="space-y-6">

            

            
            

                12
                13
                 
                
		<h1 class="title">Videos</h1>

            

            
            

                13
                14
                 
                
		<p>Here are some samples of video content I've produced to help users!</p>

            

            
            

                14
                
                -
                
		<iframe

            

            
            

                15
                
                -
                
			class="h-full w-full md:h-96"

            

            
            

                16
                
                -
                
			src="https://www.youtube.com/embed/YQMktd0llOo"

            

            
            

                17
                
                -
                
			title="YouTube video player"

            

            
            

                18
                
                -
                
			frameborder="0"

            

            
            

                19
                
                -
                
			allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"

            

            
            

                20
                
                -
                
			allowfullscreen></iframe>

            

            
            

                
                15
                +
                
		<YouTube id="lhJwEckGi4U" />

            

            
            

                
                16
                +
                
		<YouTube id="f3G9qY_zZq4"/>

            

            
            

                
                17
                +
                
		<YouTube id="aBaDnCecFRA" />

            

            
            

                
                18
                +
                
		<YouTube id="cD0cPt8BXQw" />

            

            
            

                
                19
                +
                
		<YouTube id="xsmx29Htw8o" />

            

            
            

                
                20
                +
                
		<YouTube id="3_5jdgiCrXI" />

            

            
            

                
                21
                +
                
		<YouTube id="YQMktd0llOo" />

            

            
            

                21
                22
                 
                
	</div>

            

            
            

                22
                23
                 
                
</PageLayout>