up banner

IPL-UV · Feb 4, 2025 · a09e970 · a09e970
1 parent 0597ca8
commit a09e970
Show file tree

Hide file tree

Showing 4 changed files with 75 additions and 12 deletions.
diff --git a/content/_index.md b/content/_index.md
@@ -1,6 +1,6 @@
 ---
 title: "index"
-banner: "images/isp_banner.webp"
+banner: "images/logo_isp_cn_fondo-modified.png"
 ---
 
 Our vision is to develop novel artificial intelligence (AI) methods to model and understand complex systems, and more specifically the visual brain, Earth and climate systems, and their human interactions. Our approach to signal, image, and vision processing combines statistical learning theory with the understanding of the underlying physics, processes and biological vision. The problems posed in these disciplines require similar mathematical tools, where model inversion, uncertainty estimation, and causal inference play a central role. Our research on AI pivots around three main pillars: encoding domain knowledge in machine learning, understanding model representations and predictions, as well as learning causal relations from observational data.
diff --git a/static/images/logo_isp_cn_fondo-modified.png b/static/images/logo_isp_cn_fondo-modified.png
diff --git a/themes/isp_uv/layouts/_default/home.html b/themes/isp_uv/layouts/_default/home.html
@@ -2,7 +2,13 @@
     <div class="custom-wrapper">
         <div class="custom-banner">
             <img src="{{ .Params.banner }}" alt="ISP Banner">
+            <div class="custom-bannet-text">
+                <p style="color: #33646e"> <span style="color: #2b2b2b;">ISP ·</span> Image & Signal Processing</p>
+                <p style="color: #479bb0">Universitat de València</p>
+            </div>
+
         </div>
+
         <div class="custom-content">
             <div class="custom-video">
               <iframe src="https://player.vimeo.com/video/869866902?title=0&byline=0&portrait=0" 
@@ -13,18 +19,76 @@
             <div class="custom-text">
                 {{ .Content }}
                 <div class="custom-social-links">
-                    <a href="https://scholar.google.es/citations?hl=en&user=MsMYu-IAAAAJ"><i class="fab fa-google"></i></a>
-                    <a href="https://www.researchgate.net/lab/ISP-Image-and-Signal-Processing-Gustau-Camps-Valls"><i class="fab fa-researchgate"></i></a>
-                    <a href="https://twitter.com/isp_uv_es"><i class="fab fa-x-twitter"></i></a>
-                    <a href="https://github.com/IPL-UV"><i class="fab fa-github"></i></a>
-                    <a href="./../../../../videos/"><i class="fab fa-youtube"></i></a>
-                    <a href="mailto:gustau.camps@uv.es"><i class="fa fa-envelope"></i></a>
-                    <a href="https://bsky.app/profile/isp-uv-es.bsky.social"><i class="fa fa-bug"></i></a>
+                    <a href="https://scholar.google.es/citations?hl=en&user=MsMYu-IAAAAJ"><i class="fa-brands fa-google-scholar" style="color: #336daf;"></i></a>
+                    <a href="https://www.researchgate.net/lab/ISP-Image-and-Signal-Processing-Gustau-Camps-Valls"><i class="fab fa-researchgate" style="color: #60d2be;"></i></a>
+                    <a href="https://twitter.com/isp_uv_es"><i class="fab fa-x-twitter" style="color: #080808;"></i></a>
+                    <a href="https://github.com/IPL-UV"><i class="fab fa-github" style="color: #080808;"></i></a>
+                    <a href="./../../../../videos/"><i class="fab fa-youtube" style="color: #f50234;"></i></a>
+                    <a href="mailto:infoisp@uv.es"><i class="fa fa-envelope" style="color: #3d363b;"></i></a>
+                    <a href="https://bsky.app/profile/isp-uv-es.bsky.social"><i class="fa-brands fa-bluesky" style="color: #3a85ff;"></i></a>
                 </div>
                 <div class="custom-copyright">
                     <p>&copy; ISP, 2025</p>
                 </div>
             </div>
         </div>
     </div>
-{{ end }}
+
+
+    <style>
+        .custom-banner {
+            margin-top: 4rem;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            width: 100%;
+            gap: 2rem;
+
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+
+          }
+
+          .custom-banner img {
+            width: 20%;
+          }
+
+          .custom-banner .custom-bannet-text p {
+            font-family: 'Twentieth Century for Kenmore';
+            font-weight: 700;
+            font-size: 4.5rem;
+            text-align: center;
+            margin: 0rem 0.5rem;
+            line-height: 1;
+          }
+
+
+
+
+        @media (max-width: 1400px) {
+            .custom-banner .custom-bannet-text p {
+                font-size: 3.5rem;
+              }
+        }
+        @media (max-width: 1199px) {
+            .custom-banner .custom-bannet-text p {
+                font-size: 3rem;
+              }
+        }
+
+        @media (max-width: 1070px) {
+            .custom-banner .custom-bannet-text p {
+                font-size: 3rem;
+              }
+            .custom-banner img {
+                display: none;
+            }
+        }
+        @media (max-width: 526px) {
+            .custom-banner .custom-bannet-text p {
+                font-size: 2.5rem;
+              }
+        }
+    </style>
+{{ end }}
diff --git a/themes/isp_uv/layouts/partials/head.html b/themes/isp_uv/layouts/partials/head.html
@@ -2,10 +2,9 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>{{ .Site.Title }}</title>
   <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
-    integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA=="
-    crossorigin="anonymous" referrerpolicy="no-referrer" />
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
   <link rel="shortcut icon" href={{ relURL "images/isp_ico.webp" }} type="image/x-icon">
+  <link href="https://fonts.cdnfonts.com/css/twentieth-century-for-kenmore" rel="stylesheet">
   <link rel="stylesheet" href={{ relURL "style/style.css" }}>
   <!--add js local-->
   <script src={{ relURL "js/mode.js" }}></script>