From 8a3056d0e3cd4ae15bc24383b826adf77e049567 Mon Sep 17 00:00:00 2001
From: Omar Roth <omarroth@hotmail.com>
Date: Tue, 6 Mar 2018 22:03:45 -0600
Subject: [PATCH] Make link styling default for anchor tags

---
 assets/css/custom.css |  6 +++---
 src/helpers.cr        |  6 +++---
 src/views/index.ecr   |  4 ++--
 src/views/search.ecr  |  6 +++---
 src/views/watch.ecr   | 10 +++++-----
 5 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/assets/css/custom.css b/assets/css/custom.css
index 70f0c0a6..7ff9a196 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -1,9 +1,9 @@
-a.link {
+a {
     color: #333;
     text-decoration: none;
 }
 
-a:hover.link,
-a:active.link {
+a:hover,
+a:active {
     color: #167ac6;
 }
\ No newline at end of file
diff --git a/src/helpers.cr b/src/helpers.cr
index fae9653e..6ecd1e04 100644
--- a/src/helpers.cr
+++ b/src/helpers.cr
@@ -216,7 +216,7 @@ def decrypt_signature(a)
   a = splice(a, 53)
   a = splice(a, 47)
   a.delete_at(0..2)
-  
+
   return a.join("")
 end
 
@@ -300,7 +300,7 @@ def template_comments(root)
 
       content = <<-END_HTML
       <p>
-        <a class="link" href="javascript:void(0)" onclick="toggle(this)">[ - ]</a> #{score} <b>#{author}</b> 
+        <a href="javascript:void(0)" onclick="toggle(this)">[ - ]</a> #{score} <b>#{author}</b> 
       </p>
       <div>
       #{body_html}
@@ -358,7 +358,7 @@ def add_alt_links(html)
 
     if ["www.youtube.com", "youtu.be", "m.youtube.com"].includes?(url.host) && url.path == "/watch"
       alt_link = <<-END_HTML
-      <a class="link" href="#{url.full_path}">
+      <a href="#{url.full_path}">
         <i class="fa fa-link" aria-hidden="true"></i>
       </a>
       END_HTML
diff --git a/src/views/index.ecr b/src/views/index.ecr
index 843ceefb..d902ae17 100644
--- a/src/views/index.ecr
+++ b/src/views/index.ecr
@@ -8,11 +8,11 @@
     <% player_response = JSON.parse(video.info["player_response"]) %>
     <div class="pure-u-1 pure-u-md-1-4">
         <div style="margin:1em;">
-            <a style="width:100%;" class="link" href="/watch?v=<%= video.id %>">
+            <a style="width:100%;" href="/watch?v=<%= video.id %>">
                 <img style="width:100%;" src="<%= player_response["videoDetails"]["thumbnail"]["thumbnails"][0]["url"] %>"/>
                 <p><%= video.title %></p>
             </a>
-            <p><b><a style="width:100%;" class="link" href="https://youtube.com/channel/<%= video.info["ucid"] %>"><%= video.info["author"] %></a></b></p>
+            <p><b><a style="width:100%;" href="https://youtube.com/channel/<%= video.info["ucid"] %>"><%= video.info["author"] %></a></b></p>
         </div>
     </div>
     <% end %>
diff --git a/src/views/search.ecr b/src/views/search.ecr
index 4ed6f408..ed41eac0 100644
--- a/src/views/search.ecr
+++ b/src/views/search.ecr
@@ -7,11 +7,11 @@
 <% slice.each do |video| %>
     <div class="pure-u-1 pure-u-md-1-4">
         <div style="margin:1em;">
-            <a style="width:100%;" class="link" href="<%= video["link"] %>">
+            <a style="width:100%;" href="<%= video["link"] %>">
                 <img style="width:100%;" src="<%= video["thumbnail"] %>"/>
                 <%= video["title"] %>
             </a>
-            <p><b><a style="width:100%;" class="link" href="<%= video["author_url"]%>"><%= video["author"] %></a></b></p>
+            <p><b><a style="width:100%;" href="<%= video["author_url"]%>"><%= video["author"] %></a></b></p>
         </div>
     </div>
     <% end %>
@@ -19,5 +19,5 @@
 <% end %>
 
 <p style="text-align:right;">
-    <a class="link" href="/search?q=<%= query %>&page=<%= page + 1 %>">Next page</a>
+    <a href="/search?q=<%= query %>&page=<%= page + 1 %>">Next page</a>
 </p>
diff --git a/src/views/watch.ecr b/src/views/watch.ecr
index a9600320..85553123 100644
--- a/src/views/watch.ecr
+++ b/src/views/watch.ecr
@@ -75,11 +75,11 @@ function toggle(target) {
 <h1>
     <%= video.info["title"] %> 
     <% if listen %>
-    <a class="link" href="/watch?<%= env.params.query %>">
+    <a href="/watch?<%= env.params.query %>">
         <i class="fa fa-video" aria-hidden="true"></i>
     </a>
     <% else %>
-    <a class="link" href="/watch?<%= env.params.query %>&listen=true">
+    <a href="/watch?<%= env.params.query %>&listen=true">
         <i class="fa fa-volume-up" aria-hidden="true"></i>
     </a>
     <% end %>
@@ -97,7 +97,7 @@ function toggle(target) {
 
     <div class="pure-u-1 pure-u-md-3-5">
         <p>
-            <a class="link" href="https://youtube.com/channel/<%= video.info["ucid"] %>">
+            <a href="https://youtube.com/channel/<%= video.info["ucid"] %>">
                 <h3><%= video.info["author"] %></h3>
             </a>
         </p>
@@ -109,7 +109,7 @@ function toggle(target) {
         <div style="margin-right:1em; overflow-wrap:break-word; word-wrap:break-word;">
             <h3><%= reddit_thread.data.title %></h3>
             <b>
-                <a target="_blank" class="link" href="https://reddit.com<%= reddit_thread.data.permalink %>">View comments on Reddit</a>
+                <a target="_blank" href="https://reddit.com<%= reddit_thread.data.permalink %>">View comments on Reddit</a>
             </b>
             <%= reddit_html %>
         </div>
@@ -119,7 +119,7 @@ function toggle(target) {
     <div class="pure-u-1 pure-u-md-1-5">
     <% rvs.each do |rv| %>
         <% if rv.has_key?("id") %>
-        <a class="link" href="/watch?v=<%= rv["id"] %>">
+        <a href="/watch?v=<%= rv["id"] %>">
             <img style="width:100%;" alt="thumbnail" src="<%= rv["iurlmq"] %>">
             <p style="width:100%"><%= rv["title"] %></p>
             <p><b style="width: 100%"><%= rv["author"] %></b></p>