Muitas coisas novas (#89)

content/pages/home.md

@@ -5,6 +5,10 @@ template = "pages.html"
 draft = false
 +++
 
+{{ m00svgicons() }}
+
+{{ m00icone() }}
+
 {{ m00hardware() }}
 
 {{ m00software() }}

sass/_extra.scss

@@ -1,9 +1,50 @@
 /******************************************************************************
  *   Extra - Put your extra SASS/CSS here, it will get bundled with abridge.css
  *****************************************************************************/
-@import "lib/devicon";
-@import "lib/fontawesome";
+#print-button {
+  heigth: 50;
+  width: 50px;
+  position: fixed; /* Fixed/sticky position */
+  top: 0px; /* Place the button at the bottom of the page */
+  right: 0px; /* Place the button 30px from the right */
+  z-index: 99; /* Make sure it does not overlap */
+  border: none; /* Remove borders */
+  outline: none; /* Remove outline */
+  //background-color: red; /* Set a background color */
+  //color: white; /* Text color */
+  cursor: pointer; /* Add a mouse pointer on hover */
+  padding: 10px; /* Some padding */
+  border-radius: 5px; /* Rounded corners */
+  font-size: 18px; /* Increase font size */
+}
+#print-button:hover {
+  background-color: #f90; /* Add a dark-grey background on hover */
+}
+#print-button:focus {
+  background-color: #f90; /* Add a dark-grey background on hover */
+}
+#myBtn {
+  display: none; /* Hidden by default */
+  position: fixed; /* Fixed/sticky position */
+  bottom: 20px; /* Place the button at the bottom of the page */
+  right: 30px; /* Place the button 30px from the right */
+  z-index: 99; /* Make sure it does not overlap */
+  border: none; /* Remove borders */
+  outline: none; /* Remove outline */
+  //background-color: red; /* Set a background color */
+  //color: white; /* Text color */
+  cursor: pointer; /* Add a mouse pointer on hover */
+  padding: 15px; /* Some padding */
+  border-radius: 10px; /* Rounded corners */
+  font-size: 18px; /* Increase font size */
+}
 
+#myBtn:hover {
+  background-color: #f90; /* Add a dark-grey background on hover */
+}
+#myBtn:focus {
+  background-color: #f90; /* Add a dark-grey background on hover */
+}
 .icons {
   color: red;
 }

sass/abridge.scss

@@ -36,7 +36,7 @@
   $icon-github-sponsor: true,
   $icon-bitbucket: false,
   $icon-python: false,
-  $icon-docker: false,
+  $icon-docker: true,
   $icon-stack: false,
   $icon-instagram: false,
   $icon-pixelfed: false,
@@ -62,7 +62,7 @@
   $icon-folder: false,// categories folder
   $icon-ftag: false,
   $icon-tag: false,// tag
-  $icon-check: false,// check mark
+  $icon-check: true,// check mark
   $icon-chevron: true,// chevron down
   $icon-clock: false,// time analog clock
   $icon-date: false,// calendar