summaryrefslogtreecommitdiff
path: root/site
diff options
context:
space:
mode:
Diffstat (limited to 'site')
-rw-r--r--site/assets/css/css.css21
-rw-r--r--site/content/pages/datasets/index.md2
-rw-r--r--site/public/datasets/index.html2
-rw-r--r--site/public/index.html9
-rw-r--r--site/templates/home.html9
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>