9 files changed, 17 insertions, 7 deletions
diff --git a/README.md b/README.md
index 43123c4..4d04b4b 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
 ![ci](https://github.com/bndw/wifi-card/workflows/ci/badge.svg)
-# 📶 WiFi Card
+# <img width="32px" src="./public/images/wifi.png"> WiFi Card
 https://wificard.io
diff --git a/public/images/wifi.ico b/public/images/wifi.ico
new file mode 100644
index 0000000..1af8341
--- /dev/null
+++ b/public/images/wifi.ico
Binary files differ
diff --git a/public/images/wifi.png b/public/images/wifi.png
new file mode 100644
index 0000000..6cef0c8
--- /dev/null
+++ b/public/images/wifi.png
Binary files differ
diff --git a/public/index.html b/public/index.html
index 52cbc44..38f4236 100644
--- a/public/index.html
+++ b/public/index.html
@@ -5,6 +5,7 @@
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#000000" />
    <meta name="description" content="Print a card for your WiFi login" />
+    <link rel="icon" href="./images/wifi.ico" />
    <!--
      manifest.json provides metadata used when your web app is installed on a
      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
@@ -19,7 +20,7 @@
      work correctly both with client-side routing and a non-root public URL.
      Learn how to configure a non-root public URL by running `npm run build`.
    -->
-    <title>📡 WiFi Card</title>
+    <title>WiFi Card</title>
  </head>
  <body>
    <noscript
diff --git a/public/manifest.json b/public/manifest.json
index 46e96b6..5408c44 100644
--- a/public/manifest.json
+++ b/public/manifest.json
@@ -1,7 +1,13 @@
 {
  "short_name": "wifi-details",
  "name": "wifi-details",
-  "icons": [],
+  "icons": [
+    {
+      "src": "./images/wifi.ico",
+      "sizes": "64x64 32x32 24x24 16x16",
+      "type": "image/x-icon"
+    }
+  ],
  "start_url": ".",
  "display": "standalone",
  "theme_color": "#000000",
diff --git a/src/App.js b/src/App.js
index 0895668..3832de1 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,14 +1,13 @@
 import React from 'react';
 import { Card } from './components/Card';
 import './style.css';
+import logo from '../src/images/wifi.png';
 function App() {
  return (
    <div className="App">
      <h1>
-        <span role="img" aria-label="antenna-bars">
+        <img alt="icon" src={logo} width="32" height="32" />
-          📶
-        </span>
        &nbsp; WiFi Card
      </h1>
diff --git a/src/components/Card.js b/src/components/Card.js
index 98c5f6b..0011ca8 100644
--- a/src/components/Card.js
+++ b/src/components/Card.js
@@ -160,7 +160,7 @@ export const Card = () => {
            </div>
          </div>
        </div>
+        <hr />
        <p>
          <span role="img" aria-label="mobile-phone">
            📸📱
diff --git a/src/components/style.css b/src/components/style.css
index 5ce3d34..b874a57 100644
--- a/src/components/style.css
+++ b/src/components/style.css
@@ -65,3 +65,7 @@ button#rotate {
    top: 0;
  }
 }
+hr {
+  margin-top: 25px;
+}
diff --git a/src/images/wifi.png b/src/images/wifi.png
new file mode 100644
index 0000000..6cef0c8
--- /dev/null
+++ b/src/images/wifi.png
Binary files differ

diff --git a/README.md b/README.md index 43123c4..4d04b4b 100644 --- a/README.md +++ b/README.md
@@ -1,6 +1,6 @@
1	![ci](https://github.com/bndw/wifi-card/workflows/ci/badge.svg)	1	![ci](https://github.com/bndw/wifi-card/workflows/ci/badge.svg)
2		2
3	# 📶 WiFi Card	3	# <img width="32px" src="./public/images/wifi.png"> WiFi Card
4		4
5	https://wificard.io	5	https://wificard.io
6		6


diff --git a/public/images/wifi.ico b/public/images/wifi.ico new file mode 100644 index 0000000..1af8341 --- /dev/null +++ b/public/images/wifi.ico
Binary files differ


diff --git a/public/images/wifi.png b/public/images/wifi.png new file mode 100644 index 0000000..6cef0c8 --- /dev/null +++ b/public/images/wifi.png
Binary files differ


diff --git a/public/index.html b/public/index.html index 52cbc44..38f4236 100644 --- a/public/index.html +++ b/public/index.html
@@ -5,6 +5,7 @@
5	<meta name="viewport" content="width=device-width, initial-scale=1" />	5	<meta name="viewport" content="width=device-width, initial-scale=1" />
6	<meta name="theme-color" content="#000000" />	6	<meta name="theme-color" content="#000000" />
7	<meta name="description" content="Print a card for your WiFi login" />	7	<meta name="description" content="Print a card for your WiFi login" />
		8	<link rel="icon" href="./images/wifi.ico" />
8	<!--	9	<!--
9	manifest.json provides metadata used when your web app is installed on a	10	manifest.json provides metadata used when your web app is installed on a
10	user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/	11	user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
@@ -19,7 +20,7 @@
19	work correctly both with client-side routing and a non-root public URL.	20	work correctly both with client-side routing and a non-root public URL.
20	Learn how to configure a non-root public URL by running `npm run build`.	21	Learn how to configure a non-root public URL by running `npm run build`.
21	-->	22	-->
22	<title>📡 WiFi Card</title>	23	<title>WiFi Card</title>
23	</head>	24	</head>
24	<body>	25	<body>
25	<noscript	26	<noscript


diff --git a/public/manifest.json b/public/manifest.json index 46e96b6..5408c44 100644 --- a/public/manifest.json +++ b/public/manifest.json
@@ -1,7 +1,13 @@
1	{	1	{
2	"short_name": "wifi-details",	2	"short_name": "wifi-details",
3	"name": "wifi-details",	3	"name": "wifi-details",
4	"icons": [],	4	"icons": [
		5	{
		6	"src": "./images/wifi.ico",
		7	"sizes": "64x64 32x32 24x24 16x16",
		8	"type": "image/x-icon"
		9	}
		10	],
5	"start_url": ".",	11	"start_url": ".",
6	"display": "standalone",	12	"display": "standalone",
7	"theme_color": "#000000",	13	"theme_color": "#000000",


diff --git a/src/App.js b/src/App.js index 0895668..3832de1 100644 --- a/src/App.js +++ b/src/App.js
@@ -1,14 +1,13 @@
1	import React from 'react';	1	import React from 'react';
2	import { Card } from './components/Card';	2	import { Card } from './components/Card';
3	import './style.css';	3	import './style.css';
		4	import logo from '../src/images/wifi.png';
4		5
5	function App() {	6	function App() {
6	return (	7	return (
7	<div className="App">	8	<div className="App">
8	<h1>	9	<h1>
9	<span role="img" aria-label="antenna-bars">	10	<img alt="icon" src={logo} width="32" height="32" />
10	📶
11	</span>
12	WiFi Card	11	WiFi Card
13	</h1>	12	</h1>
14		13


diff --git a/src/components/Card.js b/src/components/Card.js index 98c5f6b..0011ca8 100644 --- a/src/components/Card.js +++ b/src/components/Card.js
@@ -160,7 +160,7 @@ export const Card = () => {
160	</div>	160	</div>
161	</div>	161	</div>
162	</div>	162	</div>
163		163	<hr />
164	<p>	164	<p>
165	<span role="img" aria-label="mobile-phone">	165	<span role="img" aria-label="mobile-phone">
166	📸📱	166	📸📱


diff --git a/src/components/style.css b/src/components/style.css index 5ce3d34..b874a57 100644 --- a/src/components/style.css +++ b/src/components/style.css
@@ -65,3 +65,7 @@ button#rotate {
65	top: 0;	65	top: 0;
66	}	66	}
67	}	67	}
		68
		69	hr {
		70	margin-top: 25px;
		71	}


diff --git a/src/images/wifi.png b/src/images/wifi.png new file mode 100644 index 0000000..6cef0c8 --- /dev/null +++ b/src/images/wifi.png
Binary files differ