vmi-virtual-memorial/vmi-wd-frontend / fa071c6

Browse files

favicon things

Authored by mfwolffe <wolffemf@dukes.jmu.edu>
SHA
fa071c6072f64daa22ada76c43fa16d2c0dcd6e2
Parents
a449650
Tree
0445e1c

4 changed files

StatusFile+-
A app/apple-icon.svg 13 0
A app/icon.svg 10 0
M app/layout.tsx 20 0
A app/opengraph-image.svg 20 0
app/apple-icon.svgadded
@@ -0,0 +1,13 @@
1
+<svg width="180" height="180" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+  <!-- Background -->
3
+  <rect width="180" height="180" rx="40" fill="#AE122A"/>
4
+
5
+  <!-- Gold border -->
6
+  <rect x="10" y="10" width="160" height="160" rx="30" fill="none" stroke="#FFD619" stroke-width="4"/>
7
+
8
+  <!-- VMI Text -->
9
+  <text x="90" y="115" font-family="Arial, sans-serif" font-size="60" font-weight="bold" fill="#FFD619" text-anchor="middle">VMI</text>
10
+
11
+  <!-- Small subtitle -->
12
+  <text x="90" y="140" font-family="Arial, sans-serif" font-size="14" fill="#FFD619" text-anchor="middle" opacity="0.8">Memorial</text>
13
+</svg>
app/icon.svgadded
@@ -0,0 +1,10 @@
1
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+  <!-- Background circle -->
3
+  <circle cx="16" cy="16" r="16" fill="#AE122A"/>
4
+
5
+  <!-- Gold border ring -->
6
+  <circle cx="16" cy="16" r="14" fill="none" stroke="#FFD619" stroke-width="1.5"/>
7
+
8
+  <!-- VMI Text -->
9
+  <text x="16" y="20" font-family="Arial, sans-serif" font-size="11" font-weight="bold" fill="#FFD619" text-anchor="middle">VMI</text>
10
+</svg>
app/layout.tsxmodified
@@ -5,6 +5,26 @@ import Footer from "@/components/Footer";
55
 export const metadata: Metadata = {
66
   title: "VMI Virtual Memorial",
77
   description: "Honoring VMI's fallen heroes who made the ultimate sacrifice in service to their country",
8
+  icons: {
9
+    icon: [
10
+      { url: '/icon.svg', type: 'image/svg+xml' },
11
+      { url: '/favicon.ico', sizes: 'any' },
12
+    ],
13
+    apple: [
14
+      { url: '/apple-icon.svg', type: 'image/svg+xml' },
15
+    ],
16
+  },
17
+  openGraph: {
18
+    title: "VMI Virtual Memorial",
19
+    description: "Honoring VMI's fallen heroes who made the ultimate sacrifice in service to their country",
20
+    siteName: "VMI Virtual Memorial",
21
+    type: 'website',
22
+  },
23
+  twitter: {
24
+    card: 'summary_large_image',
25
+    title: "VMI Virtual Memorial",
26
+    description: "Honoring VMI's fallen heroes who made the ultimate sacrifice in service to their country",
27
+  },
828
 };
929
1030
 export default function RootLayout({
app/opengraph-image.svgadded
@@ -0,0 +1,20 @@
1
+<svg width="1200" height="630" viewBox="0 0 1200 630" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+  <!-- Background -->
3
+  <rect width="1200" height="630" fill="#AE122A"/>
4
+
5
+  <!-- Decorative border -->
6
+  <rect x="20" y="20" width="1160" height="590" fill="none" stroke="#FFD619" stroke-width="4"/>
7
+
8
+  <!-- VMI Circle Logo -->
9
+  <circle cx="600" cy="250" r="100" fill="#FFD619"/>
10
+  <text x="600" y="280" font-family="Arial, sans-serif" font-size="72" font-weight="bold" fill="#AE122A" text-anchor="middle">VMI</text>
11
+
12
+  <!-- Title -->
13
+  <text x="600" y="420" font-family="Georgia, serif" font-size="48" font-weight="bold" fill="#FFD619" text-anchor="middle">Virtual Memorial</text>
14
+
15
+  <!-- Subtitle -->
16
+  <text x="600" y="480" font-family="Georgia, serif" font-size="28" fill="#FFD619" text-anchor="middle" opacity="0.9">Honoring Those Who Gave All</text>
17
+
18
+  <!-- Bottom text -->
19
+  <text x="600" y="560" font-family="Arial, sans-serif" font-size="20" fill="#FFD619" text-anchor="middle" opacity="0.7">Virginia Military Institute</text>
20
+</svg>