Merge pull request #33 from BangladeshOpenInnovationLab/main

update

_includes/css/sotm.css

@@ -307,122 +307,81 @@ margin-bottom: 0.33em;
 /* Logo positioning
 ------------------------------------------------------- */
 
-.intro-body .limiter {
-  max-width: 80%;
+.intro {
+  display: table;
   width: 100%;
-  height: 80%;
-  margin-top: 100px;
-  z-index: 1;
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
-.intro-body .limiter .left {
-  height: 100%;
+  height: auto;
+  padding: 100px 0;
+  text-align: center;
+  color: #fff;
+  position: relative;
+  background-image: url(./img/2.jpg);
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  background-size: cover;
+  -o-background-size: cover;
+  background-repeat: no-repeat;
+  background-attachment: fixed;
+  background-position-y: center;
+  background-position-x: right;
 }
-
-.intro-body .limiter .left .col12 {
- text-align: center;
- padding: 0px;
- width: 20%;
- min-width: 100px;
- height: 100%;
- margin-left: 14%;
- margin-right: auto;
+@supports (background-image: url(./img/2.jpg)) {
+.intro {
+  background-image: url(./img/2.jpg);
 }
-
-.col12 .col4.margin4.margin4r {
-  position: relative;
-  margin-left: 0px;
-  margin-right: auto;
-  width: 100%;
-  clear: both;
 }
 
-.aizu-logo {
-  position:relative;
-  padding-top: 100%;
-  overflow: hidden;
+.intro .intro-body {
+  display: table-cell;
+  vertical-align: middle;
 }
 
-
-
-.badge {
+.intro .intro-body .logo {
+  font-size: 40px;
+  text-align: center;
   display: inline-block;
-  background-color: #a80505;
-  border-radius: 50%;
-  color: #fff;
-  padding: 0.5em 0.75em;
-  position: relative;
+  width: auto;
+  margin-top: 50px;
+  background-color: rgba(255, 255, 255, 0.4);
+  padding: 40px;
+  border-radius: 0;
 }
 
-.pulsate::before {
-  content: "";
+.intro .intro-body .logo > img {
+  width: 200px;
   display: block;
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  -webkit-animation: pulse 1s ease infinite;
-          animation: pulse 1s ease infinite;
-  border-radius: 50%;
-  border: 4px double white;
 }
 
-@-webkit-keyframes pulse {
-  0% {
-    transform: scale(1);
-    opacity: 1;
-  }
-  60% {
-    transform: scale(1.3);
-    opacity: 0.4;
-  }
-  100% {
-    transform: scale(1.4);
-    opacity: 0;
-  }
+.intro .intro-body .attending {
+  text-align: center;
+  display: inline-block;
+  width: 75%;
+  border-radius: 8px;
+  margin-top: 80px;
+  margin-bottom: 40px;
+  padding: 1.5em 2em;
+  color: black;
+  background-color: {{ site.color.primary-light }};
 }
-
-@keyframes pulse {
-  0% {
-    transform: scale(1);
-    opacity: 1;
-  }
-  60% {
-    transform: scale(1.3);
-    opacity: 0.4;
-  }
-  100% {
-    transform: scale(1.4);
-    opacity: 0;
-  }
+.intro .intro-body .attending img {
+  width: 12em;
+  height: auto;
+  margin-right: 1em;
+  margin-left: 1em;
+  margin-bottom: 0.7em;
+  margin-top: 0.7em;
 }
-
-
-.col12 .col4.margin4.margin4r img {
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  width: 100%;
-  height: 100%;
+.intro .intro-body .attending p {
+text-align: left;
 }
-
-.col12 a {
-  margin-left: auto;
-  margin-right: auto;
-  clear: both;
+.intro .intro-body ul {
+  margin-left: 1em;
+  list-style-type: disc;
+  text-align: left;
+}
+.intro .intro-body ul li {
+margin-bottom: 0.33em;
 }
-
-
-
-
-
-
-
-
 
 .credits {
   color: white;
@@ -494,7 +453,7 @@ header.intro .credits {
   padding: 14px 13px;
   border-radius: 35px;
   font-size: 40px;
-  color: {{ site.color.links }};
+  color: {{ site.color.text-light }};
   background-color: {{ site.color.primary-dark }};
   -webkit-transition: background .3s ease-in-out, text .3s ease-in-out;
   -moz-transition: background .3s ease-in-out, text .3s ease-in-out;

_includes/footer.html

@@ -28,7 +28,7 @@
             <a class="block" href="{{site.baseurl}}/coc/">Code of conduct</a>
           </nav>
           <nav class="col3 pad2x">
-            <!--<a class="block" href="{{site.baseurl}}/posters/">Posters</a>-->
+            <a class="block" href="{{site.baseurl}}/posters/">Posters</a>
             <!--<a class="block" href="https://zenodo.org/record/7004791">Proceedings of the Academic&nbsp;Track</a>-->
             <!--<a class="block" href="{{site.baseurl}}/artwork/">Artwork</a>-->
 
@@ -38,7 +38,7 @@
           <nav class="col3 pad2x">-->
             <!-- <a class="block" href="#">Mastodon&nbsp;<svg class="icon"><use xlink:href="{{site.baseurl}}/img/icons/mastodon.svg#icon" href="{{site.baseurl}}/img/icons/mastodon.svg#icon"></use></svg></a> -->
             <a class="block" href="https://x.com/sotmasia">Twitter&nbsp;<span class="icon twitter"></span></a>
-            <!-- <a class="block" href="#">Youtube&nbsp;<span class="icon video"></span></a> -->
+            <a class="block" href="https://www.youtube.com/@SotMBD">Youtube&nbsp;<span class="icon video"></span></a>
             <a class="block" href="https://www.facebook.com/SotmAsia/">Facebook&nbsp;<span class="icon facebook"></span></a>
             <a class="block" href="https://t.me/+nUCQpqtFzy84ZmY1">Telegram<span class="icon compass"></span></a>
           </nav>

_includes/header.html

@@ -1,18 +1,27 @@
-    <!-- Intro Header -->
+<!-- Intro Header -->
     <header class="intro">
         <div class="intro-body">
             <div class="limiter">
-                <div class="left">
-                    <div class="col12">
-                        <div class="col4 margin4 margin4r">
-                            <div class="aizu-logo">
-                             <img style="height: 150px; width: auto;" src="img/logo/State-of-the-Map-Asia-Logo.svg"/>
-                            <a href="#about" style="padding-top: auto;" class="btn btn-circle page-scroll">
-                                <i class="icon big down animated"></i>
-                            </a>
-                        </div>
-                    </div>
-                </div>
+
+
+                <div class="attending">
+                  <img src="img/logo/State-of-the-Map-Asia-Logo.svg">
+                  <h1 class="space-bottom2">Thanks for Attending State of the Map Asia 2024!</h1>
+
+                  <p>
+                    <ul>
+                      <li>Conference Posters are published <a href="/posters/">on the website</a>.</li>
+                      <li>Session videos are published on <a href="https://www.youtube.com/playlist?list=PLolvAg8MWAlSR2vWyEQB6fsTUi5IPT43K">youtube channel</a>.</li>
+
+
+                      <li>Follow State of the Map Asia on social media (<a href="https://www.facebook.com/SotmAsia/">Facebook</a> or <a href="https://x.com/sotmasia">X</a>).</li>
+                      <li>Connect with others in our <a href="https://t.me/+nUCQpqtFzy84ZmY1">telegram group chat</a> and share your State of the Map Asia experience!</li>
+                    </ul>
+                  </p>
+                  <p>Thanks to our <a href="/#sponsors">sponsors</a> for supporting SotM Asia 2024!</p>
+
+              </div>
+
             </div>
         </div>
         <div class="credits">

posters.md

@@ -0,0 +1,6 @@
+---
+layout: page-with-toc
+color: purple
+title: Posters
+headings: ""
+---