A simple, clean academic website inspired by Michael Bernstein's site, using MIT colors.
This site is designed to be super easy to update! No complex build process, no Jekyll, just simple files.
Edit data.js and add your publication to the publications array:
{
title: "Your Paper Title",
authors: ["Author 1", "Mitchell Gordon", "Author 3"],
venue: "Conference Name Year",
award: "Best Paper", // Optional
year: 2024
}Edit data.js and add students to the students array:
{
name: "Student Name",
type: "phd",
website: "https://studentsite.com", // Optional
image: "images/student.jpg" // Optional
}Edit data.js and add courses to the teaching array:
{
term: "Fall 2025",
course: "Course Number: Course Name",
institution: "Institution Name",
role: "Instructor" // or "Course Assistant", "TA", etc.
}Edit index.html directly - it's just plain HTML, easy to read and modify.
- Add the photo to the
images/students/directory - Update the student's entry in
data.jswith the image path
├── index.html # Main page (edit bio, awards, etc.)
├── style.css # Styling (MIT colors, layout)
├── data.js # Easy-to-update data (publications, students, teaching)
├── images/ # Photos and images
├── assets/ # PDF CV and other assets
└── README.md # This file
This site is hosted on GitHub Pages. Just commit and push your changes:
git add .
git commit -m "Update publications"
git pushYour site will automatically update at https://mgordon.me
The site uses MIT's official colors:
- MIT Red:
#A31F34(cardinal red) - MIT Gray:
#8A8B8C - Dark Gray:
#2C2C2C
This site is intentionally simple:
- No build process required
- No complex dependencies
- Easy to update content
- Clean, professional design
- Mobile responsive
To update content, you only need to edit data.js - no need to touch HTML or CSS unless you want to change the design.