// MY COLOR DEFINITIONS
@import "colors";
// GOOGLE FONTS
-@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,400;0,600;1,400;1,600&display=swap');
-
+ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,400;0,600;1,400;1,600&family=Red+Hat+Mono&display=swap');
html {
margin: 0;
padding: 0;
a {
color: $dark-orange;
&:hover {
- animation-name: fa-bounce;
- color: shade($dark-orange, 60%);
+ color: shade($dark-orange, 40%);
}
}
}
.screen-reader-text,
.hidden {
@include hide-visually;
+}
+pre {
+ margin: 1em;
+ padding: 0.7em;
+ max-width: 90vw;
+ background-color: $light-grey;
+ color: $light-orange;
+ font-size: 1.4em;
+ font-family: 'Red Hat Mono', monospace;
+}
+div#backtotop {
+ a {
+ color: $light-orange;
+ }
}
\ No newline at end of file
<!-- here will appear eventual js code and other additions to the footer -->
<div id="backtotop">
- <a href="#top">back to top</a>
+ <a href="#top"><i class="fa-solid fa-chevron-up"></i><span class="screen-reader-text">back to top</span></a>
</div>
{{ if isset .Params "featured_image" }}
<style media="screen">
header#masthead {
- background-image: url( {{ $.Params.featured_image | urlize }} );
+ height: 60vh;
+ background-image: url( {{ $.Params.featured_image | absURL }} );
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-attachment: fixed;
}
</style>
{{ end }}
{{ $style_options := (dict "targetPath" "css/style.css" "outputStyle" "compressed" "transpiler" "dartsass" "enableSourceMap" (not hugo.IsProduction)) }}
{{ $style := resources.Get "sass/main.scss" | resources.ToCSS $style_options }}
-
- <link rel="stylesheet" href="{{ "assets/css/dagreynix_fonts.css" | absURL }}">
<link rel="stylesheet" href="{{ $style.RelPermalink }}">
{{ partial "funcs/favicon.html" . }}
<link rel="canonical" href="{{ .Permalink }}">
<html lang="{{ $.Site.LanguageCode | default "en" }}">
{{- partial "head.html" . -}}
<body class="single-post blog">
- <div id="blog-post">
+ <div id="page" class="blog-post">
<a id="top" class="skip-link screen-reader-text" href="#primary">skip to content</a>
{{- partial "header.html" . -}}
<div id="content" class="site-content">
