Static website for GEMINI (GErmline's Molecular Interactions at Nanoscale Imaging), a research consortium of IMBA, IMP (Vienna BioCenter) and ISTA.
No build step, no dependencies — just HTML, CSS and JavaScript.
GEMINI_website/
├── index.html # page markup (sections & layout)
├── README.md
└── assets/
├── css/style.css # all styling
├── img/ # put people photos / logos here
└── js/
├── data.js # ← EDIT THIS to update content
└── main.js # rendering logic (rarely edited)
Open assets/js/data.js and edit the lists. Everything on the page
(People, Publications, News, Jobs) is generated from that one file.
- Add a person → add a
{ name, role, affiliation, photo, link }block toPEOPLE. Drop a photo inassets/img/and setphoto: "assets/img/name.jpg", or leavephoto: ""to show the person's initials. - Add a publication → add to
PUBLICATIONS. - Add news / an event → add to
NEWS. - Open positions → edit
JOBS(setconst JOBS = [];when there are none).
Text in the hero, mission and contact sections lives directly in index.html.
Just open index.html in a browser, or run a tiny local server:
cd GEMINI_website
python3 -m http.server 8000
# then visit http://localhost:8000- Create a GitHub repo and push these files.
- Repo → Settings → Pages → Source:
mainbranch,/ (root). - Your site goes live at
https://<user>.github.io/<repo>/. - For a custom domain (e.g.
gemini-consortium.org), add it under Settings → Pages → Custom domain and create aCNAMEDNS record.
- People names (except Sven Klumpe), photos and profile links.
- Publications, news items and job listings.
- Contact address and email (
info@gemini-consortium.orgis a placeholder). - Partner logos are shown as text; drop real logo images into
assets/img/and swap the.partner-listitems inindex.htmlif you prefer graphics.