From 01bc12640dd0669f86dad9d4a667857c39db5b35 Mon Sep 17 00:00:00 2001
From: Carmine De Rosa <carmine@s2kagency.it>
Date: Sat, 10 Feb 2018 18:45:43 +0100
Subject: [PATCH] add links page

---
 contents/links.php                            |  21 ++++++++++++
 css/styles.css                                |  31 ++++++++++++++++--
 .../global.scssc                              | Bin 21613 -> 26854 bytes
 scss/global.scss                              |  30 +++++++++++++++++
 4 files changed, 80 insertions(+), 2 deletions(-)
 create mode 100644 contents/links.php

diff --git a/contents/links.php b/contents/links.php
new file mode 100644
index 0000000..cb33b07
--- /dev/null
+++ b/contents/links.php
@@ -0,0 +1,21 @@
+
+<div class="row pb-4">
+    <div class="col-12">
+        <div class="section-title">Links utili</div>
+    </div>
+
+    <div class="col-12 items-list py-4">
+        <?php
+            $q=mysqli_query($conn,"SELECT * FROM links WHERE section='".$getQ[2]."'");
+            while($r=mysqli_fetch_array($q)){
+        ?>
+                <div class="item">
+                    <i class="fa fa-angle-right"></i> <strong><?= $r['title']; ?></strong>
+                    <p class="m-2 ml-4"><?= $r['text']; ?></p>
+                </div>
+
+        <?php
+            }
+        ?>
+    </div>
+</div>
diff --git a/css/styles.css b/css/styles.css
index b04d2ce..4f0c30f 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -14377,7 +14377,34 @@ a:hover {
   line-height: 35px;
 }
 
-/* line 94, global.scss */
+/* line 96, global.scss */
+.items-list .item {
+  padding: 10px;
+  transition: .4s;
+  font-size: 0.875rem;
+  border-bottom: 1px solid #d1efb5;
+}
+/* line 102, global.scss */
+.items-list .item .fa-angle-right {
+  padding: 0 5px;
+  transition: .4s;
+}
+/* line 108, global.scss */
+.items-list .item a:after {
+  content: '\f0c1';
+  font-family: 'FontAwesome';
+  padding: 0 5px;
+}
+/* line 115, global.scss */
+.items-list .item:hover {
+  background: #d1efb5;
+}
+/* line 117, global.scss */
+.items-list .item:hover .fa-angle-right {
+  margin-left: 5px;
+}
+
+/* line 124, global.scss */
 #MainContent {
   position: absolute;
   top: 40px;
@@ -14386,7 +14413,7 @@ a:hover {
   overflow: hidden;
 }
 
-/* line 102, global.scss */
+/* line 132, global.scss */
 #map {
   width: 100%;
   border-radius: 3px;
diff --git a/scss/.sass-cache/bdcb2ec4843708bc0e130897363854e74056ec3e/global.scssc b/scss/.sass-cache/bdcb2ec4843708bc0e130897363854e74056ec3e/global.scssc
index fdefe81eeedd18c92d9ed61cdc3d97611331ad0b..506556a0fe1c10e72ad99ce889d930ff2af4c6f4 100644
GIT binary patch
delta 4145
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
R3E4uc`IDrz8`?7-;Xh_k<(vQj

delta 1052
zcmZvaJ!}$T7{_z3Leqmt=^ft`6l`p&&B5{Qsd+ol8X&fDAds{LJPsj6E-6OhLZXw#
z#pc;;n%K=jhlWHaHOAf8rK2$pZZ0lHC*Ql$djny(-23r+{{QFW{dvUvdc{0<F2rlm
zOj1n5(}`##9jiqYQI6e7r8B9Rk`a|gCaq-TR6Hr}-nhg#4jX@%xhukh+K$lc^@QgA
zx+-@Cb*J9yC_-26c7?$fT3d!_vBbzw%Zc#5$S%ne7m;RLvi_0fc~$aEOI}s-P3cGe
zmRXuR-ND~tDO{J_BTQZLw|Ilmc7BL@1KCL&JIYA`?3IGpCq+&aF>;$mh*>zYxY(fs
zMjl{pa`4ULg{6`!sEj3|5Nn$eu7GVmG?Af6D6l^7M2jY{XI-%GJ;x3uFuJTenad({
zvLS|t-7JQKGH1O;^J~DTvJd*%sWTW|*YSVl3{+M^@R$$6OY;BBbIdI`UJ;lz{r-3>
z4YyZ$3++}DB9##At%l%Ho|~ys@g}K7FFviUNB~APlhH0Rr$xM=&u2IbjHYR@tOwiO
z4!E$9glaAZ&o)@t&xLGsmfM73;V|rlt6U5MdERC>TGu9b4p`2M7TT&d^f#T>C)A`3
z2b(@tLrEY;Pf3M7c$XBxR^V+OL+c&^^!EVk1wKmk^mC&iWBxCwfkwFW`D-hph|%6@
z8-ty(*>?y++uG6EI+39XbfBMi&b+36n#9R_8;W7{M)&(#NrcrgKb63oQKYtWX^%cQ
viKCt>e91bkAE>9Qy&-lehS5iOTL@Sm()(@rUcHEZn+E1u*fjWY_bl@t$7T!!

diff --git a/scss/global.scss b/scss/global.scss
index 7a5ab17..784e79e 100644
--- a/scss/global.scss
+++ b/scss/global.scss
@@ -91,6 +91,36 @@ a{
     line-height: 35px;
 }
 
+
+.items-list{
+  .item{
+    padding: 10px;
+    transition: .4s;
+    font-size: $font-14;
+    border-bottom: 1px solid $light-grey;
+
+    .fa-angle-right{
+      padding: 0 5px;
+      transition: .4s;
+    }
+
+    a{
+      &:after{
+        content: '\f0c1';
+        font-family: 'FontAwesome';
+        padding: 0 5px;
+      }
+    }
+
+    &:hover{
+      background: $light-grey;
+      .fa-angle-right{
+        margin-left: 5px;
+      }
+    }
+  }
+}
+
 #MainContent{
     position: absolute;
     top: 40px;