michael/astro
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Added portfolio example meta description (#1625)

Browse source
This commit is contained in:
AsyncBanana 2021-10-25 13:59:53 -04:00 committed by GitHub
parent ae0e7210c7
commit 059aff923b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 6 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
examples/portfolio/src/components/MainHead.astro
View file

@ -1,8 +1,9 @@
--- ---
const { title = 'Jeanine White: Personal Site' } = Astro.props; const { title = 'Jeanine White: Personal Site', description = 'The personal site of Jeanine White' } = Astro.props;
--- ---
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="description" property="og:description" content={description}>
<meta name="viewport" content="width=device-width"> <meta name="viewport" content="width=device-width">
<title>{title}</title> <title>{title}</title>

2
examples/portfolio/src/layouts/project.astro
View file

@ -8,7 +8,7 @@ const { content } = Astro.props;
--- ---
<html lang={ content.lang || 'en' }> <html lang={ content.lang || 'en' }>
<head> <head>
<MainHead title={content.title} /> <MainHead title={content.title} description={content.description} />
<style lang="scss"> <style lang="scss">
.hero { .hero {
padding: 8rem; padding: 8rem;

2
examples/portfolio/src/pages/about.astro
View file

@ -7,7 +7,7 @@ import Nav from '../components/Nav/index.jsx';
<html lang="en"> <html lang="en">
<head> <head>
<MainHead title="About | Jeanine White" /> <MainHead title="About | Jeanine White" description="About Jeanine White Lorem Ipsum" />
<style lang="scss"> <style lang="scss">
.heroImg { .heroImg {
object-fit: cover; object-fit: cover;

2
examples/portfolio/src/pages/index.astro
View file

@ -15,7 +15,7 @@ const featuredProject = projects[0];
--- ---
<html lang="en"> <html lang="en">
<head> <head>
<MainHead title="Jeanine White: Personal Site" /> <MainHead title="Jeanine White: Personal Site" description="Jeanine White: Developer, Speaker, and Writer..." />
<style lang="scss"> <style lang="scss">
$w-s: 750px; $w-s: 750px;

2
examples/portfolio/src/pages/projects.astro
View file

@ -15,7 +15,7 @@ const projects = Astro.fetchContent<MarkdownFrontmatter>('./project/**/*.md')
<html lang="en"> <html lang="en">
<head> <head>
<MainHead title="All Projects | Jeanine White" /> <MainHead title="All Projects | Jeanine White" description="Learn about Jenine White's most recent projects" />
<style lang="scss"> <style lang="scss">
.grid { .grid {
display: grid; display: grid;