Add link to info page from movie title.

3 files changed, 9 insertions, 1 deletions

diff --git a/index.html.erb b/index.html.erb
index ad3f561..62f31d2 100644
--- a/index.html.erb
+++ b/index.html.erb
@@ -53,7 +53,9 @@
                       <% end %>
                     </div>
                     <div class="event-item-meta">
-                      <div class="event-item-title"><%= e.title %></div>
+                      <div class="event-item-title">
+                        <a href="https://ramaskrik.no<%= e.info_link %>"><%= e.title %></a>
+                      </div>
                       <div class="event-item-times">
                         <time datetime="<%= e.start_time.iso8601 %>">
                           <%= e.start_time.strftime('%H:%M') %>
diff --git a/lib/events.rb b/lib/events.rb
index de9af64..24404f1 100644
--- a/lib/events.rb
+++ b/lib/events.rb
@@ -8,6 +8,7 @@ module Events
     attr_reader :title
     attr_reader :venue
     attr_reader :image_url
+    attr_reader :info_link
 
     def initialize(attrs)
       @start_time = Time.parse(attrs['start_time'])
@@ -15,6 +16,7 @@ module Events
       @title = attrs['title']
       @venue = attrs['venue']
       @image_url = attrs['image'] unless attrs['image'].length < 10
+      @info_link = attrs['info_link']
     end
 
     def date
diff --git a/styles.css b/styles.css
index 77e05c8..dd6071d 100644
--- a/styles.css
+++ b/styles.css
@@ -58,6 +58,10 @@ a:hover {
   font-family: Helvetica;
   font-size: small;
 }
+.event-item-title a {
+  color: #233;
+  font-weight: bolder;
+}
 .event-item.selected {
   background-color: #709270;
 }