From 298c0a3c86598ec553e57d5bce9b187e2f71558e Mon Sep 17 00:00:00 2001
From: natrasta2_Dev <53398482+natrasta2dev@users.noreply.github.com>
Date: Tue, 25 Nov 2025 10:59:36 +0100
Subject: [PATCH] feat: add Jekyll layouts and includes with modern responsive
 design

---
 _includes/footer.html | 37 +++++++++++++++++++++++++++++++++++++
 _includes/header.html | 35 +++++++++++++++++++++++++++++++++++
 _layouts/default.html | 42 ++++++++++++++++++++++++++++++++++++++++++
 3 files changed, 114 insertions(+)
 create mode 100644 _includes/footer.html
 create mode 100644 _includes/header.html
 create mode 100644 _layouts/default.html

diff --git a/_includes/footer.html b/_includes/footer.html
new file mode 100644
index 0000000..2cce66f
--- /dev/null
+++ b/_includes/footer.html
@@ -0,0 +1,37 @@
+<footer class="site-footer">
+    <div class="container">
+        <div class="footer-content">
+            <div class="footer-section">
+                <h3>Contribution</h3>
+                <p>Vous souhaitez ajouter un outil ou une ressource ?</p>
+                <a href="{{ '/CONTRIBUTING.html' | relative_url }}" class="footer-link">
+                    <i class="fas fa-book"></i> Guide de contribution
+                </a>
+            </div>
+            <div class="footer-section">
+                <h3>Ressources</h3>
+                <ul class="footer-links">
+                    <li><a href="https://github.com/jivoi/awesome-osint" target="_blank" rel="noopener noreferrer">
+                        <i class="fab fa-github"></i> Repository GitHub
+                    </a></li>
+                    <li><a href="https://github.com/sindresorhus/awesome" target="_blank" rel="noopener noreferrer">
+                        <i class="fas fa-star"></i> Awesome Manifesto
+                    </a></li>
+                </ul>
+            </div>
+            <div class="footer-section">
+                <h3>Licence</h3>
+                <p>
+                    <a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank" rel="noopener noreferrer" class="license-link">
+                        <img src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" alt="CC BY-SA 4.0" class="license-img">
+                        <br>CC BY-SA 4.0
+                    </a>
+                </p>
+            </div>
+        </div>
+        <div class="footer-bottom">
+            <p>&copy; {{ 'now' | date: "%Y" }} Awesome OSINT. Liste maintenue par la communauté.</p>
+        </div>
+    </div>
+</footer>
+
diff --git a/_includes/header.html b/_includes/header.html
new file mode 100644
index 0000000..bb6becb
--- /dev/null
+++ b/_includes/header.html
@@ -0,0 +1,35 @@
+<header class="site-header">
+    <div class="container">
+        <div class="header-content">
+            <div class="logo-section">
+                <a href="{{ '/' | relative_url }}" class="logo-link">
+                    <img src="{{ '/osint_logo.png' | relative_url }}" alt="OSINT Logo" class="logo-img">
+                    <h1 class="site-title">Awesome OSINT</h1>
+                </a>
+            </div>
+            <div class="header-actions">
+                <div class="search-container">
+                    <i class="fas fa-search search-icon"></i>
+                    <input type="text" id="search-input" class="search-input" placeholder="Rechercher des outils...">
+                    <button id="search-clear" class="search-clear" style="display: none;">
+                        <i class="fas fa-times"></i>
+                    </button>
+                </div>
+                <a href="https://github.com/jivoi/awesome-osint" class="github-link" target="_blank" rel="noopener noreferrer" aria-label="GitHub">
+                    <i class="fab fa-github"></i>
+                    <span class="github-text">GitHub</span>
+                </a>
+            </div>
+        </div>
+    </div>
+</header>
+
+<div class="search-results" id="search-results" style="display: none;">
+    <div class="container">
+        <div class="search-results-content">
+            <h2 id="search-results-title">Résultats de recherche</h2>
+            <div id="search-results-list"></div>
+        </div>
+    </div>
+</div>
+
diff --git a/_layouts/default.html b/_layouts/default.html
new file mode 100644
index 0000000..f480f18
--- /dev/null
+++ b/_layouts/default.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <title>{% if page.title %}{{ page.title }} | {% endif %}Awesome OSINT</title>
+    <meta name="description" content="A curated list of amazingly awesome open source intelligence tools and resources.">
+    
+    <!-- Favicon -->
+    <link rel="icon" type="image/png" href="{{ '/osint_logo.png' | relative_url }}">
+    
+    <!-- Styles -->
+    <link rel="stylesheet" href="{{ '/assets/css/main.css' | relative_url }}">
+    
+    <!-- Font Awesome for icons -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    
+    <!-- Google Fonts -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
+    
+    <!-- Marked.js for markdown parsing -->
+    <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
+</head>
+<body>
+    {% include header.html %}
+    
+    <main class="main-content">
+        {{ content }}
+    </main>
+    
+    {% include footer.html %}
+    
+    <!-- Scripts -->
+    <script src="{{ '/assets/js/readme-loader.js' | relative_url }}"></script>
+    <script src="{{ '/assets/js/search.js' | relative_url }}"></script>
+    <script src="{{ '/assets/js/main.js' | relative_url }}"></script>
+</body>
+</html>
+