Infrastructure/www
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add OpenGraph tags for previews

Browse source
This commit is contained in:
John Doe 2024-07-08 20:27:51 -04:00
parent 7de6dd9c7d
commit dcb612d276
10 changed files with 24 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/app.html
View file

@ -5,6 +5,12 @@
<link rel="stylesheet" href="global.css"> <link rel="stylesheet" href="global.css">
<link rel="icon" href="%sveltekit.assets%/favicon.png" /> <link rel="icon" href="%sveltekit.assets%/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://femtostar.com/femtostar_logo.png" />
<meta property="og:description" content="Satellite communications, done differently." />
<meta name="description" content="Satellite communications, done differently.">
%sveltekit.head% %sveltekit.head%
</head> </head>
<body data-sveltekit-preload-data="hover"> <body data-sveltekit-preload-data="hover">

21
src/components/FemtoHeader.svelte
View file

@ -3,7 +3,10 @@
</script> </script>
<div class="femtoHeader"> <div class="femtoHeader">
<div class="femtoLogotypeContainer"><FemtoStarWordmark>FemtoStar</FemtoStarWordmark><!--<span class="femtoLogotype">FemtoStar<img src="../../Wordmark.svg" /></span>--></div> <div class="femtoLogotypeContainer">
<FemtoStarWordmark>FemtoStar</FemtoStarWordmark>
<img class="hiddenLogo" src="../../femtostar_logo.png" alt="The FemtoStar Logo"/>
</div>
<h2>Satellite communications, done differently.</h2> <h2>Satellite communications, done differently.</h2>
<div class="introText"> <div class="introText">
@ -32,6 +35,11 @@
text-align: center; text-align: center;
} }
/* This invisible logo exists so that embedding or scraping this page without SVG support (e.g. embeds in Matrix posts) still get a logo */
.hiddenLogo{
display: none;
}
.femtoLogotypeContainer{ .femtoLogotypeContainer{
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
@ -39,17 +47,6 @@
text-align: center; text-align: center;
} }
.femtoLogotype{
padding-left: 24px;
font-weight: 500;
font-family: Jost, sans-serif;
font-size: 3.0em;
}
svg {
padding-top: 1em;
}
h2 { h2 {
margin-top: 0.5em; margin-top: 0.5em;
} }

2
src/components/Footer.svelte
View file

@ -5,7 +5,7 @@
<div class="footer-container"> <div class="footer-container">
<FemtoStarLogo height={42} width={33} color="#FFFFFF75" /> <FemtoStarLogo height={42} width={33} color="#FFFFFF75" />
<div class="footer-text"> <div class="footer-text">
Copyright 2024 - <a href="https://matrix.to/#/!COEHOXujBzfAHAVzPG:matrix.org">Matrix</a> / <a href="https://git.femtostar.com">Git</a> / <a href="https://twitter.com/FemtoStar">X</a> Copyright 2024 - <a href="https://matrix.to/#/!COEHOXujBzfAHAVzPG:matrix.org">Matrix</a> / <a href="https://git.femtostar.com">Git</a> / <a href="https://x.com/FemtoStar">X</a>
</div> </div>
</div> </div>

1
src/routes/+page.svelte
View file

@ -11,6 +11,7 @@
<svelte:head> <svelte:head>
<title>FemtoStar</title> <title>FemtoStar</title>
<meta property="og:title" content="FemtoStar" />
</svelte:head> </svelte:head>
<div class="site"> <div class="site">

1
src/routes/about-contact/+page.svelte
View file

@ -6,6 +6,7 @@
<svelte:head> <svelte:head>
<title>FemtoStar - About & Contact</title> <title>FemtoStar - About & Contact</title>
<meta property="og:title" content="FemtoStar - About & Contact" />
</svelte:head> </svelte:head>
<div class="site"> <div class="site">

1
src/routes/donate/+page.svelte
View file

@ -6,6 +6,7 @@
<svelte:head> <svelte:head>
<title>FemtoStar - Donate</title> <title>FemtoStar - Donate</title>
<meta property="og:title" content="FemtoStar - Donate" />
</svelte:head> </svelte:head>
<div class="site"> <div class="site">

1
src/routes/faq/+page.svelte
View file

@ -7,6 +7,7 @@
<svelte:head> <svelte:head>
<title>FemtoStar - FAQ</title> <title>FemtoStar - FAQ</title>
<meta property="og:title" content="FemtoStar - FAQ" />
</svelte:head> </svelte:head>
<div class="site"> <div class="site">

1
src/routes/free-open-source/+page.svelte
View file

@ -6,6 +6,7 @@
<svelte:head> <svelte:head>
<title>FemtoStar - Free & Open Source</title> <title>FemtoStar - Free & Open Source</title>
<meta property="og:title" content="FemtoStar - Free & Open Source" />
</svelte:head> </svelte:head>
<div class="site"> <div class="site">

1
src/routes/global-open-infrastructure/+page.svelte
View file

@ -6,6 +6,7 @@
<svelte:head> <svelte:head>
<title>FemtoStar - Global Open Infrastructure</title> <title>FemtoStar - Global Open Infrastructure</title>
<meta property="og:title" content="FemtoStar - Global Open Infrastructure" />
</svelte:head> </svelte:head>
<div class="site"> <div class="site">

3
src/routes/privacy-by-design/+page.svelte
View file

@ -5,7 +5,8 @@
</script> </script>
<svelte:head> <svelte:head>
<title>FemtoStar - Privacy by Design, not promise</title> <title>FemtoStar - Privacy by Design, not just by promise</title>
<meta property="og:title" content="FemtoStar - Privacy by Design, not just by promise" />
</svelte:head> </svelte:head>
<div class="site"> <div class="site">