Skip to content

Commit 284532f

Browse files
ctrl-victrl-vi
committed
SEO
1 parent e76877e commit 284532f

File tree

11 files changed

+78
-32
lines changed

11 files changed

+78
-32
lines changed

‎public/images/og_image.png‎

307 KB
Loading

public/Monserate Resume.docx renamed to public/resume/Monserate Resume.docx

File renamed without changes.

public/Monserate Resume.pdf renamed to public/resume/Monserate Resume.pdf

File renamed without changes.

‎src/components/Footer.css‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@ footer {
77
background-color:#7213ad;
88
width: 100%;
99
padding: 0.5em;
10+
margin: 0em;
1011
box-shadow: 0em 1em 2em black;
1112
}
1213

‎src/components/Layout.astro‎

Lines changed: 50 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,39 +1,68 @@
11
---
2+
import { SEO } from "astro-seo";
3+
import { getImagePath } from "astro-opengraph-images";
4+
25
import Header from "./Header.astro";
36
import Footer from "./Footer.astro";
47
import Navigation from "./Navigation.astro";
58
import "./Layout.css";
69
7-
8-
const { pageTitle } = Astro.props;
9-
const { url, site } = Astro;
10+
const { pageTitle, ogType, article, description } = Astro.props;
11+
const { url } = Astro;
1012
---
1113

1214
<html lang="en">
13-
<head>
14-
<style>
15+
<head>
16+
<style>
1517
.content {
1618
flex: 1 0 auto;
1719
}
1820
</style>
21+
<SEO
22+
title={pageTitle}
23+
titleTemplate="%s | Violet Monserate"
24+
description={description || "Violet Monserate's Personal Website - a space for my resume, contact, and projects."}
25+
charset="UTF-8"
26+
openGraph={{
27+
basic: {
28+
title: pageTitle,
29+
type: ogType || "website",
30+
image: "https://ctrl-vi.github.io/images/og_image.png",
31+
url: url,
32+
},
33+
article: article || {},
34+
optional: {
35+
description: description || "Violet Monserate's Personal Website",
36+
siteName: "Violet Monserate's Website",
37+
},
38+
}}
39+
twitter={{
40+
card: "summary",
41+
creator: "@VioletMonserate",
42+
title: pageTitle + " | Violet Monserate",
43+
description: description || "Violet Monserate's Personal Website - a space for my resume, contact, and projects.",
44+
image: "https://ctrl-vi.github.io/images/og_image.png",
45+
}}
46+
extend={{
47+
link: [
48+
{rel: "shortcut icon", sizes: "16x16 24x24 32x32 48x48 64x64", href: "favicon.ico"},
49+
{rel: "apple-touch-icon", sizes: "180x180", href: "/apple-touch-icon.png"},
50+
{rel: "icon", type: "image/svg+xml", href: "/favicon.svg"},
51+
{rel: "icon", type: "image/png", sizes: "16x16", href: "/favicon-16x16.png"},
52+
{rel: "icon", type: "image/png", sizes: "32x32", href: "/favicon-32x32.png"},
53+
{rel: "icon", type:"image/x-icon", href: "/favicon.ico"},
54+
{rel: "manifest", href: "/site.webmanifest"},
55+
{rel: "preconnect", href: "https://fonts.googleapis.com"},
56+
{rel: "preconnect", href: "https://fonts.gstatic.com"},
57+
{rel: "stylesheet", href: "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap"}
58+
],
59+
meta: [
60+
{name: "viewport", content: "width=device-width"},
61+
{name: "generator", content: Astro.generator}
62+
]
63+
}}
1964

20-
<meta charset="utf-8" />
21-
<!-- Meta tags for previews -->
22-
<meta property="og:title" content={pageTitle} />
23-
<meta property="og:type" content="website" />
24-
<meta property="og:url" content={url} />
25-
<meta property="og:description" content="A personal website for Violet Monserate" />
26-
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
27-
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
28-
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
29-
<link rel="manifest" href="/site.webmanifest" />
30-
<link
31-
rel="stylesheet"
32-
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
3365
/>
34-
<meta name="viewport" content="width=device-width" />
35-
<meta name="generator" content={Astro.generator} />
36-
<title>{pageTitle}</title>
3766
</head>
3867
<body>
3968
<Header />

‎src/components/MarkdownProjectLayout.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ const { frontmatter } = Astro.props;
1515
const startDate = formatDate(frontmatter.startDate);
1616
const finishDate = formatDate(frontmatter.finishDate);
1717
---
18-
<Layout pageTitle={frontmatter.title}>
18+
<Layout pageTitle={frontmatter.title} ogType="article" article={frontmatter.article} description={frontmatter.description}>
1919
<h1>{frontmatter.title}</h1>
2020
<p class="date">{startDate} - {finishDate}</p>
2121
<p><em>{frontmatter.description}</em></p>

‎src/components/Navigation.astro‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -28,9 +28,9 @@ const size = allProjects.length;
2828
</a>
2929
))}
3030
</NavDropdown>
31-
<NavDropdown title="Resume" link="../../Monserate Resume.pdf" isNewTab={true}>
32-
<a href="../../Monserate Resume.docx" target="_blank">Download Word</a>
33-
<a href ="../../Monserate Resume.pdf" target="_blank">Download PDF</a>
31+
<NavDropdown title="Resume" link="../../resume/Monserate Resume.pdf" isNewTab={true}>
32+
<a href="../../resume/Monserate Resume.docx" target="_blank">Download Word</a>
33+
<a href ="../../resume/Monserate Resume.pdf" target="_blank">Download PDF</a>
3434
</NavDropdown>
3535
<NavDropdown title="Contact" link="/contact">
3636
<a href="mailto:violetmonserate@gmail.com">Email</a>

‎src/pages/projects/husky-robotics.md‎

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,15 @@
11
---
2+
article:
3+
publishedTime: "2025-06-19T02:07:41Z"
4+
modifiedTime: "2025-06-19T02:07:41Z"
5+
authors: ["Violet Monserate"]
6+
section: Personal Projects
7+
tags: ["js", "vite", "react", "cesium", "resium"]
28
layout: ../../components/MarkdownProjectLayout.astro
39
title: Husky Robotics
4-
description: As a part of University of Washington's Husky Robotics team, I wrote code for the mapping system.
10+
description: My contributions to the Husky Robotics rover control interface
511
image:
612
src: "https://docs.astro.build/assets/rays.webp"
713
alt: "The Astro logo on a dark background with rainbow rays."
814
startDate: '2023-01'
9-
tags: ["java", "solidworks", ""]
1015
---

‎src/pages/projects/pfr.md‎

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,13 @@
11
---
2+
article:
3+
publishedTime: "2025-06-19T02:07:41Z"
4+
modifiedTime: "2025-06-19T02:07:41Z"
5+
authors: ["Violet Monserate"]
6+
section: Personal Projects
7+
tags: ["java", "c++", "python", "opencv", "inventor", "opensource"]
28
layout: ../../components/MarkdownProjectLayout.astro
39
title: Phoenix Force Robotics
4-
description: "Throughout High School, I was part of a robotics team and wrote a variety of code and designed a couple parts."
10+
description: "A look into the spark that compelled me to pursue robotics as a potential career"
511
image:
612
src: https://docs.astro.build/assets/arc.webp
713
alt: The Astro logo on a dark background with a purple gradient arc.

‎src/pages/projects/website.md‎

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,16 @@
11
---
2+
article:
3+
publishedTime: "2025-06-19T02:07:41Z"
4+
modifiedTime: "2025-06-19T02:07:41Z"
5+
authors: ["Violet Monserate"]
6+
section: Personal Projects
7+
tags: ["astro", "html", "js", "vite", "css" ]
28
layout: ../../components/MarkdownProjectLayout.astro
39
title: Personal Website
4-
description: A landing page to hold onto my projects, contact info, and more.
10+
description: Insight into the website design process to create this masterpiece
511
image:
612
src: https://docs.astro.build/assets/rose.webp
713
alt: 'The Astro logo on a dark background with a pink glow.'
814
startDate: 2025-03
9-
tags: ["astro", "html", "js"]
1015
---
11-
This website was not only a place for me to test out
16+
This website was not only a place for me to test out my web dev skills, but also to act as a landing pad for the many different websites that I interface with on the daily.

0 commit comments

Comments
 (0)