quantchemdev · javierdomcal · Dec 11, 2025 · Dec 11, 2025 · Dec 11, 2025 · Dec 11, 2025
diff --git a/.gitignore b/.gitignore
@@ -3,4 +3,6 @@ _site/
 .jekyll-cache/
 .jekyll-metadata
 .DS_Store
-Thumbs.db
+
+.vscode/
+package-lock.json
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,10 @@
+{
+  "liquid.format.enable": true,
+  "files.associations": {
+    "*.html": "liquid-html"
+  },
+  "emmet.includeLanguages": {
+    "liquid": "html"
+  },
+  "jekyll.autoStartPreview": true
+}
diff --git a/_includes/blog.html b/_includes/blog.html
@@ -10,7 +10,7 @@ <h2>The Blog</h2>
 						{% for post in site.posts offset: 0 limit: 2 %}
 							<div class="6u">
 								<section class="box">
-									    <a href="#" class="image featured"><img src="{{ site.baseurl }}{{ post.featured }}" alt="" /></a>
+									    <a href="#" class="image featured"><img src="{{ site.baseurl }}{{ post.featured }}" alt="" / loading="lazy"></a>
 
 									<header>
 										<h3>{{ post.title }}</h3>

diff --git a/_includes/blog.html.backup b/_includes/blog.html.backup
@@ -0,0 +1,35 @@
+		<div class="row">
+			<div class="12u">
+
+				<!-- Blog -->
+					<section>
+						<header class="major">
+							<h2>The Blog</h2>
+						</header>
+						<div class="row">
+						{% for post in site.posts offset: 0 limit: 2 %}
+							<div class="6u">
+								<section class="box">
+									    <a href="#" class="image featured"><img src="{{ site.baseurl }}{{ post.featured }}" alt="" /></a>
+
+									<header>
+										<h3>{{ post.title }}</h3>
+										<p>Posted {{ post.date | date_to_string }}</p>
+									</header>
+									{{ post.excerpt }}
+									<footer>
+										<ul class="actions">
+											<li><a href="{{ site.baseurl }}{{ post.url }}" class="button icon fa-file-text">Continue Reading</a></li>
+											<li><a href="#" class="button alt icon fa-comment">33 comments</a></li>
+										</ul>
+									</footer>
+								</section>
+							</div>
+						{% endfor %}
+						</div>
+					</section>
+
+			</div>
+		</div>
+	</div>
+</div>
diff --git a/_includes/footer.html b/_includes/footer.html
@@ -8,12 +8,14 @@ <h3>Find us at DIPC, San Sebastian</h3>
                 <div class="footer-map-image">
                     <iframe
                         src="https://www.google.com/maps/embed?pb=!1m28!1m12!1m3!1d23224.45323435951!2d-2.0113250551440243!3d43.313073434245474!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m13!3e3!4m5!1s0xd51a55a24fd9b35%3A0xb374cfdd5a1816a0!2sDonostia-San%20Sebasti%C3%A1n%2C%20De%20Francia%20Ibilbidea%2C%2022%2C%2020012%20Donostia-San%20Sebastian%2C%20SS!3m2!1d43.317668999999995!2d-1.976704!4m5!1s0xd51b073976e29a9%3A0x72c7d697ecb1d5f0!2sDIPC%2C%20Manuel%20Lardizabal%20Ibilbidea%2C%20Donostia-San%20Sebastian!3m2!1d43.3060031!2d-2.010841!5e0!3m2!1sen!2ses!4v1582476111896!5m2!1sen!2ses"
-                        width="100%" height="200" frameborder="0" style="border:0;" allowfullscreen=""
-                        aria-hidden="false" tabindex="0"></iframe>
+                        width="100%" height="200" style="border:0;" allowfullscreen loading="lazy"
+                        referrerpolicy="no-referrer-when-downgrade" aria-label="Google Maps showing DIPC location"
+                        tabindex="0">
+                    </iframe>
                 </div>
                 <div class="footer-image">
-                    <img src="{{ site.baseurl }}/assets/images/dipc0.jpg" alt="DIPC Building" width="100%"
-                        height="auto">
+                    <img src="{{ site.baseurl }}/assets/images/dipc0.jpg" alt="DIPC Building" width="100%" height="auto"
+                        loading="lazy">
                 </div>
             </div>
 
@@ -35,13 +37,16 @@ <h3>Contact Information</h3>
                     </li>
                     <li>
                         <strong>Phone:</strong>
-                        <span>+34 943 01 53 68</span>
+                        <a href="tel:+34943015368" aria-label="Call DIPC office at +34 943 01 53 68">+34 943 01 53
+                            68</a>
                     </li>
                     <li>
                         <strong>Links:</strong>
                         <ul class="footer-links">
-                            <li><a href="http://dipc.ehu.es/">Donostia International Physics Center (DIPC)</a></li>
-                            <li><a href="http://www.ehu.eus/chemistry/theory/">Kimika Teorikoa Group</a></li>
+                            <li><a href="https://dipc.ehu.es/" target="_blank" rel="noopener noreferrer">Donostia
+                                    International Physics Center (DIPC)</a></li>
+                            <li><a href="https://www.ehu.eus/chemistry/theory/" target="_blank"
+                                    rel="noopener noreferrer">Kimika Teorikoa Group</a></li>
                         </ul>
                     </li>
                 </ul>
@@ -51,7 +56,7 @@ <h3>Contact Information</h3>
         <!-- Copyright and logos -->
         <div class="copyright">
             <div class="partner-logos">
-                <img src="{{ site.baseurl }}/assets/images/logos.jpg" alt="Partner Organizations">
+                <img src="{{ site.baseurl }}/assets/images/logos.jpg" alt="Partner Organizations" loading="lazy">
             </div>
             <div class="social-icons">
                 <a href="{{ site.github }}" aria-label="GitHub Profile"><i class="fa fa-github-square"></i> GitHub</a>

diff --git a/_layouts/default.html b/_layouts/default.html
@@ -1,37 +1,87 @@
-<!DOCTYPE HTML>
+<!DOCTYPE html>
 <html lang="en">
 
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta name="description" content="Quantum Chemistry Development Group at DIPC, San Sebastian">
-    <meta name="keywords" content="quantum chemistry, computational chemistry, DFT, DMFT, electron correlation">
-
-    <!-- Content Security Policy -->
-<meta http-equiv="Content-Security-Policy"
-    content="default-src 'self'; script-src 'self' https://platform.twitter.com https://syndication.twitter.com https://cdn.syndication.twimg.com https://maps.googleapis.com https://cdnjs.cloudflare.com https://www.athabasca.dev 'unsafe-inline' 'unsafe-eval'; frame-src 'self' https://platform.twitter.com https://syndication.twitter.com https://www.google.com; img-src 'self' https://*.twimg.com https://maps.googleapis.com https://maps.gstatic.com https://cdnjs.cloudflare.com data:; style-src 'self' 'unsafe-inline' https://platform.twitter.com https://fonts.googleapis.com https://cdnjs.cloudflare.com http://fonts.googleapis.com; font-src 'self' https://fonts.gstatic.com https://cdnjs.cloudflare.com data:; connect-src 'self' https://*.twitter.com https://maps.googleapis.com https://www.athabasca.dev; object-src 'none'">
-
-    <title>{{ page.title }}</title>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
-    <!--<link rel="stylesheet" href="{{ site.url }}{{ site.baseurl }}/assets/css/skel.css">-->
-    <link rel="stylesheet" href="{{ site.url }}{{ site.baseurl }}/assets/css/style.css">
-    <!-- Quick fixes CSS file - add modern styles without modifying core CSS -->
-    <link rel="stylesheet" href="{{ site.url }}{{ site.baseurl }}/assets/css/quick-fixes.css">
-    <!-- <link rel="stylesheet" href="{{ site.url }}{{ site.baseurl }}/assets/css/test.css"> -->
-    <script src="{{ site.url }}{{ site.baseurl }}/assets/js/jquery.min.js"></script>
-    <script src="{{ site.url }}{{ site.baseurl }}/assets/js/jquery.dropotron.min.js"></script>
-    <!-- <script src="{{ site.url }}{{ site.baseurl }}/assets/js/skel.min.js"></script> -->
-    <!-- <script src="{{ site.baseurl }}/assets/js/skel-layers.min.js"></script> -->
-    <!-- <script src="{{ site.url }}{{ site.baseurl }}/assets/js/init.js"></script> -->
-    <noscript>
-        <!-- <link rel="stylesheet" href="{{ site.url }}{{ site.baseurl }}assets/css/skel.css"> -->
-        <!-- <link rel="stylesheet" href="{{ site.url }}{{ site.baseurl }}assets/css/style.css"> -->
-    </noscript>
+
+    <!-- SEO Meta Tags -->
+<!-- FIXED -->
+    <title>{% if page.title %}{{ page.title }} | {% endif %}Quantum Chemistry Development Group</title>
+    <meta name="description"
+        content="{{ page.description | default: site.description | default: 'Quantum Chemistry Development Group at DIPC, San Sebastian' }}">
+    <meta name="keywords"
+        content="quantum chemistry, computational chemistry, DFT, DMFT, electron correlation, {{ page.keywords | join: ', ' }}">
+    <meta name="author" content="{{ site.author.name | default: 'Quantum Chemistry Development Group' }}">
+
+    <!-- Canonical URL -->
+    <link rel="canonical" href="{{ page.url | absolute_url }}">
+
+    <!-- Open Graph Meta Tags -->
+    <meta property="og:title" content="{% if page.title %}{{ page.title }} | {% endif %}{{ site.title }}">
+    <meta property="og:description" content="{{ page.description | default: site.description }}">
+    <meta property="og:url" content="{{ page.url | absolute_url }}">
+    <meta property="og:site_name" content="{{ site.title }}">
+    <meta property="og:type" content="website">
+
+    <!-- Enhanced Content Security Policy -->
+    <meta http-equiv="Content-Security-Policy" content="
+        default-src 'self';
+        script-src 'self' https://cdnjs.cloudflare.com 'unsafe-inline';
+        style-src 'self' 'unsafe-inline' https://fonts.googleapis.com https://cdnjs.cloudflare.com;
+        img-src 'self' data: https:;
+        font-src 'self' https://fonts.gstatic.com https://cdnjs.cloudflare.com;
+        frame-src https://www.google.com;
+        connect-src 'self' https:;
+        object-src 'none';
+        base-uri 'self';
+        form-action 'self';
+    ">
+
+    <!-- DNS Prefetch and Preconnect for Performance -->
+    <link rel="dns-prefetch" href="//fonts.googleapis.com">
+    <link rel="dns-prefetch" href="//fonts.gstatic.com">
+    <link rel="dns-prefetch" href="//cdnjs.cloudflare.com">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link rel="preconnect" href="https://cdnjs.cloudflare.com">
+
+    <!-- Optimized Google Fonts -->
+
+
+    <!-- Font Awesome (Modern Version) -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
+        integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
+        crossorigin="anonymous" referrerpolicy="no-referrer">
+
+    <!-- Main Stylesheet -->
+    <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/style.css">
+
+    <!-- Quick Fixes CSS -->
+    <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/quick-fixes.css">
+
+    <!-- Favicon (add if you have one) -->
+    <!-- <link rel="icon" type="image/x-icon" href="{{ site.baseurl }}/favicon.ico"> -->
+    <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/font-awesome.min.css">
+    <!-- Modern jQuery with Security -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"
+        integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g=="
+        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+
+    <!-- Navigation JavaScript -->
+    <script src="{{ site.baseurl }}/assets/js/jquery.dropotron.min.js"></script>
+    <script src="{{ site.baseurl }}/assets/js/init.js"></script>
+
 </head>
 
-<body>
+<body class="{{ page.layout | default: 'default' }}{% if page.class %} {{ page.class }}{% endif %}">
+
+
+    <!-- Page Content -->
     {{ content }}
+
+    <!-- Footer Scripts (if any) -->
+
 </body>
 
 </html>
diff --git a/_layouts/default.html.backup b/_layouts/default.html.backup
@@ -0,0 +1,53 @@
+<!DOCTYPE HTML>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="Quantum Chemistry Development Group at DIPC, San Sebastian">
+    <meta name="keywords" content="quantum chemistry, computational chemistry, DFT, DMFT, electron correlation">
+
+    <!-- Content Security Policy -->
+<meta http-equiv="Content-Security-Policy"
+    content="default-src 'self'; script-src 'self' https://platform.twitter.com https://syndication.twitter.com https://cdn.syndication.twimg.com https://maps.googleapis.com https://cdnjs.cloudflare.com https://www.athabasca.dev 'unsafe-inline' 'unsafe-eval'; frame-src 'self' https://platform.twitter.com https://syndication.twitter.com https://www.google.com; img-src 'self' https://*.twimg.com https://maps.googleapis.com https://maps.gstatic.com https://cdnjs.cloudflare.com data:; style-src 'self' 'unsafe-inline' https://platform.twitter.com https://fonts.googleapis.com https://cdnjs.cloudflare.com https://fonts.googleapis.com; font-src 'self' https://fonts.gstatic.com https://cdnjs.cloudflare.com data:; connect-src 'self' https://*.twitter.com https://maps.googleapis.com https://www.athabasca.dev; object-src 'none'">
+
+
+    <!-- PRECONNECT for faster font loading -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+
+    <!-- OPTIMIZED Google Fonts (reduced weight variations) -->
+    <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap"
+        rel="stylesheet">
+
+    <!-- LOCAL CSS FILES (load before main stylesheet) -->
+
+
+    <!-- MAIN STYLESHEET (load last) -->
+    <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/style.css">
+
+    <title>{{ page.title }}</title>
+
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
+
+    <!-- Quick fixes CSS file - add modern styles without modifying core CSS -->
+    <link rel="stylesheet" href="{{ site.url }}{{ site.baseurl }}/assets/css/quick-fixes.css">
+    <!-- <link rel="stylesheet" href="{{ site.url }}{{ site.baseurl }}/assets/css/test.css"> -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"
+    integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g=="
+    crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+    <script src="{{ site.url }}{{ site.baseurl }}/assets/js/jquery.dropotron.min.js"></script>
+    <!-- <script src="{{ site.url }}{{ site.baseurl }}/assets/js/skel.min.js"></script> -->
+    <!-- <script src="{{ site.baseurl }}/assets/js/skel-layers.min.js"></script> -->
+    <!-- <script src="{{ site.url }}{{ site.baseurl }}/assets/js/init.js"></script> -->
+    <noscript>
+        <!-- <link rel="stylesheet" href="{{ site.url }}{{ site.baseurl }}assets/css/skel.css"> -->
+        <!-- <link rel="stylesheet" href="{{ site.url }}{{ site.baseurl }}assets/css/style.css"> -->
+    </noscript>
+</head>
+
+<body>
+    {{ content }}
+</body>
+
+</html>
diff --git a/_layouts/main.html b/_layouts/main.html
@@ -12,4 +12,6 @@ <h1><a href="#" id="logo">{{ page.title }}</a></h1>
 
 				</div>
 			</div>
-			{{content}}
+			{{content}}
+
+			{% include footer.html %}
diff --git a/_layouts/member.html b/_layouts/member.html
@@ -14,7 +14,7 @@
                         <h1>{{ page.name_surname }}</h1>
                     </header>
 <div class="member-profile">
-  <img src="{{ site.url }}{{ site.baseurl }}/assets/member_photos/{{ page.photo }}" alt="{{ page.name_surname }}">
+  <img src="{{ site.url }}{{ site.baseurl }}/assets/member_photos/{{ page.photo }}" alt="{{ page.name_surname }}" loading="lazy">
   <p><strong>Position:</strong> {{ page.position }}</p>
   {% if page.email %}
   <p><strong>Email:</strong> <a href="mailto:{{ page.email }}">{{ page.email }}</a></p>

diff --git a/_layouts/member.html.backup b/_layouts/member.html.backup
@@ -0,0 +1,58 @@
+---
+layout: main_member
+title: "{{ page.name_surname }}"
+---
+
+
+<main id="main" class="wrapper style1">
+    <div class="container">
+        <div class="row">
+            <!-- Content -->
+            <div id="content" class="8u skel-cell-important">
+                <section>
+                    <header class="major">
+                        <h1>{{ page.name_surname }}</h1>
+                    </header>
+<div class="member-profile">
+  <img src="{{ site.url }}{{ site.baseurl }}/assets/member_photos/{{ page.photo }}" alt="{{ page.name_surname }}">
+  <p><strong>Position:</strong> {{ page.position }}</p>
+  {% if page.email %}
+  <p><strong>Email:</strong> <a href="mailto:{{ page.email }}">{{ page.email }}</a></p>
+  {% endif %}
+  {% if page.personal_web %}
+    <p><strong>Website:</strong> <a href="{{ page.personal_web }}">{{ page.personal_web }}</a></p>
+  {% endif %}
+  {% if page.experience %}
+    <h2>Experience</h2>
+    <ul>
+      {% for exp in page.experience %}
+        <li>{{ exp }}</li>
+      {% endfor %}
+    </ul>
+  {% endif %}
+  {% if page.education %}
+    <h2>Education</h2>
+    <ul>
+      {% for edu in page.education %}
+        <li>{{ edu }}</li>
+      {% endfor %}
+    </ul>
+  {% endif %}
+  {% if page.research_topics %}
+    <h2>Research Topics</h2>
+    <ul>
+      {% for topic in page.research_topics %}
+        <li>{{ topic }}</li>
+      {% endfor %}
+    </ul>
+  {% endif %}
+  {% if page.visit_period %}
+    <h2>Visit Period</h2>
+    <p>{{ page.visit_period }}</p>
+  {% endif %}
+</div>
+</section>
+</div>
+</div>
+</div>
+</main>