Added menu for mobile!

2021-02-02 21:24:42 +01:00 · 2021-02-02 21:24:42 +01:00 · d9720f8fbf
commit d9720f8fbf
parent 8d7d86adab
75 changed files with 149 additions and 74 deletions
--- a/_assets/js/main.js
+++ b/_assets/js/main.js
@ -1,3 +1,13 @@
+/* Set the width of the side navigation to 250px */
+function openNav() {
+    document.getElementById("mySidenav").style.width = "250px";
+}
+
+/* Set the width of the side navigation to 0 */
+function closeNav() {
+    document.getElementById("mySidenav").style.width = "0";
+}
+
 $(document).ready(function () {
    var sjs = SimpleJekyllSearch({
        searchInput: document.getElementById('search-input'),
--- a/_assets/oldcss/_layout.scss
+++ b/_assets/oldcss/_layout.scss
@ -308,7 +308,7 @@ aside.aside {
 }

 .text-primary {
-    color: $brand-color;
+    color: $brand-color !important;
 }

 .card-columns {
--- a/_includes/header.html
+++ b/_includes/header.html
@ -14,6 +14,10 @@
            <a class="btn btn-primary ml-4" href="{% link _pages/contacts.html %}">{% t buttons.contactsus %}</a>
        </nav>

+        <a class="d-block d-lg-none" href="javascript:openNav();">
+            <i class="fas fa-bars"></i>
+        </a>
+
    </div>

 </navbar>
--- a/_includes/sidebar.html
+++ b/_includes/sidebar.html
@ -0,0 +1,8 @@
+<div id="mySidenav" class="sidenav">
+  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
+  <a href="{% link _pages/about-us.html %}">{% t buttons.about_us %}</a>
+  <a href="{% link _pages/services-and-products.html %}">{% t
+    buttons.services_and_products %}</a>
+  <a href="{% link _pages/projects.html %}">{% t buttons.projects %}</a>
+  <a class="btn-outline-primary" href="{% link _pages/contacts.html %}">{% t buttons.contactsus %}</a>
+</div>
--- a/_layouts/default.html
+++ b/_layouts/default.html
@ -4,6 +4,7 @@
 {% include head.html %}

 <body>
+	{% include sidebar.html %}

 	{% include header.html %}

--- a/_layouts/simple.html
+++ b/_layouts/simple.html
@ -4,11 +4,13 @@
 {% include head.html %}

 <body>
-	{% include header.html %}
+  {% include header.html %}
+
+  {% include sidebar.html %}

  {{ content }}

-	{% include footer.html %}
+  {% include footer.html %}

  {% include bottom.html %}

--- a/_sass/_sidebar.scss
+++ b/_sass/_sidebar.scss
@ -0,0 +1,38 @@
+.sidenav {
+  height: 100%;
+  width: 0;
+  position: fixed;
+  z-index: 2000;
+  top: 0;
+  left: 0;
+  background-color: #333;
+  overflow-x: hidden;
+  padding-top: 60px;
+  transition: 0.5s;
+}
+
+.sidenav a {
+  padding: 8px 8px 8px 32px;
+  text-decoration: none;
+  font-size: 25px;
+  color: #818181;
+  display: block;
+  transition: 0.3s;
+}
+
+.sidenav a:hover {
+  color: #f1f1f1;
+}
+
+.sidenav .closebtn {
+  position: absolute;
+  top: 0;
+  right: 25px;
+  font-size: 36px;
+  margin-left: 50px;
+}
+
+@media screen and (max-height: 450px) {
+  .sidenav {padding-top: 15px;}
+  .sidenav a {font-size: 18px;}
+}
--- a/_site/404.html
+++ b/_site/404.html
--- a/_site/assets/.sprockets-manifest-c36d6280d684a5cd07506f6e8f8403e2.json
+++ b/_site/assets/.sprockets-manifest-c36d6280d684a5cd07506f6e8f8403e2.json
--- a/_site/assets/app-0d6f6386b15d073a66b157136a61f854b3965006024335571c07dd831e9c476a.js
+++ b/_site/assets/app-0d6f6386b15d073a66b157136a61f854b3965006024335571c07dd831e9c476a.js
--- a/_site/assets/app-0ecaf38355c5df8f9cdd6c2fd58bf29c59a74b1120b6fe310589c3b25adcce66.js
+++ b/_site/assets/app-0ecaf38355c5df8f9cdd6c2fd58bf29c59a74b1120b6fe310589c3b25adcce66.js
@ -36,6 +36,17 @@


 $.fn.overhang=function(e){function o(e,o){r.fadeOut(100),a.slideUp(c.speed,function(){e&&c.callback(null!==o?n.data(o):"")})}var n=$(this),a=$("<div class='overhang'></div>"),r=$("<div class='overhang-overlay'></div>");$(".overhang").remove(),$(".overhang-overlay").remove();var t={success:["#2ECC71","#27AE60"],error:["#E74C3C","#C0392B"],warn:["#E67E22","#D35400"],info:["#3498DB","#2980B9"],prompt:["#9B59B6","#8E44AD"],confirm:["#1ABC9C","#16A085"],"default":["#95A5A6","#7F8C8D"]},s={type:"success",custom:!1,message:"This is an overhang.js message!",textColor:"#FFFFFF",yesMessage:"Yes",noMessage:"No",yesColor:"#2ECC71",noColor:"#E74C3C",duration:1.5,speed:500,closeConfirm:!1,upper:!1,easing:"easeOutBounce",html:!1,overlay:!1,callback:function(){}},c=$.extend(s,e);c.type=c.type.toLowerCase();var l=["success","error","warn","info","prompt","confirm"];-1===$.inArray(c.type,l)&&(c.type="default",console.log("You have entered invalid type name for an overhang message. Overhang resorted to the default theme.")),c.custom?(c.primary=e.primary||t["default"][0],c.accent=e.accent||t["default"][1]):(c.primary=t[c.type][0]||t["default"][0],c.accent=t[c.type][1]||t["default"][1]),("prompt"===c.type||"confirm"===c.type)&&(c.primary=e.primary||t[c.type][0],c.accent=e.accent||t[c.type][1],c.closeConfirm=!0),a.css("background-color",c.primary),a.css("border-bottom","6px solid "+c.accent);var p=$("<span class='overhang-message'></span>");p.css("color",c.textColor),c.html?p.html(c.message):p.text(c.upper?c.message.toUpperCase():c.message),a.append(p);var i=$("<input class='overhang-prompt-field' />"),u=$("<button class='overhang-yes-option'>"+c.yesMessage+"</button>"),d=$("<button class='overhang-no-option'>"+c.noMessage+"</button>");if(u.css("background-color",c.yesColor),d.css("background-color",c.noColor),c.closeConfirm){var m=$("<span class='overhang-close'></span>");m.css("color",c.accent),"confirm"!==c.type&&a.append(m)}if("prompt"===c.type?(a.append(i),n.data("overhangPrompt",null),i.keydown(function(e){13==e.keyCode&&(n.data("overhangPrompt",i.val()),o(!0,"overhangPrompt"))})):"confirm"===c.type&&(a.append(u),a.append(d),a.append(m),n.data("overhangConfirm",null),u.click(function(){n.data("overhangConfirm",!0),o(!0,"overhangConfirm")}),d.click(function(){n.data("overhangConfirm",!1),o(!0,"overhangConfirm")})),n.append(a),a.slideDown(c.speed,c.easing),c.overlay&&(c.overlayColor&&r.css("background-color",c.overlayColor),n.append(r)),c.closeConfirm&&!e.duration)m.click(function(){"prompt"!==c.type&&"confirm"!==c.type?o(!0,null):o(!1,null)});else if(c.closeConfirm&&e.duration){var f=setTimeout(function(){a.slideUp(c.speed,function(){o(!0,null)})},1e3*c.duration);m.click(function(){clearTimeout(f),"prompt"!==c.type&&"confirm"!==c.type?o(!0,null):o(!1,null)})}else a.delay(1e3*c.duration).slideUp(c.speed,function(){o(!0,null)})};
+/* Set the width of the side navigation to 250px */
+
+function openNav() {
+    document.getElementById("mySidenav").style.width = "250px";
+}
+
+/* Set the width of the side navigation to 0 */
+function closeNav() {
+    document.getElementById("mySidenav").style.width = "0";
+}
+
 $(document).ready(function () {
    var sjs = SimpleJekyllSearch({
        searchInput: document.getElementById('search-input'),
--- a/_site/assets/app-f917f871f8781f5eb46abfdff51cedb2cf5ee8e4bf7adfea8a7d7285c7f0721c.js
+++ b/_site/assets/app-f917f871f8781f5eb46abfdff51cedb2cf5ee8e4bf7adfea8a7d7285c7f0721c.js
--- a/_site/chisiamo/index.html
+++ b/_site/chisiamo/index.html
--- a/_site/consulenza/index.html
+++ b/_site/consulenza/index.html
--- a/_site/contattaci/index.html
+++ b/_site/contattaci/index.html
--- a/_site/css/main.css
+++ b/_site/css/main.css
--- a/_site/feed.xml
+++ b/_site/feed.xml
@ -1 +1 @@
-<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" xml:lang="it"><generator uri="https://jekyllrb.com/" version="3.8.7">Jekyll</generator><link href="https://www.unitoo.it/feed.xml" rel="self" type="application/atom+xml"/><link href="https://www.unitoo.it/" rel="alternate" type="text/html" hreflang="it"/><updated>2021-02-02T15:06:29+01:00</updated><id>https://www.unitoo.it/feed.xml</id><title type="html">Unitoo</title><subtitle>Azienda dedicata allo sviluppo software, alla consulenza informatica e alla formazione</subtitle></feed>
+<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" xml:lang="it"><generator uri="https://jekyllrb.com/" version="3.8.7">Jekyll</generator><link href="https://www.unitoo.it/feed.xml" rel="self" type="application/atom+xml"/><link href="https://www.unitoo.it/" rel="alternate" type="text/html" hreflang="it"/><updated>2021-02-02T21:17:25+01:00</updated><id>https://www.unitoo.it/feed.xml</id><title type="html">Unitoo</title><subtitle>Azienda dedicata allo sviluppo software, alla consulenza informatica e alla formazione</subtitle></feed>
--- a/_site/index.html
+++ b/_site/index.html
--- a/_site/partners/funkwhale/index.html
+++ b/_site/partners/funkwhale/index.html
--- a/_site/partners/peertube/index.html
+++ b/_site/partners/peertube/index.html
--- a/_site/progetti/index.html
+++ b/_site/progetti/index.html
--- a/_site/progetti/libreboot/index.html
+++ b/_site/progetti/libreboot/index.html
--- a/_site/progetti/peertube/index.html
+++ b/_site/progetti/peertube/index.html
--- a/_site/progetti/radio/index.html
+++ b/_site/progetti/radio/index.html
--- a/_site/progetti/software/index.html
+++ b/_site/progetti/software/index.html
--- a/_site/servizi_e_prodotti/index.html
+++ b/_site/servizi_e_prodotti/index.html
--- a/_site/tag/aboutus.html
+++ b/_site/tag/aboutus.html
--- a/_site/tag/azuracast.html
+++ b/_site/tag/azuracast.html
--- a/_site/tag/bios.html
+++ b/_site/tag/bios.html
--- a/_site/tag/calendar.html
+++ b/_site/tag/calendar.html
--- a/_site/tag/chisiamo.html
+++ b/_site/tag/chisiamo.html
--- a/_site/tag/cloud.html
+++ b/_site/tag/cloud.html
--- a/_site/tag/company.html
+++ b/_site/tag/company.html
--- a/_site/tag/consulenza.html
+++ b/_site/tag/consulenza.html
--- a/_site/tag/contacts.html
+++ b/_site/tag/contacts.html
--- a/_site/tag/contatti.html
+++ b/_site/tag/contatti.html
--- a/_site/tag/coreboot.html
+++ b/_site/tag/coreboot.html
--- a/_site/tag/creativecommons.html
+++ b/_site/tag/creativecommons.html
--- a/_site/tag/development.html
+++ b/_site/tag/development.html
--- a/_site/tag/dnsserver.html
+++ b/_site/tag/dnsserver.html
--- a/_site/tag/email.html
+++ b/_site/tag/email.html
--- a/_site/tag/filestorage.html
+++ b/_site/tag/filestorage.html
--- a/_site/tag/freebios.html
+++ b/_site/tag/freebios.html
--- a/_site/tag/freedom.html
+++ b/_site/tag/freedom.html
--- a/_site/tag/freesoftware.html
+++ b/_site/tag/freesoftware.html
--- a/_site/tag/funkwhale.html
+++ b/_site/tag/funkwhale.html
--- a/_site/tag/gnupg.html
+++ b/_site/tag/gnupg.html
--- a/_site/tag/hardware.html
+++ b/_site/tag/hardware.html
--- a/_site/tag/informatica.html
+++ b/_site/tag/informatica.html
--- a/_site/tag/interviste.html
+++ b/_site/tag/interviste.html
--- a/_site/tag/libreboot.html
+++ b/_site/tag/libreboot.html
--- a/_site/tag/licenses.html
+++ b/_site/tag/licenses.html
--- a/_site/tag/music.html
+++ b/_site/tag/music.html
--- a/_site/tag/nextcloud.html
+++ b/_site/tag/nextcloud.html
--- a/_site/tag/nodrm.html
+++ b/_site/tag/nodrm.html
--- a/_site/tag/partners.html
+++ b/_site/tag/partners.html
--- a/_site/tag/peertube.html
+++ b/_site/tag/peertube.html
--- a/_site/tag/pihole.html
+++ b/_site/tag/pihole.html
--- a/_site/tag/podcast.html
+++ b/_site/tag/podcast.html
--- a/_site/tag/prodotti.html
+++ b/_site/tag/prodotti.html
--- a/_site/tag/products.html
+++ b/_site/tag/products.html
--- a/_site/tag/progetti.html
+++ b/_site/tag/progetti.html
--- a/_site/tag/projects.html
+++ b/_site/tag/projects.html
--- a/_site/tag/radio.html
+++ b/_site/tag/radio.html
--- a/_site/tag/rights.html
+++ b/_site/tag/rights.html
--- a/_site/tag/services.html
+++ b/_site/tag/services.html
--- a/_site/tag/servizi.html
+++ b/_site/tag/servizi.html
--- a/_site/tag/sicurezza.html
+++ b/_site/tag/sicurezza.html
--- a/_site/tag/software.html
+++ b/_site/tag/software.html
--- a/_site/tag/team.html
+++ b/_site/tag/team.html
--- a/_site/tag/technicaladvice.html
+++ b/_site/tag/technicaladvice.html
--- a/_site/tag/unitoo.html
+++ b/_site/tag/unitoo.html
--- a/_site/tag/video.html
+++ b/_site/tag/video.html
--- a/_site/tecnologie_software/index.html
+++ b/_site/tecnologie_software/index.html
--- a/css/main.scss
+++ b/css/main.scss
@ -62,6 +62,7 @@ $shadow: -0.1rem 0.2rem 0 rgba(0, 0, 0, 0.05);
@import
        "base",
        "layout",
+        "sidebar",
        "syntax-highlighting",
        "font"
 ;