hugo-scroll/exampleSite/layouts/partials/custom_head.html
2020-09-09 18:00:59 +02:00

81 lines
1.8 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>
/* Links */
a:hover {
color: #b6b84c;
}
/* Header Buttons on Startpage */
a.btn {
color: white;
background-color: #ced067;
}
a.btn:hover {
background-color: #b6b84c;
}
/* Scroll Menu on Startpage */
a.fn-item.active {
color: #b6b84c;
}
a.fn-item:hover {
color: #ced067;
}
/* Content / Sections */
.post-holder.odd {
background: #B80135;
color: white;
}
.post-holder {
background: #f2efe8;
}
body {
color: #3A4145;
}
/* Footer */
.site-footer {
color: #BBC7CC;
background-color: #22343A;
}
</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 }}"
/>