Skip to content

Commit 0f1c972

Browse files
jgthmsjgthms
committed
Add favicons
1 parent c884cd5 commit 0f1c972

26 files changed

Lines changed: 138 additions & 61 deletions

‎_includes/favicons.html‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
<link rel="apple-touch-icon" sizes="180x180" href="{{site.url}}/favicons/apple-touch-icon.png?v=201611221819">
2-
<link rel="icon" type="image/png" href="{{site.url}}/favicons/favicon-32x32.png?v=201611221819" sizes="32x32">
3-
<link rel="icon" type="image/png" href="{{site.url}}/favicons/favicon-16x16.png?v=201611221819" sizes="16x16">
4-
<link rel="manifest" href="{{site.url}}/favicons/manifest.json?v=201611221819">
5-
<link rel="mask-icon" href="{{site.url}}/favicons/safari-pinned-tab.svg?v=201611221819" color="#05ffb0">
6-
<link rel="shortcut icon" href="{{site.url}}/favicons/favicon.ico?v=201611221819">
7-
<meta name="msapplication-config" content="{{site.url}}/favicons/browserconfig.xml?v=201611221819">
8-
<meta name="theme-color" content="#05ffb0">
1+
<link rel="apple-touch-icon" sizes="180x180" href="{{site.url}}/favicons/apple-touch-icon.png?v=xQoRB7A0ld">
2+
<link rel="icon" type="image/png" href="{{site.url}}/favicons/favicon-32x32.png?v=xQoRB7A0ld" sizes="32x32">
3+
<link rel="icon" type="image/png" href="{{site.url}}/favicons/favicon-16x16.png?v=xQoRB7A0ld" sizes="16x16">
4+
<link rel="manifest" href="{{site.url}}/favicons/manifest.json?v=xQoRB7A0ld">
5+
<link rel="mask-icon" href="{{site.url}}/favicons/safari-pinned-tab.svg?v=xQoRB7A0ld" color="#e44d26">
6+
<link rel="shortcut icon" href="{{site.url}}/favicons/favicon.ico?v=xQoRB7A0ld">
7+
<meta name="msapplication-config" content="{{site.url}}/favicons/browserconfig.xml?v=xQoRB7A0ld">
8+
<meta name="theme-color" content="#ffffff">

‎_includes/menu.html‎

Lines changed: 9 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -27,15 +27,10 @@
2727
</script-->
2828

2929
<aside class="menu">
30-
<header class="menu-header">
31-
<a id="logo" class="menu-logo" href="{{site.url}}">
32-
<figure>
33-
<img class="menu-logo-icon" src="{{site.url}}/images/html-reference-icon.png" alt="HTML Reference icon">
34-
<img class="menu-logo-type" src="{{site.url}}/images/html-reference-type.png" alt="HTML Reference type">
35-
</figure>
36-
</a>
37-
</header>
38-
<nav class="menu-collections">
30+
<a id="logo" class="menu-logo" href="{{site.url}}">
31+
<img src="{{site.url}}/images/html-reference-logo.png" alt="{{site.title}} logo">
32+
</a>
33+
<!-- <nav class="menu-collections">
3934
<p><strong>HTML Elements</strong></p>
4035
<ul>
4136
<li><a class="menu-collection-link{% if page.route == 'index' %} menu-collection-link--active{% endif %}" href="{{site.url}}">All</a></li>
@@ -48,7 +43,7 @@
4843
<li><a class="menu-collection-link{% if page.template_name == 'Tables' %} menu-collection-link--active{% endif %}" href="{{site.url}}/templates/table/">Tables</a></li>
4944
</ul>
5045
<p><strong><a class="menu-collection-link" href="{{site.url}}/html-global-attributes/">Global attributes</a></strong></p>
51-
</nav>
46+
</nav> -->
5247
{% if page.route != "index" %}
5348
<nav id="menu-nav" class="menu-nav">
5449
<div class="menu-search">
@@ -101,27 +96,14 @@
10196
</p>
10297
<p class="footer-share footer-share--social">
10398
<strong class="footer-share-label">Share</strong>
104-
<a class="footer-share-button is-twitter"
105-
data-social-network="Twitter"
106-
data-social-action="tweet"
107-
data-social-target="{{site.url}}{{page.url}}"
108-
href="https://twitter.com/intent/tweet?url={{site.url | url_encode}}&text={{site.share | url_encode}}"
109-
rel="external nofollow"
110-
target="_blank">
111-
{% include svg/twitter.html %}
112-
</a>
113-
<a class="footer-share-button is-facebook"
114-
href="http://www.facebook.com/sharer.php?u={{site.url | url_encode}}"
115-
rel="external nofollow"
116-
target="_blank">
117-
{% include svg/facebook.html %}
118-
</a>
99+
{% include social/button-twitter.html %}
100+
{% include social/button-facebook.html %}
119101
<a id="menu-nav-open" class="footer-share-nav">Menu</a>
120102
</p>
121103
<div class="footer-facebook">
122-
<iframe class="footer-iframe" data-src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fcssreference%2F&width=100&layout=button_count&action=like&size=small&show_faces=false&share=false&height=20&appId=1212191075486670" width="100" height="20" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
104+
{% include social/iframe-facebook.html %}
123105
</div>
124106
<div class="footer-github">
125-
<iframe class="footer-iframe" data-src="https://ghbtns.com/github-btn.html?user=jgthms&repo=css-reference&type=star&count=true" frameborder="0" scrolling="0" width="110px" height="20px"></iframe>
107+
{% include social/iframe-github.html %}
126108
</div>
127109
</footer>

‎_includes/social/button-facebook.html‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
<a class="share-button share-button--facebook"
2+
href="http://www.facebook.com/sharer.php?u={{site.url | url_encode}}"
3+
rel="external nofollow"
4+
target="_blank">
5+
{% include svg/facebook.html %}
6+
</a>

‎_includes/social/button-twitter.html‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
<a class="share-button share-button--twitter"
2+
data-social-network="Twitter"
3+
data-social-action="tweet"
4+
data-social-target="{{site.url}}{{page.url}}"
5+
href="https://twitter.com/intent/tweet?url={{site.url | url_encode}}&text={{site.share | url_encode}}"
6+
rel="external nofollow"
7+
target="_blank">
8+
{% include svg/twitter.html %}
9+
</a>

‎_includes/social/iframe-facebook.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<iframe class="iframe iframe--facebook" data-src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fcssreference%2F&width=100&layout=button_count&action=like&size=small&show_faces=false&share=false&height=20&appId=1212191075486670" width="100" height="20" scrolling="no" frameborder="0" allowTransparency="true"></iframe>

‎_includes/social/iframe-github.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<iframe class="iframe iframe--github" data-src="https://ghbtns.com/github-btn.html?user=jgthms&repo=css-reference&type=star&count=true" frameborder="0" scrolling="0" width="110px" height="20px"></iframe>

‎_layouts/single.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<meta charset="UTF-8">
55
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
66
<meta name="viewport" content="width=device-width">
7-
<title>{{page.elementName}} - {{site.title}}</title>
7+
<title>{{page.elementName}} element - {{site.title}}</title>
88
<meta name="description" content="Learn how {{page.elementName}} works in HTML.">
99
<link rel="stylesheet" type="text/css" href="{{site.url}}/css/website.css">
1010

@@ -29,7 +29,7 @@
2929
<body>
3030
{% include menu.html %}
3131
<main class="single">
32-
<section class="properties">
32+
<section class="elements">
3333
{{content}}
3434
</section>
3535
</main>

‎css/website.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎favicons/android-chrome-192x192.png‎

11.5 KB
Loading

‎favicons/android-chrome-384x384.png‎

12.2 KB
Loading

0 commit comments

Comments
 (0)