Personal academic website for Dr. Yinoussa Adagolodjo, Assistant Professor at the University of Lille, specializing in robotics and augmented reality applications in healthcare.
- Modern Design: Clean, responsive design using Bulma CSS framework
- Academic Focus: Optimized for academic content (research, publications, teaching)
- Dark Mode: Toggle between light and dark themes
- Search Functionality: Site-wide search capability
- SEO Optimized: Meta tags, Open Graph, and Twitter Cards
- Mobile Responsive: Works perfectly on all devices
- Fast Loading: Optimized images and assets
docs/
├── _config.yml # Site configuration
├── _data/ # Data files (navigation, courses, publications)
├── _includes/ # Reusable HTML components
├── _layouts/ # Page templates
├── _pages/ # Static pages
├── _posts/ # Blog posts and news
├── _projects/ # Research projects
├── _sass/ # Custom styles
├── assets/ # Images, CSS, and other assets
└── index.md # Homepage
- Ruby 2.6+ (recommended: Ruby 3.0+)
- Bundler gem
- Git
-
Clone the repository
git clone https://github.com/adagolodjo/adagolodjo.github.io.git cd adagolodjo.github.io/docs -
Install dependencies
bundle install
-
Run locally
bundle exec jekyll serve --livereload -
Visit the site Open http://localhost:4000 in your browser
This site is configured for GitHub Pages. Simply push changes to the main branch and GitHub Pages will automatically build and deploy the site.
- Blog Posts: Add files to
_posts/with YAML front matter - Projects: Add files to
_projects/for research projects - Pages: Add files to
_pages/for static content - Publications: Update
_data/publications.yml - Courses: Update
_data/courses.yml
---
layout: post
title: "New Research Project"
date: 2024-01-15
categories: [research, projects]
---
Your content here...Edit _sass/style.scss to customize:
- Color palette
- Typography
- Layout spacing
- Animations
Update _data/navigation.yml to modify the site navigation structure.
Modify _config.yml for:
- Site metadata
- URL settings
- Plugin configuration
- Collection settings
-
Ruby/Bundler Version Conflicts
- Use rbenv or rvm to manage Ruby versions
- Update to Ruby 3.0+ for better compatibility
-
Build Errors
- Clear Jekyll cache:
bundle exec jekyll clean - Update dependencies:
bundle update
- Clear Jekyll cache:
-
Missing Images
- Ensure all referenced images exist in
assets/images/ - Check file paths in front matter
- Ensure all referenced images exist in
- Optimize images before adding to
assets/images/ - Use WebP format when possible
- Compress CSS and JavaScript files
The site is configured to work with Google Analytics. Add your tracking ID to _config.yml:
google_analytics: YOUR_TRACKING_ID- Fork the repository
- Create a feature branch
- Make your changes
- Test locally
- Submit a pull request
This project is licensed under the MIT License - see the LICENSE file for details.
For questions or support, please contact:
- Email: [email protected]
- GitHub: @adagolodjo
Last Updated: January 2024
- Tous les styles sont centralisés dans
docs/assets/css/ - Le fichier principal est
app.scssqui importe tous les partiels (danspartials/). - Variables de thème (couleurs, polices, etc.) : dans
partials/_variables.scss(génère aussi les variables CSS pour le JS/dark mode). - Styles par page/section :
partials/_home.scss: page d'accueil et sections featuredpartials/_teaching.scss: page teachingpartials/_publications.scss: page publicationspartials/_contact.scss: page contactpartials/_404.scss: page 404partials/_hero.scss: hero commun à plusieurs pages
- Dark mode : géré via variables CSS dans
:rootet[data-theme="dark"](voir_variables.scss) - Polices : importées une seule fois dans
app.scss
- Ne pas ajouter de styles inline dans les layouts, includes ou pages.
- Ajouter/modifier les styles dans le partiel SCSS correspondant.
- Utiliser les variables de thème pour garantir la cohérence visuelle.
- Pour un nouveau style de page, créer un nouveau fichier dans
partials/et l'importer dansapp.scss.
- Le SCSS est compilé automatiquement en CSS lors du build Jekyll.
- Si besoin, supprimer le fichier
app.css.mappour forcer une régénération propre.
Pour toute question ou évolution, modifier ce README ou commenter dans le code !