feat(page): update social meta tags, favicons, and OG banner
All checks were successful
Deploy to Cloudflare Pages / deploy (push) Successful in 26s
Replace single favicon with full icon set (PNG, SVG, ICO, Apple touch icon, web manifest). Update OG/Twitter image to banner.jpg. Align title and description meta tags with current page copy.
Sanil Chawla
BIN
public/banner.jpg
Normal file
|
After Width: | Height: | Size: 163 KiB |
BIN
public/favicon.ico
Normal file
|
After Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 420 B After Width: | Height: | Size: 9.8 KiB |
BIN
public/icons/apple-touch-icon.png
Normal file
|
After Width: | Height: | Size: 3.1 KiB |
BIN
public/icons/favicon-96x96.png
Normal file
|
After Width: | Height: | Size: 1.2 KiB |
BIN
public/icons/favicon.ico
Normal file
|
After Width: | Height: | Size: 15 KiB |
3
public/icons/favicon.svg
Normal file
|
After Width: | Height: | Size: 9.8 KiB |
21
public/icons/site.webmanifest
Normal file
@@ -0,0 +1,21 @@
|
||||
{
|
||||
"name": "Lofty",
|
||||
"short_name": "Lofty",
|
||||
"icons": [
|
||||
{
|
||||
"src": "/icons/web-app-manifest-192x192.png",
|
||||
"sizes": "192x192",
|
||||
"type": "image/png",
|
||||
"purpose": "maskable"
|
||||
},
|
||||
{
|
||||
"src": "/icons/web-app-manifest-512x512.png",
|
||||
"sizes": "512x512",
|
||||
"type": "image/png",
|
||||
"purpose": "maskable"
|
||||
}
|
||||
],
|
||||
"theme_color": "#ffffff",
|
||||
"background_color": "#ffffff",
|
||||
"display": "standalone"
|
||||
}
|
||||
BIN
public/icons/web-app-manifest-192x192.png
Normal file
|
After Width: | Height: | Size: 3.4 KiB |
BIN
public/icons/web-app-manifest-512x512.png
Normal file
|
After Width: | Height: | Size: 7.8 KiB |
@@ -5,11 +5,11 @@ interface Props {
|
||||
}
|
||||
|
||||
const {
|
||||
title = "Lofty — Creative power for the progressive movement",
|
||||
description = "Lofty connects creative professionals with progressive campaigns, produces original political media, and builds digital infrastructure for progressive organizing.",
|
||||
title = "Lofty — Talent, media, and tech for collective power",
|
||||
description = "The Lofty Project bridges talented creatives with leftist movements and progressive campaigns — connecting designers, filmmakers, and strategists to build a better country for all.",
|
||||
} = Astro.props;
|
||||
|
||||
const ogImage = "/og.png";
|
||||
const ogImage = "/banner.jpg";
|
||||
---
|
||||
|
||||
<!doctype html>
|
||||
@@ -17,7 +17,12 @@ const ogImage = "/og.png";
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
||||
<link rel="icon" type="image/png" href="/icons/favicon-96x96.png" sizes="96x96" />
|
||||
<link rel="icon" type="image/svg+xml" href="/icons/favicon.svg" />
|
||||
<link rel="shortcut icon" href="/icons/favicon.ico" />
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png" />
|
||||
<meta name="apple-mobile-web-app-title" content="Lofty" />
|
||||
<link rel="manifest" href="/icons/site.webmanifest" />
|
||||
<meta name="generator" content={Astro.generator} />
|
||||
|
||||
<title>{title}</title>
|
||||
|
||||