瀏覽代碼

add icons and pwa

master
Christian Ziermann 4 年之前
父節點
當前提交
6f277cfe66
共有 27 個檔案被更改,包括 2367 行新增15 行删除
  1. +0
    -0
      components/footer.tsx
  2. +2
    -2
      components/header.tsx
  3. +0
    -0
      components/icon.tsx
  4. +0
    -0
      components/logo.tsx
  5. +0
    -0
      components/misc/banner.tsx
  6. +7
    -0
      next.config.js
  7. +2103
    -10
      package-lock.json
  8. +1
    -0
      package.json
  9. +17
    -3
      pages/_app.tsx
  10. 二進制
      public/favicon.ico
  11. 二進制
      public/img/icons/favicon-16.ico
  12. 二進制
      public/img/icons/favicon-24.ico
  13. 二進制
      public/img/icons/favicon-32.ico
  14. 二進制
      public/img/icons/favicon-64.ico
  15. 二進制
      public/img/icons/favicon.ico
  16. 二進制
      public/img/icons/logo-128.png
  17. 二進制
      public/img/icons/logo-144.png
  18. 二進制
      public/img/icons/logo-152.png
  19. 二進制
      public/img/icons/logo-192.png
  20. 二進制
      public/img/icons/logo-384.png
  21. 二進制
      public/img/icons/logo-512.png
  22. 二進制
      public/img/icons/logo-72.png
  23. 二進制
      public/img/icons/logo-96.png
  24. 二進制
      public/img/icons/logo.png
  25. +235
    -0
      public/img/icons/logo.svg
  26. +1
    -0
      public/sw.js
  27. +1
    -0
      public/workbox-8778d57b.js

components/misc/footer.tsx → components/footer.tsx 查看文件


components/misc/header.tsx → components/header.tsx 查看文件

@@ -1,5 +1,5 @@
import { SUB_TITLE } from "../../misc/globals";
import LinkList from "../link-list";
import { SUB_TITLE } from "../misc/globals";
import LinkList from "./link-list";
import SvgLogo from "./logo";
export default function Header() {
return (

components/misc/icon.tsx → components/icon.tsx 查看文件


components/misc/logo.tsx → components/logo.tsx 查看文件


+ 0
- 0
components/misc/banner.tsx 查看文件


+ 7
- 0
next.config.js 查看文件

@@ -0,0 +1,7 @@
const withPWA = require('next-pwa')
module.exports = withPWA({
pwa: {
dest: 'public'
}
})

+ 2103
- 10
package-lock.json
文件差異過大導致無法顯示
查看文件


+ 1
- 0
package.json 查看文件

@@ -11,6 +11,7 @@
"@types/react-icons": "^3.0.0",
"autoprefixer": "^10.2.1",
"next": "10.0.5",
"next-pwa": "^5.0.2",
"postcss": "^8.2.4",
"react": "17.0.1",
"react-dom": "17.0.1",

+ 17
- 3
pages/_app.tsx 查看文件

@@ -1,6 +1,6 @@
import Head from 'next/head'
import Footer from '../components/misc/footer'
import Header from '../components/misc/header'
import Footer from '../components/footer'
import Header from '../components/header'
import '../styles/globals.css'

function MyApp({ Component, pageProps }) {
@@ -8,9 +8,23 @@ function MyApp({ Component, pageProps }) {
<div className="bg-primary">
<Head>
<title>Nerdbrawl</title>
<link rel="icon" href="/favicon.ico" />
<meta http-equiv='X-UA-Compatible' content='IE=edge' />
<meta name='viewport' content='width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1' />
<link rel="icon" href="img/icons/favicon-64.ico" />
<link rel="preconnect" href="https://fonts.gstatic.com"></link>
<link href="https://fonts.googleapis.com/css2?family=Comic+Neue:wght@300&display=swap" rel="stylesheet"></link>

<link rel="manifest" href="/manifest.json" />
<link href='/logo-72.png' rel='icon' type='image/png' sizes='72x72' />
<link href='/logo-96.png' rel='icon' type='image/png' sizes='96x96' />
<link href='/logo-128.png' rel='icon' type='image/png' sizes='128x128' />
<link href='/logo-144.png' rel='icon' type='image/png' sizes='144x144' />
<link href='/logo-152.png' rel='icon' type='image/png' sizes='152x152' />
<link href='/logo-192.png' rel='icon' type='image/png' sizes='192x192' />
<link href='/logo-384.png' rel='icon' type='image/png' sizes='384x384' />
<link href='/logo-512.png' rel='icon' type='image/png' sizes='512x512' />

<meta name="theme-color" content="#ad4932" />
</Head>

<main className="h-screen w-screen">

二進制
public/favicon.ico 查看文件

Before After

二進制
public/img/icons/favicon-16.ico 查看文件

Before After

二進制
public/img/icons/favicon-24.ico 查看文件

Before After

二進制
public/img/icons/favicon-32.ico 查看文件

Before After

二進制
public/img/icons/favicon-64.ico 查看文件

Before After

二進制
public/img/icons/favicon.ico 查看文件

Before After

二進制
public/img/icons/logo-128.png 查看文件

Before After
Width: 128  |  Height: 128  |  Size: 23KB

二進制
public/img/icons/logo-144.png 查看文件

Before After
Width: 144  |  Height: 144  |  Size: 26KB

二進制
public/img/icons/logo-152.png 查看文件

Before After
Width: 152  |  Height: 152  |  Size: 26KB

二進制
public/img/icons/logo-192.png 查看文件

Before After
Width: 192  |  Height: 192  |  Size: 34KB

二進制
public/img/icons/logo-384.png 查看文件

Before After
Width: 384  |  Height: 384  |  Size: 87KB

二進制
public/img/icons/logo-512.png 查看文件

Before After
Width: 521  |  Height: 512  |  Size: 120KB

二進制
public/img/icons/logo-72.png 查看文件

Before After
Width: 72  |  Height: 72  |  Size: 10KB

二進制
public/img/icons/logo-96.png 查看文件

Before After
Width: 96  |  Height: 96  |  Size: 15KB

二進制
public/img/icons/logo.png 查看文件

Before After
Width: 645  |  Height: 615  |  Size: 109KB

+ 235
- 0
public/img/icons/logo.svg
文件差異過大導致無法顯示
查看文件


+ 1
- 0
public/sw.js
文件差異過大導致無法顯示
查看文件


+ 1
- 0
public/workbox-8778d57b.js
文件差異過大導致無法顯示
查看文件


Loading…
取消
儲存