new logo

Author: rafaelfsilva

_includes/footer.html

@@ -6,7 +6,7 @@
                     <div class="footer-widget">
                         <div class="footer-logo">
                             <a href="index.html" class="logo d-flex align-items-center">
-                                <img src="/images/wci-white-logo.png" alt="logo">
+                                <img src="/images/wci-logo-horizontal-white.png" alt="logo">
                             </a>
                         </div>
                         <div class="footer-text">

_includes/head.html

@@ -3,7 +3,7 @@
 <meta content="width=device-width, initial-scale=1.0" name="viewport">
 
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-<meta name="keywords" content="workflow, hpc, science, exascale, fair, reproducibility, distributed computing, artificial intelligence" />
+<meta name="keywords" content="workflow, hpc, science, exascale, fair, reproducibility, distributed computing, artificial intelligence, hpc, ai" />
 {% seo title=false %}
 
 <!-- Prefetch DNS for faster page speed -->
@@ -31,14 +31,6 @@
 
 <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin="" />
 
-<!-- <link rel="stylesheet" href="/assets/css/open-iconic-bootstrap.min.css" />
-<link rel="stylesheet" href="/assets/css/animate.css" />
-<link rel="stylesheet" href="/assets/css/owl.carousel.min.css">
-<link rel="stylesheet" href="/assets/css/owl.theme.default.min.css">
-<link rel="stylesheet" href="/assets/css/magnific-popup.css">
-<link rel="stylesheet" href="/assets/css/bootstrap-datepicker.css">
-<link rel="stylesheet" href="/assets/css/jquery.timepicker.css"> -->
-
 <!-- Global site tag (gtag.js) - Google Analytics -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-271163E6PP"></script>
 <script>

_includes/header.html

@@ -1,7 +1,7 @@
 <header id="header" class="header d-flex align-items-center sticked stikcy-menu">
     <div class="container-fluid container-xl d-flex align-items-center justify-content-between">
         <a href="/" class="logo d-flex align-items-center">
-            <img src="/images/wci-white-logo.png" alt="logo">
+            <img src="/images/wci-logo-horizontal-white.png" alt="logo">
         </a>
         <nav id="navbar" class="navbar">
             <ul>
@@ -32,12 +32,10 @@
                     </ul>
                 </li>
                 <li><a href="/members">Members</a></li>
-                <!-- <li><a href="/jobs">Jobs</a></li> -->
                 <li><a href="/about">About</a></li>
             </ul>
         </nav>
         <a href="/contact" class="btn-get-started hide-on-mobile">Get involved!</a>
-        <!-- <button id="darkmode-button"><i class="bi bi-moon-fill"></i></button> -->
         <i class="mobile-nav-toggle mobile-nav-show bi bi-list"></i>
         <i class="mobile-nav-toggle mobile-nav-hide d-none bi bi-x"></i>
     </div>

_layouts/default.html

@@ -16,8 +16,8 @@
         <div id="repulse-circle-div"></div>
         <div class="container position-relative">
             <div class="row gy-5 aos-init aos-animate">
-                <div class="col-lg-7 dark-bg order-lg-1 d-flex flex-column justify-content-start text-left caption">
-                    <h2 data-aos="fade-up">Elevating community-centered scientific workflow solutions <span>through
+                <div class="col-lg-8 dark-bg order-lg-1 d-flex flex-column justify-content-start text-left caption">
+                    <h2 data-aos="fade-up">Elevating community-centered scientific workflow solutions <span style="color: #FFB020">through
                             collective expertise</span><span class="circle" data-aos="fade-right"
                             data-aos-delay="800">.</span></h2>
                     <p data-aos="fade-up" data-aos-delay="400">Our goal is to bring the workflows community together
@@ -41,20 +41,22 @@ <h2 data-aos="fade-up">Elevating community-centered scientific workflow solution
                         </a>
                     </div>
                 </div>
-                <div class="col-lg-5 dark-bg order-lg-1 d-flex flex-column justify-content-start text-left caption">
+                <div class="col-lg-4 dark-bg order-lg-1 d-flex flex-column justify-content-start text-left caption">
                     <div class="row" style="border: 3px solid #fff; border-radius: .5em">
                         {% assign talks = site.talks| where: "given", false | sort: 'order'%}
                         {% for talk in talks limit: 1 %}
-                        <div class="col-lg-5" style="padding: 0; background-color: rgba(109, 84, 170, 0.5);">
-                            <a href="/talks"><img src="/images/talks/banner.png" width="100%" style="border-radius: 0.5em;" /></a>
+                        <div class="col-lg-12" style="padding: 0; background-color: rgba(109, 84, 170, 0.5);">
+                            <a href="/talks"><img src="/images/talks/talks-banner.png" width="100%" style="border-radius: 0.5em;" /></a>
                         </div>
-                        <div class="col-lg-7" style="background-color: rgba(109, 84, 170, 0.5); padding: 1em;">
+                        <div class="col-lg-12" style="background-color: rgba(109, 84, 170, 0.5); padding: 1em;">
                             <strong><a href="{{ talk.url }}" style="color: #fff">{{ talk.title }}</a></strong><br />
                             <i style="color: #999">{{ talk.authors }}</i><br />
                             {{ talk.event_date }}
-                            <br /><br />
-                            <a href="{{ talk.url }}" style="color: #7057AF; background-color: #fff; padding: 0.5em 1em; border-radius: 0.5em;">Learn more ></a>
+                            <br />
                         </div>
+                        <a href="{{ talk.url }}" class="col-lg-12" style="background-color: #fff; padding: 0.5em; text-align: center; font-size: 0.9em;">
+                            LEARN MORE >
+                        </a>
                         {% endfor %}
                     </div>
                 </div>

apple-touch-icon.png

@@ -17,21 +17,21 @@
   --font-secondary:
   'Poppins', sans-serif;
   scroll-behavior: smooth;
-  --color-bg: #025add;
+  --color-bg: #FFB020;
   --hero-overlay-color: transparent;
   --menu-color: #ffffff;
-  --theme-color: #025add;
+  --theme-color: #0E1117;
   --border-color: #e2e2e2;
   --theme-color-dark: #f8f8f8;
   --text-color: #3a3a3a;
   --hero-text-color: #ffffff;
   --text-white-color: #ffffff;
   --text-grey-color: #3a3a3a;
-  --text-theme-color: #025add;
+  --text-theme-color: #2D5BFF;
   --light-color: #ffffff;
   --color-default: #3a3a3a;
-  --color-primary: #025add;
-  --color-secondary: #0c6de0;
+  --color-primary: #8B949E;
+  --color-secondary: #2AB4B8;
   --color-start: #3a3a3a;
   --color-end: #3a3a3a;
   --hero-card-bg: rgb(228 227 223 / 17%);
@@ -1589,7 +1589,7 @@ section {background: var(--light-color);}
   border-radius: 50px;
   transition: 0.3s;
   color: var(--text-white-color);
-  background: linear-gradient(45deg, var(--color-primary), var(--color-secondary));
+  background: linear-gradient(45deg, #FFB020, #2FB7B5);
 }
 
 .btn-get-started:hover {