From 4472decc2a85dcc80fea6802110cd86dbae44589 Mon Sep 17 00:00:00 2001
From: Philippe Barbosa <contact@philippebarbosa.com>
Date: Thu, 3 Mar 2016 19:23:56 +0100
Subject: [PATCH] Event styles

---
 .../static/scss/modules/event-card.scss       | 33 ++++++++
 app/templates/agenda/event_detail.html        | 29 +++----
 app/templates/agenda/event_list.html          | 75 ++++++++++---------
 3 files changed, 88 insertions(+), 49 deletions(-)
 create mode 100644 app/festival/static/scss/modules/event-card.scss

diff --git a/app/festival/static/scss/modules/event-card.scss b/app/festival/static/scss/modules/event-card.scss
new file mode 100644
index 00000000..611e4a0e
--- /dev/null
+++ b/app/festival/static/scss/modules/event-card.scss
@@ -0,0 +1,33 @@
+.event__card {
+  padding: 1rem;
+  background: $white;
+}
+
+.event__name {
+ margin: 0 0 1rem;
+}
+
+.event__meta {
+  display: inline-block;
+  *display: inline;
+  *zoom: 1;
+  text-align: right;
+
+  padding: .3rem;
+  // background: $main_color;
+  border: 1px solid $gray_light;
+  color: black;
+  &:before {
+    content: '\f041';
+    font-family: $icon-font;
+    display: inline-block;
+    *display: inline;
+    *zoom: 1;
+    vertical-align: middle;
+    margin-right: .6rem;
+    font-size: 2rem;
+    color: darken($main_color, 20);
+  }
+}
+
+// f041
\ No newline at end of file
diff --git a/app/templates/agenda/event_detail.html b/app/templates/agenda/event_detail.html
index 608255cf..1a9d6a4e 100644
--- a/app/templates/agenda/event_detail.html
+++ b/app/templates/agenda/event_detail.html
@@ -25,7 +25,7 @@
 
 {% block event_detail_postedby %}
 {% editable event.start event.end event.location %}
-<h6 class="post-meta">
+<p class="event__meta">
     {{ event.start }}
     {% if event.end %}
     {% trans "-" %} {{ event.end }}
@@ -33,7 +33,8 @@
     {% if event.location %}
     {% trans "at" %}
     <a href="{% url "event_list_location" event.location.slug %}">{{ event.location }}</a>
-    {% endif %}</h6>
+    {% endif %}
+</p>
 {% endeditable %}
 {% endblock %}
 {% block event_detail_commentlink %}
@@ -53,10 +54,10 @@
 {% endblock %}
 
 {% block event_detail_calendar %}
-<p><a href='{{ event|google_calendar_url }}' target="_blank" class="btn btn-default">
+<p><a href='{{ event|google_calendar_url }}' target="_blank" class="">
     Add to Google Calendar
 </a>
-<a href='{% icalendar_url %}' class="btn btn-default">
+<a href='{% icalendar_url %}' class="">
     Add to Outlook/iCal
 </a></p>
 {% endblock %}
@@ -80,16 +81,14 @@
 {% if event.location %}
 {% block event_detail_location %}
 {% editable event.location %}
-<div class="panel panel-default">
-    <div class="panel-body">
+<div class="event__card">
     <p>
-	{{ event.location.address|linebreaksbr }}<br />
-	<a href="{{ event|google_nav_url }}" target="_blank" class="btn btn-default">
-	    Get Directions
-	</a>
+        {{ event.location.address|linebreaksbr }}<br />
+        <a href="{{ event|google_nav_url }}" target="_blank" class="">
+            Get Directions
+        </a>
     </p>
-    {% google_static_map event 621 250 10 %}
-    </div>
+    {% google_static_map event 900 300 15 %}
 </div>
 {% endeditable %}
 {% endblock %}
@@ -119,8 +118,10 @@
 
 {% block event_detail_sharebuttons %}
 {% set_short_url_for event %}
-<a class="btn btn-sm share-twitter" target="_blank" href="http://twitter.com/home?status={{ event.short_url|urlencode }}%20{{ event.title|urlencode }}">{% trans "Share on Twitter" %}</a>
-<a class="btn btn-sm share-facebook" target="_blank" href="http://facebook.com/sharer.php?u={{ request.build_absolute_uri }}&amp;t={{ event.title|urlencode }}">{% trans "Share on Facebook" %}</a>
+<div class="share__button">
+    <a class="btn btn-twitter" target="_blank" href="http://twitter.com/home?status={{ event.short_url|urlencode }}%20{{ event.title|urlencode }}">{% trans "Share on Twitter" %}</a>
+    <a class="btn btn-facebook" target="_blank" href="http://facebook.com/sharer.php?u={{ request.build_absolute_uri }}&amp;t={{ event.title|urlencode }}">{% trans "Share on Facebook" %}</a>
+</div>
 {% endblock %}
 
 {% block event_previous_next %}
diff --git a/app/templates/agenda/event_list.html b/app/templates/agenda/event_list.html
index 51236096..8f12f7e0 100644
--- a/app/templates/agenda/event_list.html
+++ b/app/templates/agenda/event_list.html
@@ -69,47 +69,51 @@
 {% endif %}
 
 {% block event_calendar %}
-<p><a href='{% icalendar_url %}' target="_blank" class="btn btn-default">
-    Subscribe to all events in Google Calendar/Outlook/iCal
-</a></p>
+<p>
+    <a href='{% icalendar_url %}' target="_blank" class="">
+        Subscribe to all events in Google Calendar/Outlook/iCal
+    </a>
+</p>
 {% endblock %}
 
 {% for event in events.object_list %}
-{% block event_list_event_title %}
-{% editable event.title %}
-<h2>
-    <a href="{{ event.get_absolute_url }}">{{ event.title }}</a>
-</h2>
-{% endeditable %}
-{% endblock %}
-{% block event_list_event_metainfo %}
-{% editable event.start event.end event.location %}
-<h6 class="post-meta">
-    {{ event.start }}
-    {% if event.end %}
-    {% trans "-" %} {{ event.end }}
-    {% endif %}
-    {% if event.location %}
-    {% trans "at" %}
-    <a href="{% url "event_list_location" event.location.slug %}">{{ event.location }}</a>
+    {% block event_list_event_title %}
+        {% editable event.title %}
+        <div class="event__card">
+            <h3 class="event__name">
+                <a href="{{ event.get_absolute_url }}">{{ event.title }}</a>
+            </h3>
+        {% endeditable %}
+    {% endblock %}
+
+    {% if settings.EVENT_USE_FEATURED_IMAGE and event.featured_image %}
+        {% block event_list_event_featured_image %}
+            <a href="{{ event.get_absolute_url }}">
+                <img class="img-thumbnail pull-left" src="{{ MEDIA_URL }}{% thumbnail event.featured_image 90 90 %}">
+            </a>
+        {% endblock %}
     {% endif %}
-</h6>
-{% endeditable %}
-{% endblock %}
 
-{% if settings.EVENT_USE_FEATURED_IMAGE and event.featured_image %}
-{% block event_list_event_featured_image %}
-<a href="{{ event.get_absolute_url }}">
-    <img class="img-thumbnail pull-left" src="{{ MEDIA_URL }}{% thumbnail event.featured_image 90 90 %}">
-</a>
-{% endblock %}
-{% endif %}
+    {% block event_list_event_content %}
+        {% editable event.content %}
+            {{ event.description_from_content|safe }}
+        {% endeditable %}
+    {% endblock %}
 
-{% block event_list_event_content %}
-{% editable event.content %}
-{{ event.description_from_content|safe }}
-{% endeditable %}
-{% endblock %}
+    {% block event_list_event_metainfo %}
+        {% editable event.start event.end event.location %}
+            <p class="event__meta">
+                {{ event.start }}
+                {% if event.end %}
+                {% trans "-" %} {{ event.end }}
+                {% endif %}
+                {% if event.location %}
+                {% trans "at" %}
+                <a href="{% url "event_list_location" event.location.slug %}">{{ event.location }}</a>
+                {% endif %}
+            </p>
+        {% endeditable %}
+    {% endblock %}
 
 {% block event_list_event_links %}
 <div class="event-list-detail">
@@ -142,6 +146,7 @@
     </p>
 </div>
 {% endblock %}
+</div>
 {% endfor %}
 
 {% pagination_for events %}
-- 
2.39.5