// 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&family=Red+Hat+Mono&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;
font-family: 'Red Hat Mono', monospace;
}
div#backtotop {
- a {
- color: $light-orange;
+ color: $light-orange !important;
+ & a {
+ position: fixed;
+ right: 2em;
+ bottom: 2em;
+ border-radius: 100%;
+ background-color: $dark-orange;
+ padding: 0.5rem;
+ border: none;
+ cursor: pointer;
+ display: block;
+ width: 2em;
+ height: 2em;
+ color: $dark-grey;
+ & i {
+ color: inherit;
+ }
}
}
\ No newline at end of file
<!-- here will appear eventual js code and other additions to the footer -->
<div id="backtotop">
- <a href="#top"><i class="fa-solid fa-chevron-up"></i><span class="screen-reader-text">back to top</span></a>
+ <a href="#top"><i class="fa-brands fa-caret-up"></i><span class="screen-reader-text">back to top</span></a>
</div>
<footer id="colophon" class="site-footer">
<div id="footer-content">
<p>Copyright © {{ partial "funcs/year.html" }} <a href="{{- $.Site.Params.author_url -}}" target="_blank">{{- $.Site.Params.author_name -}}</a></p>
- <p><a href="{{.Site.BaseURL}}sitemap.xml" target="_blank">sitemap</a></p>
+ </div>
+ <div>
+ <ul>
+ <li><a href="{{.Site.BaseURL}}sitemap.xml" target="_blank">sitemap</a></li>
+ <li><a href="{{.Site.BaseURL}}/is/legal" target="_blank">Privacy Policy</a></li>
+ </ul>
</div>
{{- partial "footer-addition.html" . -}}
{{- partial "funcs/social-menu.html" . -}}
<a href="{{ .url }}/{{ .user }}"><i class="fa-brands fa-square-{{ .name }}"></i><span class="screen-reader-text">{{ .name }}</span></a>
</li>
{{ end }}
+ <li>
+ <a href=""><i class="fa-solid fa-angles-up"></i><span class="screen-reader-text">suca</span></a>
+ </li>
</ul>
</div>