Browse Source

add icons and pwa

master
Christian Ziermann 4 years ago
parent
commit
6f277cfe66
27 changed files with 2367 additions and 15 deletions
  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. BIN
      public/favicon.ico
  11. BIN
      public/img/icons/favicon-16.ico
  12. BIN
      public/img/icons/favicon-24.ico
  13. BIN
      public/img/icons/favicon-32.ico
  14. BIN
      public/img/icons/favicon-64.ico
  15. BIN
      public/img/icons/favicon.ico
  16. BIN
      public/img/icons/logo-128.png
  17. BIN
      public/img/icons/logo-144.png
  18. BIN
      public/img/icons/logo-152.png
  19. BIN
      public/img/icons/logo-192.png
  20. BIN
      public/img/icons/logo-384.png
  21. BIN
      public/img/icons/logo-512.png
  22. BIN
      public/img/icons/logo-72.png
  23. BIN
      public/img/icons/logo-96.png
  24. BIN
      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 View File


components/misc/header.tsx → components/header.tsx View File

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

components/misc/icon.tsx → components/icon.tsx View File


components/misc/logo.tsx → components/logo.tsx View File


+ 0
- 0
components/misc/banner.tsx View File


+ 7
- 0
next.config.js View File

const withPWA = require('next-pwa')
module.exports = withPWA({
pwa: {
dest: 'public'
}
})

+ 2103
- 10
package-lock.json
File diff suppressed because it is too large
View File


+ 1
- 0
package.json View File

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

+ 17
- 3
pages/_app.tsx View File

import Head from 'next/head' import Head from 'next/head'
import Footer from '../components/misc/footer' import Footer from '../components/footer'
import Header from '../components/misc/header' import Header from '../components/header'
import '../styles/globals.css' import '../styles/globals.css'


function MyApp({ Component, pageProps }) { function MyApp({ Component, pageProps }) {
<div className="bg-primary"> <div className="bg-primary">
<Head> <Head>
<title>Nerdbrawl</title> <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 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 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> </Head>


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

BIN
public/favicon.ico View File

Before After

BIN
public/img/icons/favicon-16.ico View File

Before After

BIN
public/img/icons/favicon-24.ico View File

Before After

BIN
public/img/icons/favicon-32.ico View File

Before After

BIN
public/img/icons/favicon-64.ico View File

Before After

BIN
public/img/icons/favicon.ico View File

Before After

BIN
public/img/icons/logo-128.png View File

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

BIN
public/img/icons/logo-144.png View File

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

BIN
public/img/icons/logo-152.png View File

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

BIN
public/img/icons/logo-192.png View File

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

BIN
public/img/icons/logo-384.png View File

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

BIN
public/img/icons/logo-512.png View File

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

BIN
public/img/icons/logo-72.png View File

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

BIN
public/img/icons/logo-96.png View File

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

BIN
public/img/icons/logo.png View File

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

+ 235
- 0
public/img/icons/logo.svg
File diff suppressed because it is too large
View File


+ 1
- 0
public/sw.js
File diff suppressed because it is too large
View File


+ 1
- 0
public/workbox-8778d57b.js
File diff suppressed because it is too large
View File


Loading…
Cancel
Save