michalvankodev/michalvankodev-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add favicon and a logo to the site

Browse Source
This commit is contained in:
Michal Vanko 2019-11-02 21:57:50 +01:00
parent 20d91c9ace
commit cdfbf942d2
5 changed files with 47 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
src/template.html
View File

@ -1,36 +1,36 @@
<!doctype html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset='utf-8'> <meta charset="utf-8" />
<meta name='viewport' content='width=device-width,initial-scale=1.0'> <meta name="viewport" content="width=device-width,initial-scale=1.0" />
<meta name='theme-color' content='#333333'> <meta name="theme-color" content="#333333" />
%sapper.base% %sapper.base%
<link rel='stylesheet' href='global.css'> <link rel="stylesheet" href="global.css" />
<link rel="stylesheet" href="print.css" media="print"> <link rel="stylesheet" href="print.css" media="print" />
<link rel="stylesheet" href="fonts.css"> <link rel="stylesheet" href="fonts.css" />
<!-- <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,600i&display=swap&subset=latin-ext" rel="stylesheet"> --> <!-- <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,600i&display=swap&subset=latin-ext" rel="stylesheet"> -->
<link rel='manifest' href='manifest.json'> <link rel="manifest" href="manifest.json" />
<link rel='icon' type='image/png' href='favicon.png'> <link rel="icon" type="image/png" href="m-favicon-192x192.png" />
<!-- Sapper generates a <style> tag containing critical CSS <!-- Sapper generates a <style> tag containing critical CSS
for the current page. CSS for the rest of the app is for the current page. CSS for the rest of the app is
lazily loaded when it precaches secondary pages --> lazily loaded when it precaches secondary pages -->
%sapper.styles% %sapper.styles%
<!-- This contains the contents of the <svelte:head> component, if <!-- This contains the contents of the <svelte:head> component, if
the current page has one --> the current page has one -->
%sapper.head% %sapper.head%
</head> </head>
<body> <body>
<!-- The application will be rendered inside this element, <!-- The application will be rendered inside this element,
because `app/client.js` references it --> because `app/client.js` references it -->
<div id='sapper'>%sapper.html%</div> <div id="sapper">%sapper.html%</div>
<!-- Sapper creates a <script> tag containing `app/client.js` <!-- Sapper creates a <script> tag containing `app/client.js`
and anything else it needs to hydrate the app and and anything else it needs to hydrate the app and
initialise the router --> initialise the router -->
%sapper.scripts% %sapper.scripts%
</body> </body>
</html> </html>

BIN
static/images/m-logo.png (Stored with Git LFS) Normal file
View File

Binary file not shown.

BIN
static/images/m-logo.xcf Normal file
View File

Binary file not shown.

BIN
static/m-favicon-192x192.png (Stored with Git LFS) Normal file
View File

Binary file not shown.

36
static/manifest.json
View File

@ -1,20 +1,20 @@
{ {
"background_color": "#ffffff", "background_color": "#ffffff",
"theme_color": "#333333", "theme_color": "#212138",
"name": "TODO", "name": "michalvanko.dev",
"short_name": "TODO", "short_name": "m-dev",
"display": "minimal-ui", "display": "minimal-ui",
"start_url": "/", "start_url": "/",
"icons": [ "icons": [
{ {
"src": "logo-192.png", "src": "m-favicon-192.png",
"sizes": "192x192", "sizes": "192x192",
"type": "image/png" "type": "image/png"
}, },
{ {
"src": "logo-512.png", "src": "images/m-logo.png",
"sizes": "512x512", "sizes": "226x226",
"type": "image/png" "type": "image/png"
} }
] ]
} }