About page

_sass/_base.scss

@@ -162,9 +162,8 @@ h5, .h5 {
 }
 
 .btn-lg {
-  width: 100%;
-  height: 80px;
-  margin-bottom: 10px;
+  padding: calc(1rem + 1vw) calc(1.3rem + 1vw);
+  border-radius: 4vw;
 }
 
 .btn-sm {
@@ -599,12 +598,20 @@ border-radius: 0px;
   }
 }
 
-.aside {
-  transform: rotate(-90deg);
-  position: absolute;
-  left: 8vw;
-  top: 19vh;
-  transform-origin: bottom left;
+.independence-title {
+  position: relative;
+  &:before {
+    content: 'Independencia política';
+    font-size: 28px;
+    font-weight: 600;
+    transform: rotate(-90deg);
+    position: absolute;
+    font-family: 'Poppins', sans-serif;
+    color: $gray-one;
+    transform-origin: top left;
+    left: -40px;
+    top: 338px;
+  }
 }
 
 #about .row {

about.html

@@ -13,7 +13,7 @@ <h1>Sobre FCI</h1>
           <h5>Nuestra lealtad política está puesta en los ciudadanos y ciudadanas, y en el cuidado y profundización de la democracia como sistema de gobierno. </h5>
         </div>
         <div class="col-md-4 text-center">
-          <a class="btn btn-secondary" data-toggle="modal" data-target="#aboutvideo"><i class="fas fa-play"></i></a>
+          <a class="btn btn-primary btn-lg" data-toggle="modal" data-target="#aboutvideo"><i class="fas fa-play white"></i></a>
         </div>
         <!-- Modal -->
         <div class="modal fade" id="aboutvideo" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
@@ -28,11 +28,20 @@ <h5>Nuestra lealtad política está puesta en los ciudadanos y ciudadanas, y en
   </div>
   <div class="container">
     <div class="row">
-      <div class="col-md-5 mt-75">
-        <h3>Independencia política</h3>
+      <div class="col-md-5 mt-75 independence-title">
+        <h4 class="d-block d-md-none">Independencia política</h4>
         <p>Los miembros de Ciudadano Inteligente no somos apolíticos, sino todo la contrario: concebimos la buena política como una herramienta fundamental de transformación social, y cómo tal, nos proponemos generar los adecuados incentivos para que la política funcione bien, buscando que quienes ostentan cargos de representación popular se deban a sus ciudadanos y ciudadanas, y no a otros intereses particulares.</p>
         <p>Al interior de Ciudadano Inteligente hay miembros de diversas tendencias políticas, sin embargo, como organización no adscribimos a ningún partido político ni movimiento. Para asegurar nuestra total independencia Ciudadano Inteligente no recibe financiamiento del Gobierno, ni de Partidos, ni de ninguna organización gremial que tenga intereses políticos. Asimismo, por vía de un proceso riguroso, nos aseguramos de que todas nuestras investigaciones e informes se sustenten en metodologías sólidas y transparentes, abiertas al escrutinio de quien nos quiera fiscalizar. La lealtad política de Ciudadano Inteligente está puesta en los ciudadanos y ciudadanas, y en el cuidado y profundización de la democracia como sistema de gobierno.</p>
       </div>
+      <div class="col-md-3 offset-md-4 mt-75 text-right">
+        <ul class="list-unstyled">
+          <li><a href="{{ baseurl }}/funding">¿Cómo nos financiamos?</a></li>
+          <li><a href="https://ciudadanointeligente.org/assets/attachments/estatutos-FCI.pdf" target="_blank">Nuestros estatutos</a></li>
+          <li><a href="#">Desclasificación de la Fundación Ciudadano Inteligente</a></li>
+          <li><a href="https://docs.google.com/spreadsheets/d/1BRxiP9rUE_Iu_dbrvu7NHWwMSFo53wO7Z6g7meHBH4s/edit#gid=0" target="_blank">Nuestra agenda de gestión de intereses particulares</a></li>
+          <li><a href="#">Memorias</a></li>
+        </ul>
+      </div>
     </div>
   </div>
 </section>