El Cau dels Nanos v1elcaudelsnanos

3 files changed, 106 insertions, 2 deletions

diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index d69f4df..308fa86 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -1,2 +1,14 @@
 <!-- Footer-->
-<footer class="footer bg-black small text-center text-white-50"><div class="container px-4 px-lg-5">Copyright &copy; {{ site.Params.Author }} {{ now.Format "2006"}}</div></footer>
+<footer class="footer small text-center text-black">
+    <div class="container px-4 px-lg-5">
+        <div>
+        Copyright &copy; {{ site.Params.Author }} {{ now.Format "2006"}}
+        </div>
+        <div>
+        <a class="text-black" href="https://font.download/font/shadows-into-light">Shadows Into Light</a> Copyright &copy; 2010 Kimberly Geswein (kimberlygeswein.com)
+        </div>
+        <div>
+        <a class="text-black" href="https://gitlab.com/smc/fonts/chilanka">Chilanka</a> Copyright &copy; 2019 The Chilanka Project Authors
+        </div>
+    </div>
+</footer>
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 68df436..6b6a6b6 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -3,7 +3,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
     <meta name="description" content="" />
     <meta name="author" content="" />
-    <link rel="icon" href="{{ site.Params.favicon }}" />
+    <link rel="icon" href="{{ site.Data.favicon }}" />
     <!-- Core theme CSS (includes Bootstrap)-->
     <link href="css/styles.css" rel="stylesheet" />
     {{ $title := print .Site.Title " | " .Title }}
diff --git a/layouts/partials/slider.html b/layouts/partials/slider.html
new file mode 100644
index 0000000..b83a0ea
--- /dev/null
+++ b/layouts/partials/slider.html
@@ -0,0 +1,92 @@
+<!--
+Copyright © 2022 Codeconvey
+
+PLEASE READ THIS POLICY CAREFULLY. BY ACCESSING THIS WEBSITE YOU
+AGREE TO BE BOUND BY THE TERMS AND CONDITIONS BELOW.
+THESE TERMS AND CONDITIONS ARE SUBJECT TO CHANGE WITHOUT NOTICE,
+FROM TIME TO TIME IN OUR SOLE DISCRETION. IF YOU DO NOT
+AGREE WITH THESE TERMS AND CONDITIONS, PLEASE DO NOT
+ACCESS THIS WEBSITE.
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the “Software”),
+to deal in the Software without restriction, including without limitation the
+rights to use, copy, modify, merge, publish, distribute, sublicense,
+and/or sell copies of the Software, and to permit persons to whom the Software
+is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included
+in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
+DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
+OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR
+THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+-->
+<!-- https://codeconvey.com/pure-css-image-slider-with-thumbnails/ -->
+
+<link href="css/slider.css" rel="stylesheet" />
+<section>
+    <div class="rt-container">
+        <div class="col-rt-12">
+            <div class="csslider infinity" id="slider1">
+                <input type="radio" name="slides" checked="checked" id="slides_1" />
+                <input type="radio" name="slides" id="slides_2" />
+                <input type="radio" name="slides" id="slides_3" />
+                <input type="radio" name="slides" id="slides_4" />
+                <input type="radio" name="slides" id="slides_5" />
+                <input type="radio" name="slides" id="slides_6" />
+                <input type="radio" name="slides" id="slides_7" />
+                <input type="radio" name="slides" id="slides_8" />
+                <input type="radio" name="slides" id="slides_9" />
+                <input type="radio" name="slides" id="slides_10" />
+                <ul>
+                    <li><img class="slide" src="slides/1.webp" /></li>
+                    <li><img class="slide" src="slides/2.webp" /></li>
+                    <li><img class="slide" src="slides/3.webp" /></li>
+                    <li><img class="slide" src="slides/4.webp" /></li>
+                    <li><img class="slide" src="slides/5.webp" /></li>
+                    <li><img class="slide" src="slides/6.webp" /></li>
+                    <li><img class="slide" src="slides/7.webp" /></li>
+                    <li><img class="slide" src="slides/8.webp" /></li>
+                    <li><img class="slide" src="slides/9.webp" /></li>
+                    <li><img class="slide" src="slides/10.webp" /></li>
+                </ul>
+                <div class="arrows">
+                    <label for="slides_1"></label>
+                    <label for="slides_2"></label>
+                    <label for="slides_3"></label>
+                    <label for="slides_4"></label>
+                    <label for="slides_5"></label>
+                    <label for="slides_6"></label>
+                    <label for="slides_7"></label>
+                    <label for="slides_8"></label>
+                    <label for="slides_9"></label>
+                    <label for="slides_10"></label>
+                    <label class="goto-first" for="slides_1"></label>
+                    <label class="goto-last" for="slides_10"></label>
+                </div>
+                <!--
+                <div class="navigation">
+                    <div>
+                        <label for="slides_1"><img width="32" height="32"
+                                src="slides/1.webp" /></label>
+                        <label for="slides_2"><img width="32" height="32"
+                                src="slides/2.webp" /></label>
+                        <label for="slides_3"><img width="32" height="32"
+                                src="slides/3.webp" /></label>
+                        <label for="slides_4"><img width="32" height="32"
+                                src="slides/4.webp" /></label>
+                        <label for="slides_5"><img width="32" height="32"
+                                src="slides/5.webp" /></label>
+                    </div>
+                </div>
+                -->
+            </div>
+
+        </div>
+    </div>
+</section>