Browse Source

Implement a better favicon using https://realfavicongenerator.net.

master
Zed A. Shaw 1 year ago
parent
commit
f47710c7f7
  1. BIN
      designs/favicon_package_v0.16.zip
  2. 0
      designs/logo-152.png
  3. 0
      designs/logo-24.png
  4. BIN
      designs/logo-256.png
  5. BIN
      public/android-chrome-192x192.png
  6. BIN
      public/android-chrome-256x256.png
  7. 4
      public/api.html
  8. BIN
      public/apple-touch-icon.png
  9. 9
      public/browserconfig.xml
  10. BIN
      public/mstile-150x150.png
  11. 19
      public/safari-pinned-tab.svg
  12. BIN
      public/swagger/favicon-16x16.png
  13. BIN
      public/swagger/favicon-32x32.png
  14. BIN
      public/swagger/favicon.ico
  15. 14
      src/template.html
  16. BIN
      static/favicon.ico
  17. 30
      static/manifest.json

BIN
designs/favicon_package_v0.16.zip

Binary file not shown.

0
static/logo-152.png → designs/logo-152.png

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

0
static/icons/logo-24.png → designs/logo-24.png

Before

Width:  |  Height:  |  Size: 331 B

After

Width:  |  Height:  |  Size: 331 B

BIN
designs/logo-256.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.2 KiB

BIN
public/android-chrome-192x192.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.9 KiB

BIN
public/android-chrome-256x256.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.8 KiB

4
public/api.html

@ -5,8 +5,8 @@
<meta charset="UTF-8">
<title>Learn JS The Hard Way API Browser</title>
<link rel="stylesheet" type="text/css" href="/swagger/swagger-ui.css" >
<link rel="icon" type="image/png" href="/swagger/favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="/swagger/favicon-16x16.png" sizes="16x16" />
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16" />
<style>
html
{

BIN
public/apple-touch-icon.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.8 KiB

9
public/browserconfig.xml

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="utf-8"?>
<browserconfig>
<msapplication>
<tile>
<square150x150logo src="/mstile-150x150.png"/>
<TileColor>#ffc40d</TileColor>
</tile>
</msapplication>
</browserconfig>

BIN
public/mstile-150x150.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

19
public/safari-pinned-tab.svg

@ -0,0 +1,19 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
width="256.000000pt" height="256.000000pt" viewBox="0 0 256.000000 256.000000"
preserveAspectRatio="xMidYMid meet">
<metadata>
Created by potrace 1.11, written by Peter Selinger 2001-2013
</metadata>
<g transform="translate(0.000000,256.000000) scale(0.100000,-0.100000)"
fill="#000000" stroke="none">
<path d="M0 1280 l0 -1280 1280 0 1280 0 0 1280 0 1280 -1280 0 -1280 0 0
-1280z m1364 401 c26 -27 31 -39 31 -81 0 -43 -5 -54 -33 -82 -28 -28 -39 -33
-82 -33 -43 0 -54 5 -82 33 -28 28 -33 39 -33 81 0 52 25 92 70 112 37 16 96
3 129 -30z m-28 -386 c53 -22 78 -85 72 -185 -7 -124 -65 -207 -183 -261 -22
-10 -41 -17 -42 -15 -1 1 -9 18 -17 38 l-16 36 45 26 c55 33 94 83 102 130 5
34 4 36 -21 36 -67 0 -114 57 -102 123 7 37 27 60 66 76 35 14 56 13 96 -4z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 971 B

BIN
public/swagger/favicon-16x16.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 665 B

After

Width:  |  Height:  |  Size: 722 B

BIN
public/swagger/favicon-32x32.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 628 B

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
public/swagger/favicon.ico

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.2 KiB

14
src/template.html

@ -4,7 +4,6 @@
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<!-- Bulma Version 0.8.x-->
<link rel="stylesheet" href="/css/spectre.min.css">
<link rel="stylesheet" href="/css/spectre-exp.min.css">
@ -14,10 +13,19 @@
<link rel="alternate" type="application/atom+xml" title="Atom Feed for learnjsthehardway.com" href="/feed.atom" />
<link rel="alternate" type="application/json" title="JSON Feed for learnjsthehardway.com" href="/feed.json" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#495e94">
<meta name="msapplication-TileColor" content="#ffc40d">
<meta name="theme-color" content="#ffffff">
%sapper.base%
<link rel='manifest' href='manifest.json'>
<link rel='icon' type='image/png' href='favicon.png'>
<link rel='manifest' href='/manifest.json'>
<link rel='icon' type='image/png' href='/favicon.png'>
<!-- Sapper generates a <style> tag containing critical CSS
for the current page. CSS for the rest of the app is

BIN
static/favicon.ico

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 7.2 KiB

30
static/manifest.json

@ -1,15 +1,19 @@
{
"background_color": "#ffffff",
"theme_color": "#333333",
"name": "Learn Javascript The Hard Way",
"short_name": "LJSTHW",
"display": "minimal-ui",
"start_url": "/",
"icons": [
{
"src": "logo-152.png",
"sizes": "152x152",
"type": "image/png"
}
]
"background_color": "#ffffff",
"theme_color": "#333333",
"name": "Learn Javascript The Hard Way",
"short_name": "LJSTHW",
"display": "minimal-ui",
"start_url": "/",
"icons": [
{
"src": "/android-chrome-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/android-chrome-256x256.png",
"sizes": "256x256",
"type": "image/png"
}
}

Loading…
Cancel
Save