Update homepage margins

Author: doganulus

layouts/index.html

@@ -4,14 +4,23 @@
 {{ partial site.Params.banner.partial . }}
 {{ end }}
 
+<div class="container mt-3">
+<div class="row">
+<div class="alert alert-warning alert-dismissible fade show" role="alert">
+We have updated our website. The previous website is still available at <a href="https://legacy.cmpe.bogazici.edu.tr"><strong>https://legacy.cmpe.bogazici.edu.tr</strong></a>
+<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+</div>  
+</div>
+</div>
+
 <div class="container">
-    <div class="row g-5">
-        <div class="col-xl-4 order-xl-5 my-5 text-center">
+    <div class="row">
+        <div class="col-xl-4 order-xl-5 my-4 text-center">
             {{ if site.Params.eventbar.enabled }}
                 {{ partial "bouncmpe/eventbar.html" . }}
             {{ end }}
         </div>
-        <div class="col-xl-8 my-5">
+        <div class="col-xl-8 my-4">
             {{ if site.Params.newsroom.enabled }}
                 {{ partial "bouncmpe/newsroom.html" . }}
             {{ end }}

layouts/partials/bouncmpe/eventbar-card.html

@@ -14,10 +14,10 @@
 <div class="card rounded-4 border-1 text-start px-0">
     <div class="card-header">
         <div class="row">
-            <div class="col-sm-8">
+            <div class="col-9">
                 <small>{{- i18n .Type | upper -}}</small>
             </div>
-            <div class="col-sm-4 text-end">
+            <div class="col-3 text-end">
                 <a href="http://www.google.com/calendar/event?action=TEMPLATE&text={{ i18n .Type | title }}: {{ .Params.speaker }}&dates={{ $google_start_time_string }}/{{ $google_finish_time_string }}&details={{$event_title}}&location={{$event_location}}&trp=false&sprop=&sprop=name:"
                 class="card-link text-end" target="_blank" rel="nofollow">
                     <img src="/icons/calendar-plus-fill.svg" alt="">

layouts/partials/bouncmpe/eventbar.html

@@ -2,12 +2,12 @@
 {{ if $events }}
 <section id="eventbar">
     <h1 class="display-6 my-4">{{ i18n "upcoming-events" | title }}</h1>
-    <div class="row row-cols-1 g-4 mb-4">
+    <div class="row row-cols-1 g-2 m-1">
         {{ range (first 6 $events) }}
             {{ partial "bouncmpe/eventbar-card.html" . }}
         {{end}}
     </div>
-    <div class="row">
+    <div class="row p-3">
         <div class="card rounded-4">
             <ul class="list-group list-group-flush">
               <li class="list-group-item">

layouts/partials/bouncmpe/newsroom.html

@@ -57,23 +57,23 @@ <h4 class="m-2">{{- title .Title -}}</h4>
                 {{ end }}
             </div>
         </section> -->
-        <section id="tier2" class="row row-cols-1 row-cols-md-2 g-4 mb-4">
+        <section id="tier2" class="row row-cols-1 row-cols-md-2 g-4 mb-4 text-center">
             {{ range $index, $element := first 6 $news }}
                 <div class=" col">
                     {{ partial "bouncmpe/newsroom-card.html" . }}
                 </div>
             {{ end }}
         </section>
 
-        <section id="tier3" class="row row-cols-1 row-cols-md-3 g-4 mb-4">
+        <section id="tier3" class="row row-cols-1 row-cols-md-3 g-4 mb-4 text-center">
             {{ range $index, $element := first 9 (after 6 $news) }}
                 <div class=" col">
                     {{ partial "bouncmpe/newsroom-card-alt.html" . }}
                 </div>
             {{ end }}
         </section>
 
-        <section class="row text-center">
+        <section class="row text-center px-2 d-none d-xl-block">
             <div class="card rounded-4">
                 <ul class="list-group list-group-flush">
                   <li class="list-group-item">