Geïnspireerd door Keltische cultuur en IJzertijd re-enactment, biedt Taranartos u een selectie heerlijke mede en de gepaste drinkhoorn aan. | Inspired by Iron Age history and Celtic culture, Taranartos aims to bring you a fine selection of mead and the appropriate drinking horn.
My first officially released website recently got a complete rebuild.
A website with a list of products that is hardcoded into the html and scripts, makes frequent changes and/or updates unnecessarily complicated. And way too exhausting. Since I am both the webdesigner and webmaster for the Taranartos site, all of that work fell to me.
In other words: the perfect motivation to change the whole thing to be more accessible and flexible toward adding/removing products and making changes. And Angular.JS had been glistening in the corner of my eye to learn and play with for a while.
So: Exit jQuery stage left, enter Angular.JS
Almost the entire site was rewritten from scratch, though usable parts were salvaged from the previous version. All jQuery was thrown out - part to see what I could do with Angular, part to prevent myself from taking the easy way out.Â
The end result is a Single Page website in with 2 different languages and routing to dynamically load views for the different "pages". Tranlation strings, product list and store feature messages in separate files for easy access/maintenance and fully responsive layout from smartphone to desktop. Fancy fade animations were unfortunately left out, but a much speedier website and menu replaced them.













