spemer
/ favicon-in-js-1.js
Last active
January 2, 2018 18:05
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function setFavicons(favImg){ | |
| let headTitle = document.querySelector('head'); | |
| let setFavicon = document.createElement('link'); | |
| setFavicon.setAttribute('rel','shortcut icon'); | |
| setFavicon.setAttribute('href',favImg); | |
| headTitle.appendChild(setFavicon); | |
| } | |
| setFavicons('https://spemer.com/img/favicon/favicon.png'); |
spemer
/ favicon-in-html-1.html
Created
January 2, 2018 18:07
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <link rel="shortcut icon" href="../images/favicon.png" /> |
spemer
/ favicon-array-1.js
Created
January 2, 2018 18:08
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| let favIcons = [ | |
| { rel: 'apple-touch-icon' }, | |
| { rel: 'apple-touch-startup-image' }, | |
| { rel: 'shortcut icon' } | |
| ] |
spemer
/ favicon-in-html-2.html
Created
January 2, 2018 18:12
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <link rel="icon" href="../favicon-16.png" sizes="16x16" type="../favicon-16.png" /> | |
| <link rel="icon" href="../favicon-32.png" sizes="32x32" type="../favicon-32.png" /> | |
| <link rel="icon" href="../favicon-48.png" sizes="48x48" type="../favicon-48.png" /> | |
| <link rel="icon" href="../favicon-62.png" sizes="62x62" type="../favicon-62.png" /> | |
| <link rel="icon" href="../favicon-192.png" sizes="192x192" type="../favicon-192.png" /> |
spemer
/ css-custom-var-1.css
Created
January 2, 2018 19:41
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| :root { | |
| --paragraph-color: #656c7a; | |
| --paragraph-font-size: 1rem; | |
| --figcaption-font-size: 12px; | |
| } |
spemer
/ css-custom-var-2.css
Created
January 2, 2018 19:43
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| p { | |
| font-color: var(--paragraph-color); | |
| } |
spemer
/ css-custom-var-3.css
Created
January 2, 2018 19:44
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| p { | |
| font-color: var(--paragraph-color); | |
| font-size: var(--paragraph-font-size); | |
| } | |
| li .primary-nav { | |
| font-color: var(--paragraph-color); | |
| } | |
| p { | |
| font-color: var(--paragraph-color); | |
| font-size: var(--figcaption-font-size); |
spemer
/ css-custom-var-5.css
Last active
January 3, 2018 06:18
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .header-text { | |
| margin-top: calc(var(--font-size)*16px); | |
| font-size: calc(var(--font-size)*3rem); | |
| line-height: calc(var(--font-size)*1.5em); | |
| } |
spemer
/ css-custom-var-4.css
Last active
January 3, 2018 06:19
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| :root { | |
| --font-size: 1; | |
| } |
spemer
/ favicon-array-2.js
Last active
January 3, 2018 14:26
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function setFavicons(favImg){ | |
| let headTitle = document.querySelector('head'); | |
| let favIcons = [ | |
| { rel: 'apple-touch-icon' }, | |
| { rel: 'apple-touch-startup-image' }, | |
| { rel: 'shortcut icon' } | |
| ] | |
| favIcons.forEach(function(favIcon){ |
OlderNewer