Add words link, recommendations on dark bg

diff --git a/src/copyspeak/static/css/base.scss b/src/copyspeak/static/css/base.scss
index 2d7c0da..523490a 100644 (file)
--- a/src/copyspeak/static/css/base.scss
+++ b/src/copyspeak/static/css/base.scss
@@ -34,7 +34,7 @@ header {
 
 .fnp-logo {
     text-align:right;
-    margin-top: 8.5em;
+    margin-top: 4em;
     text-align: center;
 
     img {
@@ -48,6 +48,15 @@ h1.main {
     @media screen and (min-width: 45em) {
         font-size: 2vw;
     }
+
+    a {
+        color: #ccc;
+        text-decoration: none;
+        &:hover {
+            color: white;
+            text-decoration: underline;
+        }
+    }
 }
 
 #intro {
@@ -67,7 +76,7 @@ h1.main {
 
 .right-desc-container {
     @extend .desc-container;
-    top: 14em;
+    top: 10em;
 }
 
 .card-container {
@@ -215,7 +224,10 @@ h1.main {
     background-size: 100%;
 
     color: #656263;
-    a { color: #656263; }
+    a {color: #656263;}
+}
+.empty {
+    background-color: #222;
 }
 
 

diff --git a/src/words/templates/words/home.html b/src/words/templates/words/home.html
index 9a171a9..bc13102 100755 (executable)
--- a/src/words/templates/words/home.html
+++ b/src/words/templates/words/home.html
@@ -54,7 +54,7 @@
 </section>
 
 <section>
-<h1 class="main">The words</h1>
+<h1 class="main"><a href="#words" id="words">The words</a></h1>
 
 <div class="three-container">
 <div class="card-dummy"></div>

diff --git a/src/words/templates/words/word_detail.html b/src/words/templates/words/word_detail.html
index 10e97c1..6bf82f5 100755 (executable)
--- a/src/words/templates/words/word_detail.html
+++ b/src/words/templates/words/word_detail.html
@@ -23,18 +23,13 @@
         </section>
     </div>
 
-</section></div><div class="card-container"><div class="card-dummy"></div><section class="card back {{ object.alignment }}">
+</section></div><div class="card-container"><div class="card-dummy"></div><section class="card back empty">
 
     <div class="fnp-logo">
         <a href="//nowoczesnapolska.org.pl/about-us/">
             
             
-            <img 
-                {% if object.alignment == 'neutral' %}
-                    src="{% static 'img/logofnp_white.png' %}"
-                {% else %}
-                    src="{% static 'img/logofnp.png' %}"
-                {% endif %}
+            <img src="{% static 'img/logofnp.png' %}"
                 alt="Modern Poland Foundation">
         </a>
     </div>