feat: initialisation site académique

2026-05-25 16:15:37 +02:00
parent f131ff22bf
commit 87ff37dddb
16 changed files with 362 additions and 0 deletions
@@ -0,0 +1,46 @@
+name: Build and Deploy Jekyll
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  build:
+    runs-on: native
+    timeout-minutes: 15
+    steps:
+      - name: Checkout
+        env:
+          GITEA_TOKEN: ${{ secrets.GITEA_TOKEN }}
+        run: |
+          git clone --depth 1 https://alois:${GITEA_TOKEN}@git.alocoq.fr/alois/CoqResearch.git .
+
+      - name: Install Ruby and Jekyll
+        run: |
+          apk add --no-cache ruby ruby-dev ruby-bundler build-base
+          bundle install --path vendor/bundle
+
+      - name: Build
+        run: bundle exec jekyll build
+
+      - name: Install kubectl
+        run: |
+          wget -q https://dl.k8s.io/release/v1.31.0/bin/linux/amd64/kubectl
+          chmod +x kubectl
+          mv kubectl /usr/local/bin/kubectl
+
+      - name: Deploy
+        env:
+          KUBE_TOKEN: ${{ secrets.KUBE_TOKEN }}
+          KUBE_SERVER: ${{ secrets.KUBE_SERVER }}
+        run: |
+          unset KUBERNETES_SERVICE_HOST KUBERNETES_SERVICE_PORT
+          kubectl config set-cluster homelab \
+            --server=${KUBE_SERVER} \
+            --insecure-skip-tls-verify=true
+          kubectl config set-credentials deployer --token=${KUBE_TOKEN}
+          kubectl config set-context homelab --cluster=homelab --user=deployer
+          kubectl config use-context homelab
+          POD=$(kubectl get pods -n research -l app=research-nginx -o jsonpath='{.items[0].metadata.name}')
+          kubectl cp _site/. research/${POD}:/usr/share/nginx/html/
@@ -0,0 +1,7 @@
+_site/
+.sass-cache/
+.jekyll-cache/
+.jekyll-metadata
+vendor/
+.bundle/
+Gemfile.lock
@@ -0,0 +1,10 @@
+---
+layout: default
+title: "404 — Page introuvable"
+---
+<div style="text-align:center;padding:4rem 0">
+  <div style="font-size:4rem;margin-bottom:1rem">🔭</div>
+  <h1 style="font-size:1.5rem;margin-bottom:1rem">Page introuvable</h1>
+  <p style="color:var(--text-muted);margin-bottom:2rem">Cette page n'existe pas ou a été déplacée.</p>
+  <a href="/" style="background:var(--accent);color:white;padding:8px 20px;border-radius:8px;text-decoration:none">Retour à l'accueil</a>
+</div>
@@ -0,0 +1,4 @@
+source "https://rubygems.org"
+gem "jekyll", "~> 4.3"
+gem "jekyll-seo-tag"
+gem "webrick"
@@ -0,0 +1,26 @@
+title: "John Doe"
+name: "John Doe"
+position: "PhD Student / Researcher"
+affiliation: "University Name"
+affiliation_link: "https://university.edu"
+email: "john@doe.fr"
+description: "Physicist passionate about electronics and computing"
+baseurl: ""
+url: "https://alocoq.fr"
+github: "johndoe"
+linkedin: ""
+google_scholar: ""
+orcid: ""
+twitter: ""
+markdown: kramdown
+highlighter: rouge
+permalink: /:title/
+collections:
+  news:
+    output: false
+  publications:
+    output: false
+  showcase:
+    output: false
+plugins:
+  - jekyll-seo-tag
@@ -0,0 +1,9 @@
+- title: "Accueil"
+  url: "/"
+- title: "Publications"
+  url: "/publications"
+- title: "Projets"
+  url: "/showcase"
+- title: "Blog"
+  url: "https://blog.alocoq.fr"
+  external: true
@@ -0,0 +1,16 @@
+bio: >
+  Je suis physicien passionné par l'électronique et l'informatique.
+  Mes travaux portent sur [ton domaine de recherche].
+
+interests:
+  - Physique expérimentale
+  - Électronique
+  - Informatique embarquée
+
+education:
+  - degree: "PhD en Physique"
+    institution: "Université de ..."
+    year: "2020 – présent"
+  - degree: "Master de Physique"
+    institution: "Université de ..."
+    year: "2018 – 2020"
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>{{ page.title | default: site.title }}</title>
+  <link rel="stylesheet" href="/assets/css/main.css">
+  <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🔬</text></svg>">
+  {% seo %}
+</head>
+<body>
+  <nav class="navbar">
+    <div class="nav-inner">
+      <a class="nav-brand" href="/">{{ site.name }}</a>
+      <div class="nav-links">
+        {% for item in site.data.navigation %}
+          {% if item.external %}
+            <a href="{{ item.url }}" target="_blank" rel="noopener">{{ item.title }}</a>
+          {% else %}
+            <a href="{{ item.url }}" {% if page.url == item.url %}class="active"{% endif %}>{{ item.title }}</a>
+          {% endif %}
+        {% endfor %}
+      </div>
+    </div>
+  </nav>
+  <main>{{ content }}</main>
+  <footer>
+    <p>&copy; {{ 'now' | date: "%Y" }} {{ site.name }} &mdash; <a href="mailto:{{ site.email }}">{{ site.email }}</a></p>
+  </footer>
+</body>
+</html>
@@ -0,0 +1,4 @@
+---
+date: 2024-01-01
+---
+Bienvenue sur mon site !
@@ -0,0 +1,9 @@
+---
+title: "Titre de ta publication"
+authors: "Doe, J., et al."
+venue: "Journal / Conférence"
+year: 2024
+paper_url: ""
+code_url: ""
+selected: true
+---
@@ -0,0 +1,8 @@
+---
+title: "Mon projet principal"
+description: "Description courte du projet."
+url: "https://blog.alocoq.fr/projets/mon-premier-projet"
+tags:
+  - électronique
+  - python
+---
@@ -0,0 +1,68 @@
+:root {
+  --accent: #3050ff;
+  --bg: #ffffff;
+  --text: #1a1a2e;
+  --text-muted: #666;
+  --border: #e5e7eb;
+  --card-bg: #f9fafb;
+  --max-width: 860px;
+}
+@media (prefers-color-scheme: dark) {
+  :root {
+    --bg: #0f0f13;
+    --text: #e8e8f0;
+    --text-muted: #888;
+    --border: #2a2a3a;
+    --card-bg: #16161e;
+  }
+}
+* { box-sizing: border-box; margin: 0; padding: 0; }
+html { font-size: 16px; scroll-behavior: smooth; }
+body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; background: var(--bg); color: var(--text); line-height: 1.7; }
+a { color: var(--accent); text-decoration: none; }
+a:hover { text-decoration: underline; }
+.navbar { border-bottom: 1px solid var(--border); padding: 0 1.5rem; }
+.nav-inner { max-width: var(--max-width); margin: 0 auto; display: flex; align-items: center; justify-content: space-between; height: 56px; }
+.nav-brand { font-weight: 600; color: var(--text); font-size: 15px; }
+.nav-links { display: flex; gap: 1.5rem; }
+.nav-links a { font-size: 14px; color: var(--text-muted); }
+.nav-links a:hover, .nav-links a.active { color: var(--accent); text-decoration: none; }
+main { max-width: var(--max-width); margin: 0 auto; padding: 2.5rem 1.5rem; }
+footer { border-top: 1px solid var(--border); text-align: center; padding: 1.5rem; font-size: 13px; color: var(--text-muted); margin-top: 4rem; }
+footer a { color: var(--text-muted); }
+.profile { display: grid; grid-template-columns: 160px 1fr; gap: 2.5rem; align-items: start; margin-bottom: 3rem; }
+@media (max-width: 600px) { .profile { grid-template-columns: 1fr; } }
+.profile-photo { width: 140px; height: 140px; border-radius: 50%; object-fit: cover; border: 3px solid var(--border); }
+.profile-photo-placeholder { width: 140px; height: 140px; border-radius: 50%; background: var(--card-bg); border: 3px solid var(--border); display: flex; align-items: center; justify-content: center; font-size: 56px; }
+.profile-name { font-size: 1.6rem; font-weight: 600; margin-bottom: 4px; }
+.profile-position { color: var(--text-muted); font-size: 15px; margin-bottom: 12px; }
+.profile-bio { font-size: 15px; color: var(--text-muted); line-height: 1.7; margin-bottom: 16px; }
+.profile-links { display: flex; gap: 10px; flex-wrap: wrap; }
+.profile-links a { font-size: 13px; background: var(--card-bg); border: 1px solid var(--border); padding: 4px 12px; border-radius: 99px; color: var(--text-muted); }
+.profile-links a:hover { color: var(--accent); border-color: var(--accent); text-decoration: none; }
+.section { margin-bottom: 3rem; }
+.section-title { font-size: 1.1rem; font-weight: 600; margin-bottom: 1rem; padding-bottom: 8px; border-bottom: 2px solid var(--accent); display: inline-block; }
+.news-list { list-style: none; }
+.news-item { display: flex; gap: 1rem; padding: 10px 0; border-bottom: 1px solid var(--border); font-size: 14px; }
+.news-date { color: var(--text-muted); flex-shrink: 0; min-width: 90px; }
+.pub-list { display: flex; flex-direction: column; gap: 1.25rem; }
+.pub-card { background: var(--card-bg); border: 1px solid var(--border); border-radius: 10px; padding: 1rem 1.25rem; }
+.pub-title { font-size: 15px; font-weight: 500; margin-bottom: 4px; }
+.pub-authors { font-size: 13px; color: var(--text-muted); margin-bottom: 4px; }
+.pub-venue { font-size: 13px; color: var(--accent); margin-bottom: 8px; }
+.pub-links { display: flex; gap: 8px; }
+.pub-links a { font-size: 12px; background: var(--bg); border: 1px solid var(--border); padding: 2px 10px; border-radius: 99px; color: var(--text-muted); }
+.pub-links a:hover { color: var(--accent); text-decoration: none; }
+.showcase-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 1rem; }
+.showcase-card { background: var(--card-bg); border: 1px solid var(--border); border-radius: 10px; padding: 1rem; }
+.showcase-card:hover { border-color: var(--accent); }
+.showcase-title { font-size: 15px; font-weight: 500; margin-bottom: 6px; }
+.showcase-desc { font-size: 13px; color: var(--text-muted); line-height: 1.5; margin-bottom: 10px; }
+.showcase-tags { display: flex; flex-wrap: wrap; gap: 4px; }
+.showcase-tag { font-size: 11px; background: var(--bg); border: 1px solid var(--border); padding: 2px 8px; border-radius: 99px; color: var(--text-muted); }
+.interests-list { display: flex; flex-wrap: wrap; gap: 8px; }
+.interest-tag { font-size: 13px; background: var(--card-bg); border: 1px solid var(--border); padding: 4px 14px; border-radius: 99px; color: var(--text-muted); }
+.edu-list { list-style: none; }
+.edu-item { padding: 8px 0; border-bottom: 1px solid var(--border); display: flex; justify-content: space-between; font-size: 14px; }
+.edu-degree { font-weight: 500; }
+.edu-year { color: var(--text-muted); }
@@ -0,0 +1,78 @@
+---
+layout: default
+title: Home
+url: /
+---
+<div class="profile">
+  <div>
+    <div class="profile-photo-placeholder">👨‍🔬</div>
+  </div>
+  <div>
+    <div class="profile-name">{{ site.name }}</div>
+    <div class="profile-position">{{ site.position }} &mdash; <a href="{{ site.affiliation_link }}">{{ site.affiliation }}</a></div>
+    <p class="profile-bio">{{ site.data.profile.bio }}</p>
+    <div class="profile-links">
+      {% if site.email %}<a href="mailto:{{ site.email }}">✉ Email</a>{% endif %}
+      {% if site.github %}<a href="https://github.com/{{ site.github }}" target="_blank">GitHub</a>{% endif %}
+      {% if site.linkedin %}<a href="https://linkedin.com/in/{{ site.linkedin }}" target="_blank">LinkedIn</a>{% endif %}
+      {% if site.google_scholar %}<a href="{{ site.google_scholar }}" target="_blank">Google Scholar</a>{% endif %}
+      {% if site.orcid %}<a href="https://orcid.org/{{ site.orcid }}" target="_blank">ORCID</a>{% endif %}
+    </div>
+  </div>
+</div>
+
+<div class="section">
+  <div class="section-title">Actualités</div>
+  <ul class="news-list">
+    {% for item in site.news limit:5 %}
+    <li class="news-item">
+      <span class="news-date">{{ item.date | date: "%b %Y" }}</span>
+      <span>{{ item.content | markdownify | remove: '<p>' | remove: '</p>' }}</span>
+    </li>
+    {% endfor %}
+  </ul>
+</div>
+
+<div class="section">
+  <div class="section-title">Publications sélectionnées</div>
+  <div class="pub-list">
+    {% assign selected = site.publications | where: "selected", true %}
+    {% for pub in selected %}
+    <div class="pub-card">
+      <div>
+        <div class="pub-title">{{ pub.title }}</div>
+        <div class="pub-authors">{{ pub.authors }}</div>
+        <div class="pub-venue">{{ pub.venue }}, {{ pub.year }}</div>
+        <div class="pub-links">
+          {% if pub.paper_url %}<a href="{{ pub.paper_url }}" target="_blank">Paper</a>{% endif %}
+          {% if pub.code_url %}<a href="{{ pub.code_url }}" target="_blank">Code</a>{% endif %}
+        </div>
+      </div>
+    </div>
+    {% endfor %}
+  </div>
+</div>
+
+<div class="section">
+  <div class="section-title">Intérêts</div>
+  <div class="interests-list">
+    {% for interest in site.data.profile.interests %}
+    <span class="interest-tag">{{ interest }}</span>
+    {% endfor %}
+  </div>
+</div>
+
+<div class="section">
+  <div class="section-title">Formation</div>
+  <ul class="edu-list">
+    {% for edu in site.data.profile.education %}
+    <li class="edu-item">
+      <div>
+        <div class="edu-degree">{{ edu.degree }}</div>
+        <div style="font-size:13px;color:var(--text-muted)">{{ edu.institution }}</div>
+      </div>
+      <div class="edu-year">{{ edu.year }}</div>
+    </li>
+    {% endfor %}
+  </ul>
+</div>
@@ -0,0 +1,27 @@
+---
+layout: default
+title: Publications
+url: /publications
+---
+<h1 style="font-size:1.5rem;font-weight:600;margin-bottom:2rem">Publications</h1>
+<div class="pub-list">
+  {% assign pubs_by_year = site.publications | group_by: "year" | sort: "name" | reverse %}
+  {% for year_group in pubs_by_year %}
+  <div style="margin-bottom:2rem">
+    <div style="font-size:1rem;font-weight:600;color:var(--text-muted);margin-bottom:1rem">{{ year_group.name }}</div>
+    {% for pub in year_group.items %}
+    <div class="pub-card" style="margin-bottom:1rem">
+      <div>
+        <div class="pub-title">{{ pub.title }}</div>
+        <div class="pub-authors">{{ pub.authors }}</div>
+        <div class="pub-venue">{{ pub.venue }}</div>
+        <div class="pub-links">
+          {% if pub.paper_url %}<a href="{{ pub.paper_url }}" target="_blank">Paper</a>{% endif %}
+          {% if pub.code_url %}<a href="{{ pub.code_url }}" target="_blank">Code</a>{% endif %}
+        </div>
+      </div>
+    </div>
+    {% endfor %}
+  </div>
+  {% endfor %}
+</div>
@@ -0,0 +1,19 @@
+---
+layout: default
+title: Projets
+url: /showcase
+---
+<h1 style="font-size:1.5rem;font-weight:600;margin-bottom:2rem">Projets</h1>
+<div class="showcase-grid">
+  {% for project in site.showcase %}
+  <a class="showcase-card" href="{{ project.url }}" {% if project.url contains 'http' %}target="_blank"{% endif %} style="display:block;text-decoration:none;color:inherit">
+    <div class="showcase-title">{{ project.title }}</div>
+    <div class="showcase-desc">{{ project.description }}</div>
+    <div class="showcase-tags">
+      {% for tag in project.tags %}
+      <span class="showcase-tag">{{ tag }}</span>
+      {% endfor %}
+    </div>
+  </a>
+  {% endfor %}
+</div>