Merge pull request #408 from sinfo/fix/landingPage

Visual fixes and updates

Author: andreromao

src/app/landing-page/landing-page.component.html

@@ -339,7 +339,6 @@ <h6 class="lead">Are you new to the job market? Or maybe looking for a new chall
 
       <app-team *ngIf="eventId" [eventId]="eventId"></app-team>
 
-
       <section #newsletter class="section bg-cover overlay newsletterbg light-text align-center">
         <div class="container">
           <h2>
@@ -405,7 +404,7 @@ <h6>About</h6>
                     city of Portugal, Lisbon. We had a record breaking attendance of participants last year, achievement
                     we
                     hope
-                    to repeat next year, from <b>the 15th to the 19th of April 2024</b>.
+                    to repeat this year, from <b>the 15th to the 19th of April 2024</b>.
                   </p>
                 </div>
               </div>
@@ -444,7 +443,7 @@ <h6>Vision</h6>
                     Science
                     and
                     IT play fundamental
-                    roles. For the last 29 editions SINFO has been the bridge between that world and the student
+                    roles. For the last 30 editions SINFO has been the bridge between that world and the student
                     community.
                     Every
                     single one of them sums up several months of dedication and hard work laid out by its members, who
@@ -531,11 +530,10 @@ <h2 class="text-center">Frequently Asked Questions</h2>
                 <mat-panel-title>
                   <mat-icon class="faq-chev">{{panel2.expanded ? 'keyboard_arrow_up' :
                     'keyboard_arrow_down'}}</mat-icon>
-                  <span class="faq-title">How can I attend SINFO 31?</span>
+                  <span class="faq-title">Where is SINFO 31 taking place?</span>
                 </mat-panel-title>
               </mat-expansion-panel-header>
-              <p>We're back to our venue! From the 15th to the 19th of April, 2024, pay a visit to the
-                Alameda Campus of Instituto Superior Técnico, in Lisbon, and you'll surely spot our venue!
+              <p>Our venue changed place this year. Visit us at Técnico Innovation Center, in Lisbon, from the 15th to the 19th of April, 2024!
               </p>
             </mat-expansion-panel>
 

src/app/landing-page/partners/partners.component.css

@@ -81,12 +81,6 @@ div.sponsors.silver div.sponsor {
     }
 }
 
-h1,
-h2 {
-    margin: 0px;
-}
-
-
 .wrapper {
     margin: 10dvh
  5dvh
@@ -115,26 +109,6 @@ div.sponsors {
     margin-bottom: 5%;
 }
 
-@media (max-width: 767px) {
-
-    .chev-open,
-    .chev-close {
-        font-size: 9vw;
-    }
-
-
-}
-
-@media (max-width: 480px) {
-
-    .chev-open,
-    .chev-close {
-        font-size: 9vw;
-    }
-
-
-}
-
 h1,
 h2 {
     margin: 0px;
@@ -227,13 +201,12 @@ h2 {
     align-items: center;
 }
 
-@media (max-width: 925px) {
-
+@media (max-width: 767px){
     .chev-open,
     .chev-close {
-        font-size: 9vw;
+      font-size: 31.5px;
     }
-}
+  }
 
 *:not(mat-icon) {
     font-family: 'Montserrat' !important;

src/app/landing-page/sponsors/sponsors.component.css

@@ -27,26 +27,6 @@ div.sponsors {
   margin-bottom: 5%;
 }
 
-@media (max-width: 767px) {
-
-  .chev-open,
-  .chev-close {
-    font-size: 9vw;
-  }
-
-
-}
-
-@media (max-width: 480px) {
-
-  .chev-open,
-  .chev-close {
-    font-size: 9vw;
-  }
-
-
-}
-
 h1,
 h2 {
   margin: 0px;
@@ -69,11 +49,6 @@ h2 {
   transform: rotate(180deg);
 }
 
-.h3 {
-  display: flex;
-  justify-content: center;
-}
-
 .chev-close {
   line-height: 1.2;
   position: absolute;
@@ -84,6 +59,12 @@ h2 {
   transform: rotate(0);
 }
 
+.h3,
+.h4 {
+  display: flex;
+  justify-content: center;
+}
+
 .speaker-card {
   color: white;
   background-size: contain;
@@ -139,11 +120,10 @@ h2 {
   align-items: center;
 }
 
-@media (max-width: 925px) {
-
+@media (max-width: 767px){
   .chev-open,
   .chev-close {
-    font-size: 9vw;
+    font-size: 30px;
   }
 }
 

src/app/landing-page/sponsors/sponsors.component.html

@@ -21,7 +21,8 @@ <h5>Platinum Sponsors</h5>
       </div>
       <br />
 
-      <h4 (click)="show()">See more<mat-icon [class.chev-open]="showAll" [class.chev-close]="!showAll" class="cursor-pointer">
+      <h4 (click)="show()">See more
+        <mat-icon [class.chev-open]="showAll" [class.chev-close]="!showAll" class="cursor-pointer">
           expand_more
         </mat-icon>
       </h4>

src/app/partials/footer/footer.component.html

@@ -51,7 +51,7 @@
       <div class="col-md-3">
         <ul class="list">
           <li class="">
-            <i class="fa fa-map-marker"></i><a href="https://goo.gl/maps/9NQdxy8svXL2" target="_blank">IST, Lisbon</a>
+            <i class="fa fa-map-marker"></i><a href="https://maps.app.goo.gl/aWyFo6cyreD8k8nLA" target="_blank">Técnico Innovation Center, Lisbon</a>
           </li>
           <li class="">
             <i class="fa fa-envelope"></i>

src/app/session/session.component.css

@@ -19,7 +19,8 @@ p {
 }
 
 .speaker-img {
-  border-radius: 50%;
+  border-radius: 15px;
+  max-height: 300px;
 }
 
 .session-details h5 {

src/app/speakers/speakers.component.css

@@ -8,32 +8,6 @@
   object-fit: cover;
 }
 
-
-.chev-open {
-  position: absolute;
-  line-height: 1.2;
-  font-size: 50px;
-  width: auto;
-  height: auto;
-  transition: 0.3s transform ease-in-out;
-  transform: rotate(180deg);
-}
-
-.h3 {
-  display: flex;
-  justify-content: center;
-}
-
-.chev-close {
-  line-height: 1.2;
-  position: absolute;
-  font-size: 50px;
-  width: auto;
-  height: auto;
-  transition: 0.3s transform ease-in-out;
-  transform: rotate(0);
-}
-
 .collapse:not(.show) {
   transition: all 0.3s ease-out;
   display: block !important;
@@ -57,15 +31,7 @@
   /*any number which is lager than a height of any of your elements*/
 }
 
-
 @media (max-width: 925px) {
-
-
-  .chev-open,
-  .chev-close {
-    font-size: 9vw;
-  }
-
   .speaker img {
     width: 10dvh
 ;
@@ -118,15 +84,11 @@
   transform: rotate(0);
 }
 
-@media (max-width: 925px) {
-
-
+@media (max-width: 767px){
   .chev-open,
   .chev-close {
-    font-size: 9vw;
+    font-size: 31.5px;
   }
-
-
 }
 
 @media screen and (min-width: 768px) and (max-width: 992px) {
@@ -135,11 +97,6 @@
     position: absolute;
   }
 
-  .chev-open,
-  .chev-close {
-    font-size: 9vw;
-  }
-
   .member {
     height: 120px;
   }
@@ -151,14 +108,8 @@
     position: absolute;
   }
 
-  .chev-open,
-  .chev-close {
-    font-size: 9vw;
-  }
-
   .member {
     height: 160px;
-
   }
 }
 
@@ -171,8 +122,6 @@
   .member {
     height: 190px;
   }
-
-
 }
 
 .name {

src/app/team/team.component.css

@@ -40,28 +40,12 @@
   transform: rotate(0);
 }
 
-@media (max-width: 925px) {
-
-
-  .chev-open,
-  .chev-close {
-    font-size: 9vw;
-  }
-
-
-}
-
 @media screen and (min-width: 768px) and (max-width: 992px) {
   .speaker-socials {
     top: 20% !important;
     position: absolute;
   }
 
-  .chev-open,
-  .chev-close {
-    font-size: 9vw;
-  }
-
   .member {
     height: 120px;
   }
@@ -73,11 +57,6 @@
     position: absolute;
   }
 
-  .chev-open,
-  .chev-close {
-    font-size: 9vw;
-  }
-
   .member {
     height: 160px;
 
@@ -93,8 +72,6 @@
   .member {
     height: 190px;
   }
-
-
 }
 
 .name {
@@ -170,6 +147,13 @@ img .speaker-socials {
   }
 }
 
+@media (max-width: 767px){
+  .chev-open,
+  .chev-close {
+    font-size: 31.5px;
+  }
+}
+
 *:not(mat-icon, .icon) {
   font-family: 'Montserrat' !important;
 }