A Pen by Adrian Roselli on CodePen.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <header> | |
| <h1>Shadowrun™ Demo Sheet (JSON-powered)</h1> | |
| </header> | |
| <main> | |
| <div id="Core"> | |
| <p> | |
| The JSON is probably invalid or the script that parses it is broken. Either way, my fault. | |
| </p> |
aardrian
/ gen-con-2016-food-truck-shifts.markdown
Created
March 11, 2017 02:36
Gen Con 2016 Food Truck Shifts
A quick method to select see what food trucks will be on site using just CSS for the mobile accordion, desktop tabs. Uses script to detect current time and start you in the appropriate grid, with some additional JavaScript to manage states.
A Pen by Adrian Roselli on CodePen.
Example of a conference schedule that is responsive, progressive, accessible, dependency-free, and useful.
WORK IN PROGRESS
A Pen by Adrian Roselli on CodePen.