Update something
tiff
BIN
favicon-114-precomposed.png
Normal file
|
After Width: | Height: | Size: 27 KiB |
BIN
favicon-120-precomposed.png
Normal file
|
After Width: | Height: | Size: 30 KiB |
BIN
favicon-144-precomposed.png
Normal file
|
After Width: | Height: | Size: 41 KiB |
BIN
favicon-152-precomposed.png
Normal file
|
After Width: | Height: | Size: 46 KiB |
BIN
favicon-180-precomposed.png
Normal file
|
After Width: | Height: | Size: 62 KiB |
BIN
favicon-192.png
Normal file
|
After Width: | Height: | Size: 69 KiB |
BIN
favicon-32.png
Normal file
|
After Width: | Height: | Size: 2.8 KiB |
BIN
favicon-36.png
Normal file
|
After Width: | Height: | Size: 3.4 KiB |
BIN
favicon-48.png
Normal file
|
After Width: | Height: | Size: 5.6 KiB |
BIN
favicon-57.png
Normal file
|
After Width: | Height: | Size: 7.6 KiB |
BIN
favicon-60.png
Normal file
|
After Width: | Height: | Size: 8.3 KiB |
BIN
favicon-72-precomposed.png
Normal file
|
After Width: | Height: | Size: 12 KiB |
BIN
favicon-72.png
Normal file
|
After Width: | Height: | Size: 12 KiB |
BIN
favicon-76.png
Normal file
|
After Width: | Height: | Size: 13 KiB |
BIN
favicon-96.png
Normal file
|
After Width: | Height: | Size: 20 KiB |
BIN
favicon.ico
Normal file
|
After Width: | Height: | Size: 5.4 KiB |
0
favicons/Icon
Normal file
BIN
favicons/favicon-114-precomposed.png
Normal file
|
After Width: | Height: | Size: 27 KiB |
BIN
favicons/favicon-120-precomposed.png
Normal file
|
After Width: | Height: | Size: 30 KiB |
BIN
favicons/favicon-144-precomposed.png
Normal file
|
After Width: | Height: | Size: 41 KiB |
BIN
favicons/favicon-152-precomposed.png
Normal file
|
After Width: | Height: | Size: 46 KiB |
BIN
favicons/favicon-180-precomposed.png
Normal file
|
After Width: | Height: | Size: 62 KiB |
BIN
favicons/favicon-192.png
Normal file
|
After Width: | Height: | Size: 69 KiB |
BIN
favicons/favicon-32.png
Normal file
|
After Width: | Height: | Size: 2.8 KiB |
BIN
favicons/favicon-36.png
Normal file
|
After Width: | Height: | Size: 3.4 KiB |
BIN
favicons/favicon-48.png
Normal file
|
After Width: | Height: | Size: 5.6 KiB |
BIN
favicons/favicon-57.png
Normal file
|
After Width: | Height: | Size: 7.6 KiB |
BIN
favicons/favicon-60.png
Normal file
|
After Width: | Height: | Size: 8.3 KiB |
BIN
favicons/favicon-72-precomposed.png
Normal file
|
After Width: | Height: | Size: 12 KiB |
BIN
favicons/favicon-72.png
Normal file
|
After Width: | Height: | Size: 12 KiB |
BIN
favicons/favicon-76.png
Normal file
|
After Width: | Height: | Size: 13 KiB |
BIN
favicons/favicon-96.png
Normal file
|
After Width: | Height: | Size: 20 KiB |
BIN
favicons/favicon.ico
Normal file
|
After Width: | Height: | Size: 5.4 KiB |
133
favicons/index.html
Normal file
@ -0,0 +1,133 @@
|
||||
<!DOCTYPE html>
|
||||
<head>
|
||||
<title>
|
||||
Favicons
|
||||
</title>
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<!-- For old IEs -->
|
||||
<link rel="shortcut icon" href="favicon.ico" />
|
||||
|
||||
<!-- For new browsers multisize ico -->
|
||||
<link rel="icon" type="image/x-icon" sizes="16x16 32x32" href="favicon.ico">
|
||||
|
||||
<!-- Chrome for Android -->
|
||||
<link rel="icon" sizes="192x192" href="favicon-192.png">
|
||||
|
||||
<!-- For iPhone 6+ downscaled for other devices -->
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="favicon-180-precomposed.png">
|
||||
|
||||
<!-- For IE10 Metro -->
|
||||
<meta name="msapplication-TileColor" content="#FFFFFF">
|
||||
<meta name="msapplication-TileImage" content="favicon-114-precomposed.png">
|
||||
|
||||
<style>
|
||||
|
||||
body {
|
||||
background-color: #f5f5f5;
|
||||
border: 0px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;
|
||||
color: black;
|
||||
}
|
||||
|
||||
pre {
|
||||
margin: 0px;
|
||||
color: black;
|
||||
padding: 0px 5%;
|
||||
}
|
||||
|
||||
code {
|
||||
|
||||
}
|
||||
|
||||
.container {
|
||||
background-color: white;
|
||||
max-width: 800px;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
padding: 1% 0;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.comment {
|
||||
color: gray;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
hr {
|
||||
width: 80%;
|
||||
padding: 0 5%;
|
||||
border-color: #f5f5f5;
|
||||
background-color: #D1D1D1;
|
||||
}
|
||||
|
||||
p {
|
||||
padding: 1% 5%;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body class="">
|
||||
|
||||
<div class="container">
|
||||
<p>
|
||||
To use the favicons insert into your head section some of these tags accordly to your needs.
|
||||
</p>
|
||||
<hr>
|
||||
<pre>
|
||||
<code>
|
||||
<span class="comment"><!-- For old IEs --></span>
|
||||
<link rel="shortcut icon" href="favicon.ico" />
|
||||
|
||||
<span class="comment"><!-- For new browsers - multisize ico --></span>
|
||||
<link rel="icon" type="image/x-icon" sizes="16x16 32x32" href="favicon.ico">
|
||||
|
||||
<span class="comment"><!-- For iPad with high-resolution Retina display running iOS ≥ 7: --></span>
|
||||
<link rel="apple-touch-icon" sizes="152x152" href="favicon-152-precomposed.png">
|
||||
|
||||
<span class="comment"><!-- For iPad with high-resolution Retina display running iOS ≤ 6: --></span>
|
||||
<link rel="apple-touch-icon" sizes="144x144" href="favicon-144-precomposed.png">
|
||||
|
||||
<span class="comment"><!-- For iPhone with high-resolution Retina display running iOS ≥ 7: --></span>
|
||||
<link rel="apple-touch-icon" sizes="120x120" href="favicon-120-precomposed.png">
|
||||
|
||||
<span class="comment"><!-- For iPhone with high-resolution Retina display running iOS ≤ 6: --></span>
|
||||
<link rel="apple-touch-icon" sizes="114x114" href="favicon-114-precomposed.png">
|
||||
|
||||
<span class="comment"><!-- For iPhone 6+ --></span>
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="favicon-180-precomposed.png">
|
||||
|
||||
<span class="comment"><!-- For first- and second-generation iPad: --></span>
|
||||
<link rel="apple-touch-icon" sizes="72x72" href="favicon-72-precomposed.png">
|
||||
|
||||
<span class="comment"><!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: --></span>
|
||||
<link rel="apple-touch-icon" sizes="57x57" href="favicon-57.png">
|
||||
|
||||
<span class="comment"><!-- For Old Chrome --></span>
|
||||
<link rel="icon" sizes="32x32" href="favicon-32.png" >
|
||||
|
||||
<span class="comment"><!-- For IE10 Metro --></span>
|
||||
<meta name="msapplication-TileColor" content="#FFFFFF">
|
||||
<meta name="msapplication-TileImage" content="favicon-144.png">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
|
||||
<span class="comment"><!-- Chrome for Android --></span>
|
||||
<link rel="manifest" href="manifest.json">
|
||||
<link rel="icon" sizes="192x192" href="favicon-192.png">
|
||||
|
||||
</code>
|
||||
</pre>
|
||||
|
||||
<hr>
|
||||
|
||||
<p>
|
||||
For more informations about favicons consult <a href="https://github.com/audreyr/favicon-cheat-sheet">The Favicon Cheat Sheet</a> by Audrey Roy.
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
41
favicons/manifest.json
Normal file
@ -0,0 +1,41 @@
|
||||
{
|
||||
"name": "pollo",
|
||||
"icons": [
|
||||
{
|
||||
"src": "\/favicon-36.png",
|
||||
"sizes": "36x36",
|
||||
"type": "image\/png",
|
||||
"density": 0.75
|
||||
},
|
||||
{
|
||||
"src": "\/favicon-48.png",
|
||||
"sizes": "48x48",
|
||||
"type": "image\/png",
|
||||
"density": 1
|
||||
},
|
||||
{
|
||||
"src": "\/favicon-72.png",
|
||||
"sizes": "72x72",
|
||||
"type": "image\/png",
|
||||
"density": 1.5
|
||||
},
|
||||
{
|
||||
"src": "\/favicon-96.png",
|
||||
"sizes": "96x96",
|
||||
"type": "image\/png",
|
||||
"density": 2
|
||||
},
|
||||
{
|
||||
"src": "\/favicon-144.png",
|
||||
"sizes": "144x144",
|
||||
"type": "image\/png",
|
||||
"density": 3
|
||||
},
|
||||
{
|
||||
"src": "\/favicon-192.png",
|
||||
"sizes": "192x192",
|
||||
"type": "image\/png",
|
||||
"density": 4
|
||||
}
|
||||
]
|
||||
}
|
||||
66
index.html
@ -1,10 +1,49 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>About Tiff</title>
|
||||
<style>
|
||||
<!-- For old IEs -->
|
||||
<link rel="shortcut icon" href="favicon.ico" />
|
||||
|
||||
<!-- For new browsers - multisize ico -->
|
||||
<link rel="icon" type="image/x-icon" sizes="16x16 32x32" href="favicon.ico">
|
||||
|
||||
<!-- For iPad with high-resolution Retina display running iOS ≥ 7: -->
|
||||
<link rel="apple-touch-icon" sizes="152x152" href="favicon-152-precomposed.png">
|
||||
|
||||
<!-- For iPad with high-resolution Retina display running iOS ≤ 6: -->
|
||||
<link rel="apple-touch-icon" sizes="144x144" href="favicon-144-precomposed.png">
|
||||
|
||||
<!-- For iPhone with high-resolution Retina display running iOS ≥ 7: -->
|
||||
<link rel="apple-touch-icon" sizes="120x120" href="favicon-120-precomposed.png">
|
||||
|
||||
<!-- For iPhone with high-resolution Retina display running iOS ≤ 6: -->
|
||||
<link rel="apple-touch-icon" sizes="114x114" href="favicon-114-precomposed.png">
|
||||
|
||||
<!-- For iPhone 6+ -->
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="favicon-180-precomposed.png">
|
||||
|
||||
<!-- For first- and second-generation iPad: -->
|
||||
<link rel="apple-touch-icon" sizes="72x72" href="favicon-72-precomposed.png">
|
||||
|
||||
<!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
|
||||
<link rel="apple-touch-icon" sizes="57x57" href="favicon-57.png">
|
||||
|
||||
<!-- For Old Chrome -->
|
||||
<link rel="icon" sizes="32x32" href="favicon-32.png">
|
||||
|
||||
<!-- For IE10 Metro -->
|
||||
<meta name="msapplication-TileColor" content="#FFFFFF">
|
||||
<meta name="msapplication-TileImage" content="favicon-144.png">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
|
||||
<!-- Chrome for Android -->
|
||||
<link rel="manifest" href="manifest.json">
|
||||
<link rel="icon" sizes="192x192" href="favicon-192.png">
|
||||
<style>
|
||||
.wrapper {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -13,12 +52,13 @@
|
||||
margin: auto 18%;
|
||||
}
|
||||
|
||||
.wrapper > * {
|
||||
.wrapper>* {
|
||||
padding: 10px;
|
||||
flex: 1 100%;
|
||||
}
|
||||
|
||||
h1, p {
|
||||
h1,
|
||||
p {
|
||||
font-family: Georgia, 'Times New Roman', Times, serif;
|
||||
}
|
||||
|
||||
@ -29,35 +69,41 @@
|
||||
.right {
|
||||
margin-left: 5%;
|
||||
}
|
||||
|
||||
/* Medium screens */
|
||||
@media all and (max-width: 800px) {
|
||||
@media all and (max-width: 800px) {
|
||||
.wrapper {
|
||||
/* When on medium sized screens, we center it by evenly distributing empty space around items */
|
||||
justify-content: center;
|
||||
flex-flow: column;
|
||||
margin: auto 8%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Small screens */
|
||||
@media all and (max-width: 500px) {
|
||||
/* Small screens */
|
||||
@media all and (max-width: 500px) {
|
||||
.wrapper {
|
||||
/* On small screens, we are no longer using row direction but column */
|
||||
justify-content: center;
|
||||
flex-flow: column;
|
||||
margin: auto 4%;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="wrapper">
|
||||
<h1 class="right">
|
||||
So you wanna know more, eh?
|
||||
</h1>
|
||||
<p class="large">Hi, my name is Tiffany. I used to be a frontend developer at <a href="https://www.icf.com/">ICF</a> and a software engineer at <a href="https://calaxy.com">Calaxy</a>. I'm currently
|
||||
forcibly retired and <a href="https://homelab.tiff.tools">hacking on DevOps</a> and <a href="https://codeberg.org/tiff">small code projects</a>. I also enjoy tinkering with DIY electronics and electronics repair. I write over at longer posts at <a href="https://tiff.engineer">tiff on software</a>
|
||||
<p class="large">Hi, my name is Tiffany. I used to be a frontend developer at <a href="https://www.icf.com/">ICF</a>
|
||||
and a software engineer at <a href="https://calaxy.com">Calaxy</a>. I'm currently
|
||||
forcibly retired and <a href="https://homelab.tiff.tools">hacking on DevOps</a> and <a
|
||||
href="https://codeberg.org/tiff">small code projects</a>. I also enjoy tinkering with DIY electronics and
|
||||
electronics repair. I write over at longer posts at <a href="https://tiff.engineer">tiff on software</a>
|
||||
and shorter missives at <a href="https://micro.tiff.engineer">thoughts on software engineering</a>.</p>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
41
manifest.json
Normal file
@ -0,0 +1,41 @@
|
||||
{
|
||||
"name": "pollo",
|
||||
"icons": [
|
||||
{
|
||||
"src": "\/favicon-36.png",
|
||||
"sizes": "36x36",
|
||||
"type": "image\/png",
|
||||
"density": 0.75
|
||||
},
|
||||
{
|
||||
"src": "\/favicon-48.png",
|
||||
"sizes": "48x48",
|
||||
"type": "image\/png",
|
||||
"density": 1
|
||||
},
|
||||
{
|
||||
"src": "\/favicon-72.png",
|
||||
"sizes": "72x72",
|
||||
"type": "image\/png",
|
||||
"density": 1.5
|
||||
},
|
||||
{
|
||||
"src": "\/favicon-96.png",
|
||||
"sizes": "96x96",
|
||||
"type": "image\/png",
|
||||
"density": 2
|
||||
},
|
||||
{
|
||||
"src": "\/favicon-144.png",
|
||||
"sizes": "144x144",
|
||||
"type": "image\/png",
|
||||
"density": 3
|
||||
},
|
||||
{
|
||||
"src": "\/favicon-192.png",
|
||||
"sizes": "192x192",
|
||||
"type": "image\/png",
|
||||
"density": 4
|
||||
}
|
||||
]
|
||||
}
|
||||