expand dataset list

2 files changed, 8 insertions, 29 deletions

diff --git a/site/assets/css/css.css b/site/assets/css/css.css
index 92e59b3c..c76476e2 100644
--- a/site/assets/css/css.css
+++ b/site/assets/css/css.css
@@ -843,12 +843,17 @@ section.fullwidth .image {
 }
 .dataset-list .dataset {
   width: 300px;
-  height: 178px;
   padding: 10px;
   color: white;
   font-weight: 400;
   font-family: 'Roboto';
   position: relative;
+  background: black;
+}
+.dataset-list .dataset-image {
+  background-size: cover;
+  width: 300px;
+  height: 178px;
 }
 .desktop .content .dataset-list a {
   border: none;
@@ -856,38 +861,12 @@ section.fullwidth .image {
 .desktop .dataset-list a:hover {
   border: none;
 }
-.dataset-list a:nth-child(3n+1) { background-color: rgba(255, 0, 0, 0.1); }
-.desktop .dataset-list a:nth-child(3n+1):hover { background-color: rgba(255, 0, 0, 0.2); }
-
-.dataset-list a:nth-child(3n+2) { background-color: rgba(255, 128, 0, 0.1); }
-.desktop .dataset-list a:nth-child(3n+2):hover { background-color: rgba(255, 128, 0, 0.2); }
-
-.dataset-list a:nth-child(3n+3) { background-color: rgba(255, 255, 0, 0.1); }
-.desktop .dataset-list a:nth-child(3n+3):hover { background-color: rgba(255, 255, 0, 0.2); }
-
-.dataset-list span {
-  background-color: #181818;
-  box-shadow: -3px -3px #181818, 3px -3px #181818, -3px 3px #181818, 3px 3px #181818;
-  box-decoration-break: clone;
-}
-.dataset-list .title {
-  margin-bottom: 10px;
-  padding: 2px 4px;
 
-}
 .dataset-list .fields {
-  display: block;
-  position: absolute;
-  bottom: 0px;
-  left: 10px;
   font-size: 12px;
 }
 .dataset-list .fields div {
-  display: none;
-}
-.dataset-list .fields div.visible {
   display: block;
-  margin-bottom: 10px;
 }
 .dataset-list .sort-options {
   margin: 0;
diff --git a/site/templates/datasets.html b/site/templates/datasets.html
index 0c579177..0c3cbad1 100644
--- a/site/templates/datasets.html
+++ b/site/templates/datasets.html
@@ -12,14 +12,14 @@
 
     <div class="dataset-list">
     {% for dataset in datasets %}
-      <a href="{{ dataset.url }}" style="background-image: url(https://nyc3.digitaloceanspaces.com/megapixels/v1{{ dataset.url }}assets/index.jpg)">
+      <a href="{{ dataset.url }}">
+        <div class="dataset-image" style="background-image: url(https://nyc3.digitaloceanspaces.com/megapixels/v1{{ dataset.url }}assets/index.jpg)"></div>
         <div class="dataset">
           <span class='title'>{{ dataset.title }}</span>
           <div class='fields'>
             <div class='year visible'><span>{{ dataset.meta.dataset.year_published }}</span></div>
             <div class='purpose'><span>{{ dataset.meta.dataset.purpose }}</span></div>
             <div class='images'><span>{{ dataset.meta.dataset.images }} images</span></div>
-            <div class='identities'><span>{{ dataset.meta.dataset.identities }}</span></div>
           </div>
         </div>
       </a>