Official website for the SLIMES (South London Innovative Materials Evaluation Squad) Research Group at London South Bank University, led by Dr. John Buckeridge.
🌐 Live Site: https://slimeslab.github.io
This is the official research group website showcasing our work in computational materials science, focusing on defects in semiconductors, energy materials, and machine learning applications in materials discovery.
- JSON-Driven Content: Research topics, team members, collaborators, alumni, open positions, and gallery images managed via JSON files
- Markdown Support: News articles written in Markdown with front matter metadata
- Dynamic Rendering: Client-side rendering using JavaScript for flexible content updates
- BibTeX Integration: Publications automatically loaded from BibTeX file via BibBase
- Modern Responsive Design: Mobile-first approach with optimized layouts for all devices
- Custom Branding: SLIMES-specific color scheme and logo
- Interactive Elements:
- Typing animation on hero section
- Counter animations for statistics
- Smooth transitions and hover effects
- Image galleries with year-based organization
- Accessibility: Semantic HTML, ARIA labels, keyboard navigation support
- Home: Hero section with typing animation, statistics, objectives, group leader profile, recent news
- About: Group overview and research philosophy
- Research: Topics, methods, and software/code with optional links (GitHub, documentation, papers)
- Publications: Auto-loaded from BibTeX with year-based filtering
- News: Year-based archive with Markdown article support and tag filtering
- Contact: Contact information, map, and association logos
- Group:
- Members: Principal Investigator, postdocs, PhD students, Master's students, Bachelor's students
- Alumni: Former members with current positions
- Collaborators: External research partners
- Open Positions: Current job/studentship openings
- Gallery: Year-organized photo gallery
- HTML5: Semantic markup
- CSS3: Custom properties, flexbox, grid layouts
- Vanilla JavaScript: No frameworks, pure JS for optimal performance
- Font Awesome 6.4.0: Icon library
- Academicons: Academic/research icons (Google Scholar, ResearchGate, ORCID)
- Marked.js 11.1.0: Markdown to HTML conversion
- BibBase: BibTeX publication management
- Google Fonts: Dosis & Open Sans font families
- Google Maps Embed API: Location map on contact page
- Static Site: Fast loading, no server-side processing
- Lazy Loading: Images loaded on demand
- Optimized Assets: Minimal dependencies, efficient code
- SEO Optimized: Meta tags, Open Graph, Twitter Cards
├── index.html # Home page
├── about.html # About the research group
├── research.html # Research topics and methods
├── publications.html # Publications (BibTeX-powered)
├── news.html # News archive with year filtering
├── news-article.html # Dynamic news article viewer
├── contact.html # Contact information and map
├── group/
│ ├── members.html # Team members page
│ ├── open-positions.html # Job openings
│ └── gallery.html # Photo gallery
├── assets/
│ ├── css/
│ │ └── style.css # Main stylesheet (~4000 lines)
│ ├── js/
│ │ ├── script.js # Core functionality
│ │ ├── research.js # Research page renderer
│ │ ├── members.js # Team members renderer
│ │ ├── positions.js # Open positions renderer
│ │ ├── gallery.js # Gallery renderer
│ │ ├── news.js # News page with filtering
│ │ └── news-article.js # Markdown article renderer
│ ├── images/
│ │ ├── branding/ # Logos and favicon
│ │ ├── team/ # Team member photos
│ │ ├── research/ # Research topic images
│ │ ├── news/ # News article images
│ │ ├── gallery/ # Gallery photos (organized by year)
│ │ └── associations/ # Partner organization logos
│ ├── data/
│ │ ├── research.json # Research topics and software
│ │ ├── members.json # Team members, alumni, collaborators
│ │ ├── positions.json # Open positions
│ │ ├── news.json # News metadata
│ │ ├── gallery.json # Gallery image metadata
│ │ └── publications.bib # BibTeX publications
│ └── news/ # Markdown news articles
│ └── *.md # Individual articles
└── README.md
- Primary:
#572b14(Deep Brown) - Secondary:
#d4a574(Golden Brown) - Text:
#333333(Dark Gray) - Light Gray:
#f8fafc - White:
#ffffff
Create a Markdown file in assets/news/ with front matter:
---
title: "Your Article Title"
author: "Author Name"
date: "2025-01-15"
image: "assets/images/news/article-image.jpg"
tags: ["Research", "Publication"]
excerpt: "Brief description of the article"
---
Your article content in Markdown format...Then add an entry to assets/data/news.json:
{
"slug": "article-filename",
"title": "Your Article Title",
"date": "2025-01-15",
"author": "Author Name",
"excerpt": "Brief description",
"image": "assets/images/news/article-image.jpg",
"tags": ["Research", "Publication"],
"type": "markdown"
}Edit assets/data/research.json to add/modify research topics and software.
Edit assets/data/members.json to update:
- Current members (postdocs, PhD students, Master's, Bachelor's)
- Alumni with current positions
- Collaborators
Edit assets/data/positions.json with position details.
Add images to assets/images/gallery/YYYY/ and update assets/data/gallery.json.
- Chrome 90+
- Firefox 92+
- Safari 14+
- Edge 90+
- Mobile browsers (iOS Safari 14+, Chrome Mobile)
© 2025 SLIMES Research Group, London South Bank University. All Rights Reserved.
This website and its content are the intellectual property of the SLIMES Research Group and London South Bank University. The website code and design are proprietary and not available for reuse, redistribution, or modification without explicit written permission.
Website Design & Development: Aritra Roy
This site uses the following open-source libraries and services:
- Font Awesome (Icons) - Font Awesome License
- Academicons (Academic Icons) - SIL OFL 1.1 License
- Marked.js (Markdown Parser) - MIT License
- BibBase (Publication Management) - BibBase Terms
- Google Fonts - Google Fonts License
Dr. John Buckeridge Senior Lecturer in Thermofluids and Turbomachinery School of Engineering London South Bank University London, SE1 0AA, UK
📧 [email protected] 🌐 jbuckeridge.github.io 🔬 ResearchGate 💻 GitHub
Built with ❤️ for advancing materials science through computational modeling and AI-driven approaches.