added layout changes

PESTILLILAB · Apr 7, 2022 · c0eb1f5 · c0eb1f5
1 parent be835c5
commit c0eb1f5
Show file tree

Hide file tree

Showing 6 changed files with 16 additions and 27 deletions.
diff --git a/layouts/partials/banner.html b/layouts/partials/banner.html
@@ -8,7 +8,7 @@
   <div class="topbanner">
     <div class="container">
       <div class="row">
-      <div class="col-md-12">
+      <div class="col-md-12 animate__animated animate__fadeInDown">
         <h1 style="color: #fff;">{{.Params.title}}</h1>
         <p style="color: #fff;">{{.Params.subtitle}}</p>
       </div>

diff --git a/layouts/partials/featurette.html b/layouts/partials/featurette.html
@@ -5,7 +5,7 @@
   <br>
   <br>
 {{ if eq .Params.align "right"}}
-<div class="row featurette">
+<div class="row featurette" data-aos="fade-left">
 <div class="col-md-7">
   <h2 class="featurette-heading margin-paragraph-left" style="color: {{.Params.titleColor}}">{{.Params.title}}</h2>
   <p style="color: {{.Params.subtitleColor}};font-weight: 600;">{{.Params.subtitle}}</p>
@@ -22,7 +22,7 @@ <h2 class="featurette-heading margin-paragraph-left" style="color: {{.Params.tit
 </div>
 </div>
 {{else}}
-<div class="row featurette">
+<div class="row featurette" data-aos="fade-right">
 <div class="col-md-5">
 {{if isset .Params "image"}}
       <img class="featurette-image img-fluid mx-auto" src=" {{.Params.image}} " alt="Generic placeholder image">

diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
@@ -76,4 +76,10 @@ <h5 class="font-weight-bold text-uppercase">Institutional</h5>
 </footer>
 
 <script src="https://kit.fontawesome.com/76ed678b6f.js" crossorigin="anonymous"></script>
-<script src="https://maps.googleapis.com/maps/api/js?key={{.Site.Params.keys.googleMaps}}&callback=initMap&libraries=&v=weekly" async></script>
+<script src="https://maps.googleapis.com/maps/api/js?key={{.Site.Params.keys.googleMaps}}&callback=initMap&libraries=&v=weekly" async></script>
+<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
+<script>
+  AOS.init({
+      once:true,
+  });
+</script>
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
@@ -7,6 +7,7 @@
         <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jpswalsh/academicons/css/academicons.min.css">
         <link rel="stylesheet" href="{{ .Site.BaseURL }}css/animate.min.css">
         <link rel="preconnect" href="https://fonts.gstatic.com">
+        <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
         <link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet">
         <link href="https://fonts.googleapis.com/css2?family=Bitter:wght@200&family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap" rel="stylesheet">
     </head>

diff --git a/layouts/research/list.html b/layouts/research/list.html
@@ -40,14 +40,14 @@ <h1>Funded Projects</h1>
         </div><!-- End -->
         <div class="row">
             <div class="col-lg-12 mx-auto">
-              <ul class="timeline" id = "_awards" style="height:100vh; overflow-y: scroll; overflow-x: hidden;">
+              <ul class="timeline" id = "_awards" data-aos="fade-up" style="height:100vh; overflow-y: scroll; overflow-x: hidden;">
                 {{ range .Pages  }}
                 {{if isset .Params "agency"}}
                 <li class="timeline-item bg-white rounded ml-3 p-4" dt-date = {{.Params.startDate}} data-event-date= "{{.Params.startDate}} ">
                   <div class="event_date blue-text">
                     {{.Params.startDate}}
                   </div>
-                  <h4 style="margin-bottom:0.25rem">{{.Title}}</h2>
+                  <h4 style="margin-bottom:0.25rem ">{{.Title}}</h2>
                   <p style="margin-bottom:0.25rem">{{.Params.piFirstName}} {{.Params.piLastName}} {{if .Params.coPDPI}} , {{delimit .Params.coPDPI ", "}} {{ end }}</p>
                   {{if .Params.external_url}}
                   <a href="{{.Params.external_url}}" class="btn btn-gray">More</a>

diff --git a/layouts/team/list.html b/layouts/team/list.html
@@ -5,25 +5,7 @@
 
 <main role="main">
   {{ with .Site.GetPage "/team" }}
-  {{range .Pages}}
-  {{if in .Params.tags "banner"}}
-  <style>
-    .topbanner {
-      background-image: url({{.Params.image}})
-    }
-  </style>
-    <div class="topbanner">
-      <div class="container">
-        <div class="row">
-        <div class="col-md-12">
-          <h1 style="color: #fff;">{{.Params.title}}</h1>
-          <p style="color: #fff;">{{.Params.subtitle}}</p>
-        </div>
-        </div>
-    </div>
-    </div>
-  {{end}}
-  {{end}}
+    {{ partial "banner.html" .}}
   {{end}}
 
     <!-- Marketing messaging and featurettes
@@ -34,7 +16,7 @@ <h1 style="color: #fff;">{{.Params.title}}</h1>
     <div class="container">
         {{ range .Pages }}
         {{ if in .Params.tags "pi" }}
-        <div class="row">  
+        <div class="row" data-aos="fade-right">  
             <div class="col-md-5 text-center">
                 <img src="{{ .Params.image}}" class="piImage" alt="Generic placeholder image" width="300" height="300">
             </div>
@@ -114,7 +96,7 @@ <h5>{{.Params.name}}</h5>
         <div class="col-sm"></div>
         <div class="col-sm">
           <h1 class="text-center">Collaborators</h1>
-          <p class="text-center" style="font-size: smaller;"> Lorem ipsum dolor sit amet, consetetur
+          <p class="text-center"> Lorem ipsum dolor sit amet, consetetur
             sadipscing elitr, </p>
         </div>
         <div class="col-sm"></div>