Skip to content

Commit 06bc17d

Browse files
BramAndroidBramAndroid
committed
favicon & responsive icon
1 parent 4bf8e7b commit 06bc17d

13 files changed

+109
-19
lines changed

‎android-chrome-192x192.png

7.91 KB
Loading

‎apple-touch-icon.png

3.49 KB
Loading

‎browserconfig.xml

Lines changed: 9 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,9 @@
1-
<?xml version="1.0" encoding="utf-8"?>
2-
<!-- Please read: https://msdn.microsoft.com/en-us/library/ie/dn455106.aspx -->
3-
<browserconfig>
4-
<msapplication>
5-
<tile>
6-
<square70x70logo src="tile.png"/>
7-
<square150x150logo src="tile.png"/>
8-
<wide310x150logo src="tile-wide.png"/>
9-
<square310x310logo src="tile.png"/>
10-
</tile>
11-
</msapplication>
12-
</browserconfig>
1+
<?xml version="1.0" encoding="utf-8"?>
2+
<browserconfig>
3+
<msapplication>
4+
<tile>
5+
<square150x150logo src="/mstile-150x150.png"/>
6+
<TileColor>#da532c</TileColor>
7+
</tile>
8+
</msapplication>
9+
</browserconfig>

‎css/codekings.css

Lines changed: 16 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,17 @@
1-
#logo {
2-
position: fixed;
3-
top: 50%;
4-
left: 50%;
5-
transform: translate(-50%, -50%);
1+
div#logo {
2+
width: 90%;
3+
max-width: 512px;
4+
margin-top: 32px;
5+
margin-left: 50%;
6+
text-align: center;
7+
transform: translate(-50%, 0%);
8+
}
9+
#logo img {
10+
width: 100%;
11+
}
12+
h1 {
13+
font-style: italic;
14+
}
15+
a {
16+
color: #000;
617
}

‎favicon-16x16.png

974 Bytes
Loading

‎favicon-32x32.png

1.76 KB
Loading

‎favicon.ico

14 KB
Binary file not shown.

‎index.html

Lines changed: 15 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,12 @@
77
<meta name="description" content="">
88
<meta name="viewport" content="width=device-width, initial-scale=1">
99

10-
<link rel="apple-touch-icon" href="apple-touch-icon.png">
10+
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
11+
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
12+
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
13+
<link rel="manifest" href="/manifest.json">
14+
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#3c949c">
15+
<meta name="theme-color" content="#3c949c">
1116
<!-- Place favicon.ico in the root directory -->
1217

1318
<link rel="stylesheet" href="css/normalize.css">
@@ -16,7 +21,15 @@
1621
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
1722
</head>
1823
<body>
19-
<img src="img/logo.png" id="logo">
24+
<div id="logo">
25+
<img src="img/logo.png">
26+
<p>
27+
Android development
28+
</p>
29+
<p>
30+
<a href="mailto:[email protected]">[email protected]</a>
31+
</p>
32+
</div>
2033

2134
<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
2235
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.12.0.min.js"><\/script>')</script>

‎manifest.json

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
{
2+
"name": "CodeKings",
3+
"icons": [
4+
{
5+
"src": "\/android-chrome-192x192.png",
6+
"sizes": "192x192",
7+
"type": "image\/png"
8+
}
9+
],
10+
"theme_color": "#3c949c",
11+
"display": "standalone"
12+
}

‎mstile-150x150.png

5.15 KB
Loading

‎safari-pinned-tab.svg

Lines changed: 57 additions & 0 deletions
Loading

‎tile-wide.png

-1.81 KB
Binary file not shown.

‎tile.png

-3.4 KB
Binary file not shown.

0 commit comments

Comments
 (0)