class for styles

diff --git a/app/festival/static/festival/css/festival.css b/app/festival/static/festival/css/festival.css
index b0b11fb5df1e66e5adf50632e94b31f198c7d44c..cd87df83a2e4158580c965dd1873be5ee326be39 100644 (file)
--- a/app/festival/static/festival/css/festival.css
+++ b/app/festival/static/festival/css/festival.css
@@ -2,3 +2,13 @@
 .main {
     margin-top: 4em;
 }
+
+.image-left {
+    float: left;
+    margin: 0px 15px 15px 0px;
+}
+
+.image-right {
+    float: right;
+    margin: 0px 0px 15px 15px;
+}

diff --git a/app/festival/templates/festival/artist_detail.html b/app/festival/templates/festival/artist_detail.html
index b883084d3bc94529de7a20e9be166729f8304030..279f3e493f11b65a235787c71df0d2e6efd4f758 100644 (file)
--- a/app/festival/templates/festival/artist_detail.html
+++ b/app/festival/templates/festival/artist_detail.html
@@ -10,7 +10,7 @@
 
 <div class="artist-bio">
  <p>
-  <img style="float: {{ artist.photo_alignment }}; margin: 0px 15px 15px 0px;" src="{{ MEDIA_URL }}/{{ artist.photo }}" width="50%" />
+  <img class="{% if artist.photo_alignment == 'left' %}image-left{% else %}image-right{% endif %}" src="{{ MEDIA_URL }}/{{ artist.photo }}" width="50%" />
   {{ artist.bio|safe }}
   <br style="clear: both;" />
  </p>