antani

index.html

@@ -34,16 +34,17 @@
 				<div class="col-md-auto text-center ">
 					<div class="display-tc js-fullheight">
 						<div class="display-tc js-fullheight animate-box" data-animate-effect="fadeIn">
-							<img src="static/images/logo.svg" style="width: 55%; height: auto;"></br>
-														<h2>                                      </br>
+							<img src="static/images/logo.svg" style="width: 55%; height: auto;"></br><br/><br/>
+
+														<!-- <h2>                                      </br>
 															<blockquote>lo puoi utilizzare come vuoi, tipo "fai cisti che ti fai male" oppure "fai cisti al palo mentre fai retro" anche se in realtà il termine viene utilizzato piu che altro in contesti "drogheggianti"...tipo "fate cisti se arriva qualcuno..." infatti la frase per intero è "CISTI MADAMA (la polizia, i carabinieri....) CI HA VISTI!" </blockquote>
 
 															<p>Sono uno spazio digitale liberato. Mi potete trovare a Torino e dintorni. Non mi interessa sapere chi sei o dove vai. </p>
-                            </h2>
+                            </h2> -->
 							<p>
                                 <a class="btn btn-primary btn-lg btn-learn" href="#cisti-features"></i> Esplora</a> 
-                                <a href="info.html" class="btn btn-primary btn-lg btn-learn"> Informati </a> 
-                                <a href="contatti.html" class="btn btn-primary btn-lg btn-learn"> Contatti </a>
+                                <!-- <a href="info.html" class="btn btn-primary btn-lg btn-learn"> Informati </a> 
+                                <a href="contatti.html" class="btn btn-primary btn-lg btn-learn"> Contatti </a> -->
                             </p>
 						</div>
 					</div>
@@ -59,11 +60,12 @@
 					<div class="col-md-4 animate-box">
 						<div class="feature-left">
 							<span class="icon">
+								<img class='logo' src='../static/images/gancio_logo.png' style='width: 40px'/>
 							</span>
 							<div class="feature-copy">
 								<h3>Gancio</h3>
-								<p>!</p>
-                                <p><a class="btn btn-primary btn-lg btn-learn" href="https://gancio.cisti.org">Vai su Gancio </a></p>
+								<p>Un gestore di eventi per comunità radicali.</p>
+                                <p><a class="btn btn-primary btn-lg btn-learn" target='_blank' href="https://gancio.cisti.org">Vai su Gancio </a></p>
 							</div>
 						</div>
 
@@ -72,7 +74,6 @@
 						<div class="feature-left">
 							<span class="icon">
 									<i class='fab fa-mastodon'></i>
-									<span aria-hidden="true" data-icon="&#xe001;" class="icon-mic"></span>
 							</span>
 							<div class="feature-copy">
 								<h3>Mastodon</h3>
@@ -84,6 +85,7 @@
                     <div class="col-md-4 animate-box">
 						<div class="feature-left">
 							<span class="icon">
+								<img class='logo' src="../static/images/pad.png" alt="">
 							</span>
 							<div class="feature-copy">
 								<h3>Pad</h3>

static/css/style.css

@@ -353,8 +353,15 @@ h1,h2,h3,h4,h5,h6,figure{
 }
 #cisti-features .feature-left .feature-copy{
     float:right;
-    width:78%
+    width:78%;
+    padding: 15px;
 }
+
+.logo {
+    width: 40px;
+    margin-top: 10px;
+}
+
 @media screen and (max-width: 768px){
     #cisti-features .feature-left .feature-copy{
         width:84%