home

5 files changed, 36 insertions, 7 deletions

diff --git a/site/assets/css/css.css b/site/assets/css/css.css
index 7b89905c..304f8b67 100644
--- a/site/assets/css/css.css
+++ b/site/assets/css/css.css
@@ -277,7 +277,7 @@ th, .gray {
 .teaser {
   position: absolute;
   top: 50%;
-  left: 25%;
+  left: 100px;
   transform: translateY(-50%);
 }
 .teaser b {
@@ -285,21 +285,32 @@ th, .gray {
   font-weight: 500;
   color: #fff;
   font-size: 40px;
-  display: block;
+  background: #181818;
+  box-shadow: -3px -3px #181818, 3px -3px #181818, -3px 3px #181818, 3px 3px #181818;
+  box-decoration-break: clone;
 }
 .teaser tt {
   font-family: 'Roboto Mono', monospace;
   color: #ddd;
   font-size: 16px;
+  line-height: 1.7;
   display: block;
   max-width: 400px;
+  margin: 10px 0 30px 0;
+}
+.teaser tt span {
+  background: #181818;
+  box-shadow: -3px -3px #181818, 3px -3px #181818, -3px 3px #181818, 3px 3px #181818;
+  box-decoration-break: clone;
 }
 .teaser .btn {
   color: #ddd;
   background: #444;
-  padding: 5px 10px;
-  font-size: 20px;
+  padding: 10px 15px;
+  font-size: 18px;
   border-radius: 4px;
+  text-decoration: none;
+  box-shadow: 0 1px 2px #181818;
 }
 
 /* content */
@@ -841,8 +852,8 @@ section.fullwidth .image {
 .desktop .dataset-list a:nth-child(3n+3):hover { background-color: rgba(255, 255, 0, 0.2); }
 
 .dataset-list span {
-  box-shadow: -3px -3px #181818, 3px -3px #181818, -3px 3px #181818, 3px 3px #181818;
   background-color: #181818;
+  box-shadow: -3px -3px #181818, 3px -3px #181818, -3px 3px #181818, 3px 3px #181818;
   box-decoration-break: clone;
 }
 .dataset-list .title {
diff --git a/site/content/pages/datasets/index.md b/site/content/pages/datasets/index.md
index 94408ce8..95c96e7f 100644
--- a/site/content/pages/datasets/index.md
+++ b/site/content/pages/datasets/index.md
@@ -13,4 +13,4 @@ sync: false
 
 # Face Recognition Datasets
 
-Explore face recognition datasets contributing the growing crisis of authoritarian biometric surveillance technologies. This first group of datasets focuses usage connected to foriegn surveillance companies and defense organizations.
+Explore face recognition datasets contributing the growing crisis of authoritarian biometric surveillance technologies. This first group of datasets focuses usage connected to foreign surveillance companies and defense organizations.
diff --git a/site/public/datasets/index.html b/site/public/datasets/index.html
index b79ff5e2..38d2960d 100644
--- a/site/public/datasets/index.html
+++ b/site/public/datasets/index.html
@@ -37,7 +37,7 @@
 
   <div class='dataset-heading'>
     <section><h1>Face Recognition Datasets</h1>
-<p>Explore face recognition datasets contributing the growing crisis of authoritarian biometric surveillance technologies. This first group of datasets focuses usage connected to foriegn surveillance companies and defense organizations.</p>
+<p>Explore face recognition datasets contributing the growing crisis of authoritarian biometric surveillance technologies. This first group of datasets focuses usage connected to foreign surveillance companies and defense organizations.</p>
 </section>
   </div>
 
diff --git a/site/public/index.html b/site/public/index.html
index 2cbb4eef..9798f0d9 100644
--- a/site/public/index.html
+++ b/site/public/index.html
@@ -35,6 +35,15 @@
   </header>
   <div class="splash">
     <div id="three_container"></div>
+    <div class="teaser">
+      <b>MegaPixels</b>
+      <tt><span>is an art and research project
+      investigating the ethics, origins,
+      and individual privacy implications
+      of face recognition datasets
+      created "in the wild."</span></tt>
+      <a href="/datasets/" class='btn'>View Datasets</a>
+    </div>
   </div>
   <footer>
     <div>
diff --git a/site/templates/home.html b/site/templates/home.html
index 2cbb4eef..9798f0d9 100644
--- a/site/templates/home.html
+++ b/site/templates/home.html
@@ -35,6 +35,15 @@
   </header>
   <div class="splash">
     <div id="three_container"></div>
+    <div class="teaser">
+      <b>MegaPixels</b>
+      <tt><span>is an art and research project
+      investigating the ethics, origins,
+      and individual privacy implications
+      of face recognition datasets
+      created "in the wild."</span></tt>
+      <a href="/datasets/" class='btn'>View Datasets</a>
+    </div>
   </div>
   <footer>
     <div>