added new favicons
5
components/FavIcons.js
Normal file
@ -0,0 +1,5 @@
|
||||
<link rel="icon" type="image/png" href="/images/favicon.ico" />
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png"/>
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png"/>
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png"/>
|
||||
<link rel="manifest" href="/images/site.webmanifest"/>
|
@ -6,8 +6,8 @@ export default function Meta(post, disableImage) {
|
||||
const image =
|
||||
post?.extra?.image || "https://media.urbit.org/logo/urbit-logo-card.png";
|
||||
return (
|
||||
|
||||
<>
|
||||
<link rel="icon" type="image/png" href="/images/favicon.ico" />
|
||||
<meta
|
||||
name="twitter:card"
|
||||
content="summary_large_image"
|
||||
@ -26,6 +26,7 @@ export default function Meta(post, disableImage) {
|
||||
{!disableImage && (
|
||||
<meta name="twitter:image" content={image} key="image" />
|
||||
)}
|
||||
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
@ -1,6 +1,7 @@
|
||||
import { useState, useEffect } from "react";
|
||||
import { configure, GlobalHotKeys } from "react-hotkeys";
|
||||
import Search from "../components/Search";
|
||||
import Head from 'next/head';
|
||||
|
||||
import "foundation-design-system/styles/globals.css";
|
||||
import "foundation-design-system/styles/markdown.css";
|
||||
@ -49,6 +50,15 @@ function MyApp({ Component, pageProps }) {
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<Head>
|
||||
<link rel="icon" type="image/png" href="/images/favicon.ico" />
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png"/>
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png"/>
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png"/>
|
||||
<link rel="manifest" href="/images/site.webmanifest"/>
|
||||
</Head>
|
||||
|
||||
<GlobalHotKeys keyMap={keyMap} handlers={handlers} />
|
||||
<Search
|
||||
showSearch={showSearch}
|
||||
@ -64,6 +74,7 @@ function MyApp({ Component, pageProps }) {
|
||||
openSearch: openSearch,
|
||||
}}
|
||||
/>
|
||||
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
@ -206,12 +206,13 @@ export default function Home({ search, whatsNew }) {
|
||||
/>
|
||||
<div className="grow-1 shrink-0 flex flex-col h-full min-h-0 pt-4">
|
||||
<h3 className="mb-2">{e.title}</h3>
|
||||
<div className="flex flex-col xl:flex-row justify-between">
|
||||
<p className="truncate text-sm">
|
||||
{e.description}
|
||||
<p className="text-sm">
|
||||
{e.extra.author} {e.extra.ship}
|
||||
</p>
|
||||
<p className="text-sm shrink-0">{e.date}</p>
|
||||
</div>
|
||||
<p className="text-sm">
|
||||
{e.description}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
BIN
public/images/android-chrome-192x192.png
Normal file
After Width: | Height: | Size: 10 KiB |
BIN
public/images/android-chrome-512x512.png
Normal file
After Width: | Height: | Size: 41 KiB |
BIN
public/images/apple-touch-icon.png
Normal file
After Width: | Height: | Size: 9.3 KiB |
BIN
public/images/favicon-16x16.png
Normal file
After Width: | Height: | Size: 617 B |
BIN
public/images/favicon-32x32.png
Normal file
After Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 288 B After Width: | Height: | Size: 15 KiB |
1
public/images/site.webmanifest
Normal file
@ -0,0 +1 @@
|
||||
{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
|