A reference website for Scotch Whisky Single Malt — browse official tasting notes organized by region and distillery.
🌐 Live site: dram.philippelavoie.com
Created by Philippe Lavoie, a Scotch amateur from Montréal. After visiting Scotland and 6 distilleries, the idea was to build a clean reference site holding the official tasting notes for the most common single malts.
Data is sourced from a Google Spreadsheet and displayed through a responsive web interface with desktop, tablet, and mobile views.
- 🥃 Browse whiskies by Scottish region and distillery
- 📝 Official tasting notes: nose, taste, and finish
- 💰 SAQ (Société des alcools du Québec) pricing and links
- 📱 Responsive design — works on desktop, tablet, and mobile
- 🔗 Permalink support for deep-linking to specific bottles
- 🗺️ Interactive map view (
map.html)
| Library | Version | Purpose |
|---|---|---|
| jQuery | 4.0.0 | DOM manipulation & AJAX |
| jQuery UI | 1.14.2 | UI effects (slide, animations) |
| jQuery Roundabout | 2.4.x | Carousel for desktop view |
| Knockout.js | 3.5.2 | MVVM data binding |
| Underscore.js | 1.13.8 | Utility functions |
| Bootstrap | 5.3.8 | Layout and UI components |
| Bootstrap Icons | 1.13.1 | Icons |
DramProject/
├── index.html # Main application entry point
├── map.html # Interactive map view
├── CNAME # Custom domain configuration (dram.philippelavoie.com)
├── css/
│ ├── style.css # Main stylesheet
│ ├── mobile.css # Mobile-specific overrides
│ ├── bootstrap5.min.css # Bootstrap 5 framework
│ ├── bootstrap-icons.min.css # Bootstrap Icons
│ └── fonts/ # Bootstrap Icons font files
├── js/
│ ├── script.js # Main application logic & SpreadSheet module
│ ├── DramViewModel.js # Knockout ViewModel (data loading & mapping)
│ ├── DistilleryViewModel.js # Distillery & Bottle view models
│ ├── jquery-4.0.0.min.js
│ ├── jquery-ui-1.14.2.min.js
│ ├── bootstrap.bundle.min.js # Bootstrap 5 + Popper.js bundle
│ ├── jquery.roundabout.min.js
│ ├── knockout-3.5.2.js
│ └── underscore-1.13.8.min.js
└── img/
├── logo.png
├── favicon.ico
└── ...
This site is published via GitHub Pages directly from the master branch (root folder).
The custom domain dram.philippelavoie.com is configured via the CNAME file.
To configure Pages: Go to Settings → Pages, set Source to master branch, root folder.
The whisky data is stored in a Google Spreadsheet and loaded at runtime via the Google Visualization API.
Spreadsheet columns: Region, Distillery, Order, Whisky Name, Alcohol %, Appearance, Nose, Taste, Finish, Description, External URL, Picture URL, Scotchit URL, SAQ URL, SAQ Price.