guillemleonpiano/layouts/partials/custom_head.html

55 lines
1.3 KiB
HTML

<!-- A partial to be overwritten by the user.
Its content will appear before the closing </head>-tag -->
<!-- Custom CSS via inline styles
You may use this template to add custom CSS to your site like so: -->
<!--
<style>
:root {
/* see variables.scss for more variables*/
/*
--section-light-text-color: #3a4145!important;
--section-light-bg-color: #ffdb8c!important;
--section-dark-bg-color: #035e00!important;
*/
}
</style>
-->
<!-- Custom CSS via "custom.css"-file
If you would rather place your custom CSS into
a separate file, create a "custom.css" in your
local "static/css"-directory. Then add a <link>-tag
referencing your "custom.css" like so: -->
<!-- <link rel="stylesheet" href='{{ "css/custom.css" | absURL }}'> -->
<!-- Custom CSS: Color Codes
You may checkout https://htmlcolorcodes.com/ to get those
weird color codes (like "#22343A") ;-). -->
<!-- Custom link-tags for different icons
Generated via https://favicon.io/favicon-generator/ -->
<link
rel="apple-touch-icon"
sizes="180x180"
href="{{ "images/apple-touch-icon.png" | absURL }}"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="{{ "images/favicon-32x32.png" | absURL }}"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="{{ "images/favicon-16x16.png" | absURL }}"
/>