foster/website
1
0
Fork 0
Code Issues 8 Pull requests Activity

Remove heading and subheading metadata

Browse source 
We just use `title` and `description` now.
This commit is contained in:
Foster Hangdaan 2023-08-03 18:31:28 -04:00
parent 84d706ca5e
commit 185ed9f36e
Signed by: foster
GPG key ID: E48D7F49A852F112
6 changed files with 16 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
_components/header.tsx
View file

@ -1,15 +1,15 @@
export interface Props { export interface Props {
heading: string; title: string;
subheading?: string; description?: string;
comp: any; comp: any;
} }
export default function(props: Props) { export default function(props: Props) {
return ( return (
<header className="page-header"> <header className="page-header">
<h1>{ props.heading }</h1> <h1>{ props.title }</h1>
{props.comp.separator()} {props.comp.separator()}
<p className="subheading">{ props.subheading }</p> <p className="subheading">{ props.description }</p>
</header> </header>
) )
} }

6
_includes/layouts/main.tsx
View file

@ -1,10 +1,10 @@
export default function({ title, header, children, comp }) { export default function({ title, description, children, comp }) {
return ( return (
<html> <html>
<head> <head>
<meta charSet="utf-8"/> <meta charSet="utf-8"/>
<title>{title}</title> <title>{title}</title>
<meta name="description" content="Hello, my name is Foster Hangdaan. I am a software developer and open-source enthusiast."/> <meta name="description" content={description}/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="stylesheet" href="/styles/main.css"/> <link rel="stylesheet" href="/styles/main.css"/>
<link rel="icon" type="image/png" href="/icons/tabicon-16.png" sizes="16x16" /> <link rel="icon" type="image/png" href="/icons/tabicon-16.png" sizes="16x16" />
@ -15,7 +15,7 @@ export default function({ title, header, children, comp }) {
</head> </head>
<body> <body>
{ comp.navbar() } { comp.navbar() }
{ comp.header(header) } { comp.header({title, description}) }
{ children } { children }
{ comp.separator() } { comp.separator() }
{ comp.footer() } { comp.footer() }

4
_includes/styles/components/header.scss
View file

@ -5,13 +5,13 @@ .page-header {
max-width: var(--page--max-width); max-width: var(--page--max-width);
text-align: center; text-align: center;
h1 { h1 {
margin-top: 0; margin: 0;
background: -webkit-linear-gradient(45deg, var(--color-red), var(--color-blue)); background: -webkit-linear-gradient(45deg, var(--color-red), var(--color-blue));
background-clip: text; background-clip: text;
-webkit-background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
} }
.subheading { p.subheading {
font-style: italic; font-style: italic;
} }
} }

7
gpg-key.tsx
View file

@ -1,9 +1,6 @@
export const title = "GPG Key - Foster Hangdaan"; export const title = "GPG Key";
export const header = { export const description = "Information about my public GPG key and how to obtain it.";
heading: "GPG Key",
subheading: "Information about my public GPG key and how to obtain it.",
};
const gpgFingerprint = ` const gpgFingerprint = `
pub ed25519/E48D7F49A852F112 2023-07-14 [SC] pub ed25519/E48D7F49A852F112 2023-07-14 [SC]

7
index.tsx
View file

@ -1,9 +1,6 @@
export const header = { export const description = "Software developer and open-source enthusiast.";
heading: "Hi! My name is Foster",
subheading: "Congratulations, stranger. You have found the personal website of Foster Hangdaan.",
};
export default function({ comp }) { export default function() {
return ( return (
<> <>
<section> <section>

7
resume.tsx
View file

@ -1,9 +1,6 @@
export const title = "Resume - Foster Hangdaan"; export const title = "Resume";
export const header = { export const description = "My experience, skills, education, etc.";
heading: "Resume",
subheading: <span><a href="https://static.fosterhangdaan.com/documents/foster-hangdaan-resume.pdf" download>Download my resume</a>.</span>,
};
export default function() { export default function() {
return ( return (