Skip to content

Commit

Permalink
chore: add favicons and improve mobile experience
Browse files Browse the repository at this point in the history
  • Loading branch information
paulovitin committed Dec 11, 2023
1 parent fbe8aed commit b6e5d99
Show file tree
Hide file tree
Showing 11 changed files with 53 additions and 8 deletions.
Binary file added static/android-chrome-192x192.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/android-chrome-512x512.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/apple-touch-icon.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
9 changes: 9 additions & 0 deletions static/browserconfig.xml
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
<?xml version="1.0" encoding="utf-8"?>
<browserconfig>
<msapplication>
<tile>
<square150x150logo src="/mstile-150x150.png"/>
<TileColor>#da532c</TileColor>
</tile>
</msapplication>
</browserconfig>
Binary file added static/favicon-16x16.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/favicon-32x32.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/favicon.ico
Binary file not shown.
Binary file added static/mstile-150x150.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
19 changes: 19 additions & 0 deletions static/site.webmanifest
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
{
"name": "",
"short_name": "",
"icons": [
{
"src": "/android-chrome-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/android-chrome-512x512.png",
"sizes": "512x512",
"type": "image/png"
}
],
"theme_color": "#ffffff",
"background_color": "#ffffff",
"display": "standalone"
}
23 changes: 17 additions & 6 deletions static/styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -58,12 +58,6 @@ img {
flex-direction: row;
}

@media only screen and (max-width: 600px) {
.feature {
flex-direction: column;
}
}

form {
padding: 20px;
max-width: 400px;
Expand Down Expand Up @@ -124,3 +118,20 @@ img.icon-footer {
align-items: center;
padding: 20px 0;
}

.btn-methods {
background: transparent !important;
border: none !important;
}

@media only screen and (max-width: 600px) {
body {
padding: 8px;
}
form {
width: auto;
}
.feature {
flex-direction: column;
}
}
10 changes: 8 additions & 2 deletions templates/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,13 @@
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="apple-touch-icon" sizes="180x180" href="{{ url_for('static', path='/apple-touch-icon.png') }}">
<link rel="icon" type="image/png" sizes="32x32" href="{{ url_for('static', path='/favicon-32x32.png') }}">
<link rel="icon" type="image/png" sizes="16x16" href="{{ url_for('static', path='/favicon-16x16.png') }}">
<link rel="manifest" href="{{ url_for('static', path='/site.webmanifest') }}">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>QRCode Generator</title>
<link
rel="stylesheet"
Expand Down Expand Up @@ -373,9 +380,8 @@
QRCode
</label>
<div
className="btn-group form-control"
className="btn-group form-control btn-methods"
role="group"
aria-label="Basic example"
>
<button
type="button"
Expand Down

0 comments on commit b6e5d99

Please sign in to comment.