diff --git a/src/css/filters_styles.css b/src/css/filters_styles.css new file mode 100644 index 0000000..25e0087 --- /dev/null +++ b/src/css/filters_styles.css @@ -0,0 +1,11 @@ +.filters-list li { + min-height: 30px; + min-width: 150px; + padding: 5px 25px; + list-style: none; + display: inline-block; + border: 1px solid grey; + border-radius: 3px; + background: orange; + font-size: 1.5em; + } diff --git a/src/filters.html b/src/filters.html new file mode 100644 index 0000000..a9725d3 --- /dev/null +++ b/src/filters.html @@ -0,0 +1,20 @@ + + + + + + + + + +
+ +
+ + diff --git a/src/filters.html~ b/src/filters.html~ new file mode 100644 index 0000000..4c8a2f8 --- /dev/null +++ b/src/filters.html~ @@ -0,0 +1,20 @@ + + + + + + + + + +
+ +
+ + diff --git a/views/calendar.jade b/views/calendar.jade index 3d63b9a..0f0f87b 100644 --- a/views/calendar.jade +++ b/views/calendar.jade @@ -3,3 +3,17 @@ extends layout block content h1= title p Welcome to #{title} + + doctype html +html + head(lang='en') + meta(charset='UTF-8') + link(rel='stylesheet', href='../src/css/filters_styles.css') + body + .filters-block + ul.filters-list + li eventtag1 + li eventtag2 + li eventtag3 + li eventtag4 + li eventtag5 diff --git a/views/calendar.jade~ b/views/calendar.jade~ new file mode 100644 index 0000000..3d63b9a --- /dev/null +++ b/views/calendar.jade~ @@ -0,0 +1,5 @@ +extends layout + +block content + h1= title + p Welcome to #{title}