added favicon(s)

...and some other stuff. i used a favicon generator (realfavicongenerator.net) and just removed some images i don't need (pretty sure there are more stuff that aren't necessary but i will keep them for now).
This commit is contained in:
westtle 2024-02-08 15:54:28 +07:00
parent 8e89441701
commit 3cde3b8fee
17 changed files with 63 additions and 2 deletions

4
.gitattributes vendored
View File

@ -4,6 +4,7 @@
*.css text diff=css
*.html text diff=html
*.js text
*.xml text
# Graphics
*.png binary
@ -20,4 +21,5 @@
*.md text diff=markdown
# Configs
.gitattributes text
.gitattributes text
*.webmanifest text

BIN
apple-touch-icon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 998 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 472 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 556 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 479 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 436 B

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 -0.5 32 32" shape-rendering="crispEdges"><path stroke="#ffffff" d="M0 0h32M0 1h32M0 2h32M0 3h32M0 4h32M0 5h32M0 6h32M0 7h32M0 8h32M0 9h32M0 10h32M0 11h10M25 11h7M0 12h10M25 12h7M0 13h10M25 13h7M0 14h10M13 14h3M19 14h3M25 14h7M0 15h10M13 15h3M19 15h3M25 15h7M0 16h10M13 16h3M19 16h3M25 16h7M0 17h7M13 17h3M19 17h3M25 17h7M0 18h7M13 18h3M19 18h3M25 18h7M0 19h7M13 19h3M19 19h3M25 19h7M0 20h32M0 21h32M0 22h32M0 23h32M0 24h32M0 25h32M0 26h32M0 27h32M0 28h32M0 29h32M0 30h32M0 31h32" /><path stroke="#000000" d="M10 11h15M10 12h15M10 13h15M10 14h3M16 14h3M22 14h3M10 15h3M16 15h3M22 15h3M10 16h3M16 16h3M22 16h3M7 17h6M16 17h3M22 17h3M7 18h6M16 18h3M22 18h3M7 19h6M16 19h3M22 19h3" /></svg>

After

Width:  |  Height:  |  Size: 760 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 735 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 950 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 774 B

View File

@ -0,0 +1,13 @@
<?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="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000"
preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)"
fill="#000000" stroke="none">
<path d="M2190 3935 l0 -655 -330 0 -330 0 2 -327 3 -328 652 -3 653 -2 2 657
3 658 328 3 327 2 0 -660 0 -660 328 2 327 3 3 658 2 657 325 0 325 0 2 -657
3 -658 325 0 325 0 3 983 2 982 -1640 0 -1640 0 0 -655z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 645 B

12
browserconfig.xml Normal file
View File

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="utf-8"?>
<browserconfig>
<msapplication>
<tile>
<square70x70logo src="./assets/images/favicons/mstile-70x70.png" />
<square150x150logo src="./assets/images/favicons/mstile-150x150.png" />
<square310x310logo src="./assets/images/favicons/mstile-310x310.png" />
<wide310x150logo src="./assets/images/favicons/mstile-310x150.png" />
<TileColor>#000000</TileColor>
</tile>
</msapplication>
</browserconfig>

BIN
favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

View File

@ -2,14 +2,28 @@
<html class="--flex-column --flex-grow" data-theme="light" lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="apple-mobile-web-app-title" content="Simple Note">
<meta name="application-name" content="Simple Note">
<meta name="author" content="westtle">
<meta name="description" content="A very simple notepad that you can use.">
<meta name="keywords" content="notepad, note, notepad online, simple note, simple notepad">
<meta name="theme-color" content="#ffffff">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Simple Note</title>
<link rel="icon" type="image/x-icon" href="#">
<!-- Favicon(s) -->
<link rel="icon" type="image/svg+xml" href="./assets/images/favicons/favicon.svg">
<link rel="icon" type="image/png" sizes="16x16" href="./assets/images/favicons/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="./assets/images/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="192x192" href="./assets/images/favicons/android-chrome-192x192.png">
<link rel="apple-touch-icon" sizes="180x180" href=" ./apple-touch-icon.png">
<link rel="mask-icon" color="#000000" href="./assets/images/favicons/safari-pinned-tab.svg">
<meta name="msapplication-config" content="./browserconfig.xml">
<meta name="msapplication-TileColor" content="#000000">
<meta name="msapplication-TileImage" content="./assets/images/favicons/mstile-144x144.png">
<link rel="manifest" href="./manifest.webmanifest">
<link rel="stylesheet" type="text/css" href="./assets/styles/style.css">
</head>
<body class="--flex-column --flex-grow">

19
manifest.webmanifest Normal file
View File

@ -0,0 +1,19 @@
{
"name": "Simple Note",
"short_name": "Simple Note",
"description": "A very simple notepad that you can use.",
"icons": [
{
"src": "./assets/images/favicons/android-chrome-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "./assets/images/favicons/android-chrome-512x512.png",
"sizes": "512x512",
"type": "image/png"
}
],
"theme_color": "#ffffff",
"background_color": "#ffffff"
}