some little styling retouches, I'm still working on integrating fontawesome icons...
authordanix <danix@danix.xyz>
Thu, 2 Feb 2023 12:10:10 +0000 (13:10 +0100)
committerdanix <danix@danix.xyz>
Thu, 2 Feb 2023 12:10:10 +0000 (13:10 +0100)
assets/sass/main.scss
layouts/partials/footer-addition.html
layouts/partials/footer.html
layouts/partials/home-social-links.html

index 8a037a9..7017ef0 100644 (file)
@@ -8,7 +8,8 @@
 // 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;
@@ -100,7 +101,22 @@ pre {
        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
index dce3e8c..08ee91b 100644 (file)
@@ -1,4 +1,4 @@
 <!-- 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>
index 6961a97..747cd7b 100644 (file)
@@ -1,7 +1,12 @@
 <footer id="colophon" class="site-footer">
        <div id="footer-content">
                <p>Copyright &copy; {{ 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" . -}}
index af9c70d..cb921a0 100644 (file)
@@ -6,5 +6,8 @@
                                <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>