Add hover effect to all links except ones with 'nohover' class
diff --git a/static/css/style.less b/static/css/style.less
index 775b392..4d60c18 100644
--- a/static/css/style.less
+++ b/static/css/style.less
@@ -24,6 +24,12 @@
text-decoration: none;
}
+a[href]:not(.nohover) {
+ &:hover{
+ color: @accent;
+ }
+}
+
hr {
color: @light-grey;
background-color: @light-grey;
diff --git a/templates/article.html b/templates/article.html
index 68b91dc..48f4d4e 100644
--- a/templates/article.html
+++ b/templates/article.html
@@ -12,7 +12,7 @@
{% block content %}
<article>
<div class="article_title">
- <h1><a href="{{ SITEURL }}/{{ article.url }}">{{ article.title }}</a></h1>
+ <h1><a href="{{ SITEURL }}/{{ article.url }}" class="nohover">{{ article.title }}</a></h1>
</div>
<div class="article_text">
{{ article.content }}
diff --git a/templates/base.html b/templates/base.html
index 39bd2a1..57da866 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -45,7 +45,7 @@
<img src="{{ SITEURL }}/theme/images/logo.png" alt="logo">
{% endif %}
</a>
- <h2><a href="{{ SITEURL }}">{{ AUTHOR }}</a></h2>
+ <h2><a href="{{ SITEURL }}" class="nohover">{{ AUTHOR }}</a></h2>
<p>{{ TAGLINE }}</p>
<ul>
{% for title, link in MENUITEMS %}
diff --git a/templates/page.html b/templates/page.html
index ba8e946..fe8b24f 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -4,7 +4,7 @@
{% block content %}
<article>
<div class="article_title">
- <h1><a href="{{ SITEURL }}/{{ page.url }}">{{ page.title }}</a></h1>
+ <h1><a href="{{ SITEURL }}/{{ page.url }}" class="nohover">{{ page.title }}</a></h1>
</div>
<div class="article_text">
{{ page.content }}