fixed bugs, visuals, and members

Author: fraolBatole

_data/alumni.yml

@@ -125,6 +125,12 @@
 
 # M.S. Graduates:
 
+- name: Astha Singh
+  status: MS Spring'24
+  email: asthas@iastate.edu
+  site: https://www.astha-singh.com/
+  img: astha.png
+
 - name: Jackson L Maddox
   status: MS Summer'18
   email: jlmaddox@iastate.edu

_includes/header.html

@@ -3,21 +3,24 @@
     <div class="container">
       <div class="brand-navbar">
         <div class="row">
-          <div class="flex-separate col-12">
+          <div class="flex-separate col-12 d-flex justify-content-between align-items-center">
             <a href="/" class="nav-link">
               <img src="/img/tulane-sse-logo.png" alt="Tulane School of Science and Engineering" id="header-logo"
                    style="height: 60px; margin: 10px 0; padding: 5px; border-radius: 4px;"/>
             </a>
-            <!-- Move the navigation links here -->
-            <div class="navbar-nav nav-horizontal">
+            <!-- Navbar toggle button for mobile -->
+            <button class="navbar-toggler d-block d-sm-none" type="button" data-toggle="collapse" data-target="#collapseNav" aria-controls="collapseNav" aria-expanded="false" aria-label="Toggle navigation">
+              &#9776;
+            </button>
+            <!-- Desktop navigation links -->
+            <div class="navbar-nav nav-horizontal d-none d-sm-flex">
               <a class="nav-item nav-link" href="/projects.html">Projects</a>
               <a class="nav-item nav-link" href="/papers/">Papers</a>
               <a class="nav-item nav-link" href="/grants/">Grants</a>
               <a class="nav-item nav-link" href="/news/">News</a>
               <a class="nav-item nav-link" href="/people.html">People</a>
               <a class="nav-item nav-link" href="/about/">About</a>
             </div>
-            <button class="navbar-toggler d-block d-sm-none" type="button" data-toggle="collapse" data-target="#collapseNav">&#9776;</button>
           </div>
         </div>
       </div>

_includes/home_page/carousel.html

@@ -14,7 +14,6 @@
     <li data-target="#home-page-carousel" data-slide-to="9"></li>
     <li data-target="#home-page-carousel" data-slide-to="10"></li>
     <li data-target="#home-page-carousel" data-slide-to="11"></li>
-    <li data-target="#home-page-carousel" data-slide-to="12"></li>
   </ol>
   <div class="carousel-inner" role="listbox">
     <div class="carousel-item active">

_includes/home_page/highlighted_papers.html

@@ -1,4 +1,6 @@
-<h3>Select Papers</h3>
+
+<h3>Selected Papers</h3>
+
 {% for highlighted_paper in include.highlighted_papers %}
   {% for paper in site.papers %}
     {% if paper.key == highlighted_paper %}

_papers/ICSE-25-a/index.md _papers/ICSE-25a/index.md_papers/ICSE-25-a/index.md renamed to _papers/ICSE-25a/index.md

@@ -6,7 +6,7 @@ body {
 }
 
 .news-card .card-title, .home-page-highlighted-paper-card .card-title {
-  color: #006747;
+  color: #21543E;
 }
 
 .card {
@@ -24,7 +24,7 @@ body {
 
 @media screen and (min-width:576px){//This messes with extra small sizes
   .container {
-    width: 1140px;//This is the maximum width a container can ever be
+    width: 100% !important;//This is the maximum width a container can ever be
   }
 }
 
@@ -34,7 +34,7 @@ body {
 }
 
 .nav-bg-color {
-  background-color: rgba(230,230,230,0.95);
+  background-color: #21543E
 }
 
 /* These styles will force the links to be inline */
@@ -119,6 +119,19 @@ body {
   }
 }
 
+.navbar-collapse {
+  background-color: #21543E; /* Match the header background color */
+  padding: 10px;
+  border-top: 2px solid rgba(255, 255, 255, 0.3); /* Subtle white line for visual separation */
+  width: 100%;
+  position: relative;
+}
+
+.container-fluid {
+  padding-left: 0;
+  padding-right: 0;
+}
+
 .navbar .navbar-nav .nav-link:hover,
 .navbar .navbar-nav .nav-link:focus {
   color: rgb(245, 184, 90);
@@ -146,22 +159,61 @@ nav .navbar {
   margin-right: 2.0rem;
 }
 
+.carousel-control {
+  font-size: 50pt;
+  color: black;
+}
+
 #home-page-carousel .carousel-indicators li {
-  background-color: #999;
-  background-color: rgba(70,70,70,.25);
+  background-color: rgba(70, 70, 70, 0.25);
+  width: 15px; /* Increase size */
+  height: 15px;
+  border-radius: 50%; /* Make it a perfect circle */
+  margin: 5px;
 }
 
 #home-page-carousel .carousel-indicators .active {
   background-color: #444;
+  transform: scale(1.3); /* Enlarge the active indicator slightly */
 }
 
-.carousel-control {
-  font-size: 50pt;
-  color: black;
+#home-page-carousel .carousel-indicators li:hover {
+  background-color: rgba(0, 0, 0, 0.684);
+}
+
+/* Default styles for larger screens (e.g., desktops) */
+#home-page-carousel {
+  height: 400px; /* Fixed height for larger screens */
+  overflow: hidden;
 }
 
 .carousel-inner > .carousel-item > a > img {
   width: 100%;
+  height: 350px; /* Same height as the carousel for desktops */
+  object-fit: cover; /* Ensures the image fills the container without distortion */
+  object-position: center;
+}
+
+/* Responsive adjustments for smaller screens (e.g., tablets, mobile devices) */
+@media (max-width: 768px) {
+  #home-page-carousel {
+    height: 150px; /* Reduced height for mobile and tablets */
+  }
+
+  .carousel-inner > .carousel-item > a > img {
+    height: 100px; /* Adjusted height to match the carousel container */
+  }
+}
+
+/* Very small screens (e.g., phones) */
+@media (max-width: 480px) {
+  #home-page-carousel {
+    height: 150px; /* Further reduced height for very small screens */
+  }
+
+  .carousel-inner > .carousel-item > a > img {
+    height: 100px; /* Adjusted height to maintain visual consistency */
+  }
 }
 
 .no-padding {
@@ -216,7 +268,7 @@ nav .navbar {
   list-style-type: none;
 }
 
-$button-active-color: #006747;
+$button-active-color: #21543E;
 
 .paper-btns.btn-group {
   display: flex;
@@ -278,7 +330,7 @@ $button-active-color: #006747;
 }
 
 .paper_card_header .paper_card_header_name:hover, .grant_card_header .grant_card_header_name:hover {
-  color: #006747;
+  color: #21543E;
 }
 
 .paper_card .padded-inner-card-block {

_papers/ICSE-25-a/uprl.pdf _papers/ICSE-25a/uprl.pdf_papers/ICSE-25-a/uprl.pdf renamed to _papers/ICSE-25a/uprl.pdf

@@ -4,7 +4,7 @@ title: Grants
 permalink: /grants/
 ---
 
-{% assign grants_list = {site.data.grants | where:"primary","true"} | sort: 'start_date' | reverse %}
+{% assign grants_list = site.data.grants | where: "primary", "true" | sort: 'start_date' | reverse %}
 
 <div id="grants-list" role="tablist" aria-multiselectable="true">
   {% for grant in grants_list %}

css/design.scss

@@ -2,6 +2,7 @@
 title: Laboratory for Software Design
 layout: default
 highlighted_papers:
+  - ICSE-24a 
   - ICSE-23a
   - ICSE-23b
   - ICSE-23c
@@ -23,7 +24,6 @@
   - OOPSLA-17
   - ICSE-NIER-17a
   - ICSE-15a
-  - TOSEM-15
   - ICSE-15b
 ---
 
@@ -34,7 +34,7 @@
     <div class="col-xs-12">
       <div class="container">
         <div class="row">
-          <div class="col-12">
+          <div class="col-12 mb-4">
             {% include home_page/carousel.html %}
           </div>
           <br />

grants.md

@@ -2,32 +2,28 @@
 layout: page
 title: Modular Deep Learning Project
 ---
+
 <div class="card">
   <div class="card-body">
-    <h2 class="card-title">Project Objectives</h2>
+    <h2 class="card-title">Overview of the project</h2>
     <ul class="card-text">
       <li>1st.</li>
       <li>2nd.</li>
     </ul>
   </div>
 </div>
-<div class="card">
-  <div class="card-body">
-    <h2 class="card-title">Methodology</h2>
-    <p class="card-text">......</p>
-  </div>
-</div>
 
 <div class="card">
     <div class="card-body">
-      <h2 class="card-title">Results</h2>
+      <h2 class="card-title">Motivation</h2>
       <p class="card-text">... </p>
     </div>
   </div>
 
 <div class="card">
   <div class="card-body">
-    <h2 class="card-title">Expected Outcomes</h2>
+    <h2 class="card-title">Recent Publications</h2>
     <p class="card-text"> ... </p>
-  </div>
+</div>
+
 </div>