1+ <!DOCTYPE html>
2+ < html >
3+ < head >
4+ < title > UoB Computer Science Society - {{ page.title }}</ title >
5+ < link rel ="shortcut icon " type ="image/png " href ="/favicon.ico "/>
6+ < meta name =viewport content ="width=device-width, initial-scale=1 ">
7+ < link rel ="stylesheet " href ="{{ '/css/normalize.css' | relative_url }} ">
8+ < link rel ="stylesheet " href ="{{ '/css/main.css' | relative_url }} ">
9+ < link rel ="stylesheet " href ="{{ '/css/merch.css' | relative_url }} ">
10+ < link rel ="stylesheet " href ="{{ '/css/fadein.css' | relative_url }} ">
11+
12+ < script src ="{{ '/js/hamburger.js' | relative_url }} " type ="module "> </ script >
13+
14+ {% seo %}
15+ </ head >
16+ < body >
17+ {% include header.html %}
18+ < main >
19+ < div class ="merch-container fadein-container ">
20+ < a class ="merch-back fadein " href ="/merch "> < i class ="fas fa-arrow-left-long "> </ i > See other merch</ a >
21+ < div class ="merch-description fadein text-container ">
22+ < h1 > {{ page.title }}</ h1 >
23+ {{ content }}
24+ </ div >
25+ {% if page.gallery %}
26+ < div class ="gallery fadein ">
27+ < h2 > Gallery</ h2 >
28+ {% for photo in page.gallery %}
29+ < img src ="{{ photo.url }} " alt ="{{ photo.alt }} " />
30+ {% endfor %}
31+ </ div >
32+ {% endif %}
33+ < div class ="purchase fadein ">
34+ < h2 > Purchase options</ h2 >
35+ {% for option in page.options %}
36+ < div class ="purchase-option ">
37+ {% if option.quantity %}
38+ < div class ="option-label with-quantity ">
39+ < span class ="quantity "> {{option.quantity}}x</ span >
40+ {% else %}
41+ < div class ="option-label ">
42+ {% endif %}
43+ < span class ="option "> {{ option.name }}</ span >
44+ {% if option.note %}
45+ < span class ="note "> {{ option.note }}</ span >
46+ {% endif %}
47+ </ div >
48+ < span class ="price "> £{{ option.price }}</ span >
49+ </ div >
50+ {% endfor %}
51+ {% if page.url %}
52+ < a href ="{{ page.url }} " class ="button guild-button "> Buy on Guild website < i class ="fas fa-arrow-right "> </ i > </ a >
53+ {% endif %}
54+ </ div >
55+ </ div >
56+ </ main >
57+
58+ {% include footer.html %}
59+ </ body >
60+ </ html >
0 commit comments