From 84508d90fd53c938de4839d72b02f42d271cb489 Mon Sep 17 00:00:00 2001 From: adamhrv Date: Sun, 31 Mar 2019 16:01:13 +0200 Subject: css for about page --- site/assets/css/css.css | 131 ++++++++++++++++++++++++++++-------------------- 1 file changed, 77 insertions(+), 54 deletions(-) (limited to 'site/assets/css/css.css') diff --git a/site/assets/css/css.css b/site/assets/css/css.css index 47fc0652..0244b86b 100644 --- a/site/assets/css/css.css +++ b/site/assets/css/css.css @@ -464,10 +464,10 @@ section.fullwidth .image { text-align: center; } .image .caption.intro-caption{ - text-align: left; + text-align: center; } .caption { - text-align: left; + text-align: center; font-size: 10pt; color: #999; max-width: 960px; @@ -484,50 +484,6 @@ section.fullwidth .image { } -/* about page */ - - -.flex-container { - padding: 0; - margin: 0; - list-style: none; - - display: -webkit-box; - display: -moz-box; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - - -webkit-flex-flow: row wrap; - justify-content: space-around; -} - -.team-photos-container{ - margin-top:40px; -} -.team-member { - height: auto; - margin-top: 10px; - color: white; - width: 400px; - font-weight: bold; - flex-grow: 1; - margin:0 40px 0 0; - padding:20px; - border-radius:6px; - background: #202020; -} -.team-member&:last-child{ - margin:0 0 0 40px; -} -.team-member p{ - font-size:14px; -} -.team-member img{ - margin:0; - display: block; -} - .sideimage { margin: 0px 0 40px 0; @@ -771,7 +727,7 @@ section.intro_section { background-size: cover; background-position: center left; padding: 50px 0; - /*min-height: 40vh;*/ + min-height: 40vh; display: flex; justify-content: center; align-items: center; @@ -829,7 +785,7 @@ page-specific formatting position: relative; width: 100%; height: 50px; - margin-top:100px; + margin-top:50px; } .hr-wave-line1 { @@ -848,34 +804,54 @@ page-specific formatting /* map */ -.map-legend-item{ +ul.map-legend{ display: inline-block; + margin:0; +} +ul.map-legend li{ margin-right: 10px; padding-top:4px; + display: inline-block; } -.map-legend-item:before { +ul.map-legend li:before { content: ''; display: inline-block; width: 10px; height: 10px; - /*margin-bottom: 2px;*/ margin-right: 6px; } -.map-legend-item.edu:before { +ul.map-legend li.edu:before { background-color: #f2f293; } -.map-legend-item.com:before { +ul.map-legend li.com:before { background-color: #3264f6; } -.map-legend-item.gov:before { +ul.map-legend li.gov:before { background-color: #f30000; } +ul.map-legend li.source:before { + content: none; + display: inline-block; + width: 0px; + margin-right: 10px; +} /* about */ .content-about { color: #fff; } +.content-about p { + font-size:16px; +} +.content-about ul{ + font-size:14px; + font-weight: 300; +} +.content-about section > p:first-of-type{ + font-size:23px; + line-height:39px; +} .content-about .about-menu ul li { display: inline-block; font-size: 14px; @@ -894,6 +870,53 @@ page-specific formatting border-bottom: 1px solid #ddd; color: #ddd; } +/* about page */ + + +.flex-container { + padding: 0; + margin: 0; + list-style: none; + + display: -webkit-box; + display: -moz-box; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + + -webkit-flex-flow: row wrap; + justify-content: space-around; +} + +.content-about .team-photos-container{ + margin:40px 0; +} +.content-about .team-member { + height: auto; + margin-top: 10px; + color: white; + width: 400px; + font-weight: bold; + flex-grow: 1; + margin:0 40px 0 0; + padding:20px; + border-radius:6px; + background: #202020; +} +.content-about .team-member&:last-child{ + margin:0 0 0 40px; +} +.content-about .team-member p{ + font-size:14px; +} +.content-about .team-member img{ + margin:0; + display: block; +} +.content-about .team-member h3{ + font-size:18px; +} + /* footnotes */ -- cgit v1.2.3-70-g09d2 From 6366b90b7e124a0059e2ebebe0f813b2e35e2f66 Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Sun, 31 Mar 2019 16:54:38 +0200 Subject: columns --- megapixels/app/site/parser.py | 22 ++++++++++++++++++++++ site/assets/css/css.css | 26 ++++++++++++++++++++------ site/content/pages/about/index.md | 16 ++++++++++++---- site/public/about/index.html | 16 ++++++++-------- 4 files changed, 62 insertions(+), 18 deletions(-) (limited to 'site/assets/css/css.css') diff --git a/megapixels/app/site/parser.py b/megapixels/app/site/parser.py index 00470e4b..06c45f41 100644 --- a/megapixels/app/site/parser.py +++ b/megapixels/app/site/parser.py @@ -27,6 +27,7 @@ def parse_markdown(metadata, sections, s3_path, skip_h1=False): current_group = [] footnotes = [] in_stats = False + in_columns = False in_footnotes = False ignoring = False @@ -50,6 +51,7 @@ def parse_markdown(metadata, sections, s3_path, skip_h1=False): footnotes.append(section) elif ignoring: continue + elif '### statistics' in section.lower() or '### sidebar' in section.lower(): if len(current_group): groups.append(format_section(current_group, s3_path)) @@ -64,6 +66,26 @@ def parse_markdown(metadata, sections, s3_path, skip_h1=False): if 'end sidebar' not in section.lower(): current_group.append(section) in_stats = False + + elif '=== columns' in section.lower(): + if len(current_group): + groups.append(format_section(current_group, s3_path)) + current_group = [] + in_columns = True + column_partz = section.split(' ') + if len(column_partz) == 3: + column_count = column_partz[2] + else: + column_count = "N" + groups.append("
".format(column_count)) + elif in_columns is True and '===' in section: + groups.append(format_section(current_group, s3_path, type='column', tag='div')) + current_group = [] + if 'end columns' in section: + groups.append("
") + in_columns = False + current_group = [] + elif section.strip().startswith('{% include'): groups.append(format_section(current_group, s3_path)) current_group = [] diff --git a/site/assets/css/css.css b/site/assets/css/css.css index 0244b86b..b9e99efe 100644 --- a/site/assets/css/css.css +++ b/site/assets/css/css.css @@ -842,21 +842,20 @@ ul.map-legend li.source:before { color: #fff; } .content-about p { - font-size:16px; + font-size: 16px; } .content-about ul{ - font-size:14px; + font-size: 14px; font-weight: 300; } -.content-about section > p:first-of-type{ - font-size:23px; - line-height:39px; +.content-about section:first-of-type > p:first-of-type { + font-size: 23px; + line-height: 39px; } .content-about .about-menu ul li { display: inline-block; font-size: 14px; font-weight: 400; - margin-right: 8px; text-transform: uppercase; margin-right: 15px; font-family: 'Roboto'; @@ -870,6 +869,21 @@ ul.map-legend li.source:before { border-bottom: 1px solid #ddd; color: #ddd; } + +/* columns */ + +.columns { + display: flex; + flex-direction: row; + justify-content: flex-start; +} +.columns-3 .column { + width: 33%; + padding-right: 20px; + font-family: Roboto, sans-serif; + font-weight: 400; +} + /* about page */ diff --git a/site/content/pages/about/index.md b/site/content/pages/about/index.md index c2d67f16..5fc147c9 100644 --- a/site/content/pages/about/index.md +++ b/site/content/pages/about/index.md @@ -29,7 +29,7 @@ The MegaPixels site is made possible with support from
-

Adam Harvey

+

Adam Harvey

is Berlin-based American artist and researcher. His previous projects (CV Dazzle, Stealth Wear, and SkyLift) explore the potential for counter-surveillance as artwork. He is the founder of VFRAME (visual forensics software for human rights groups) and is a currently researcher in residence at Karlsruhe HfG.

ahprojects.com

@@ -42,29 +42,37 @@ The MegaPixels site is made possible with support from Mozilla

-

Adam Harvey

+

Adam Harvey

is Berlin-based American artist and researcher. His previous projects (CV Dazzle, Stealth Wear, and SkyLift) explore the potential for counter-surveillance as artwork. He is the founder of VFRAME (visual forensics software for human rights groups) and is a currently researcher in residence at Karlsruhe HfG.

ahprojects.com

@@ -50,29 +50,29 @@

asdf.us

-

MegaPixels.cc is an independent research project about publicly available face recognition datasets. This website is based, in part, on earlier installations and research project about facial recognition datasets in 2016-2018, in particular the MegaFace dataset. Since then it has evolved into a large-scale survey and analysis of publicly available face and person analysis dataset usage, geographies, and ethics.

-

An academic report and presentation on the findings is forthcoming. This site is published to make the research more accessible to a wider audience and to include visualizations and interactive features not possible in PDF publications. Continued research on MegaPixles is supported by a 1 year Researcher-in-Residence grant from Karlsruhe HfG.

+

MegaPixels.cc is an independent research project about publicly available face recognition datasets. This website is based, in part, on earlier installations and research projects about facial recognition datasets in 2016-2018, which focused particularly on the MegaFace dataset. Since then it has evolved into a large-scale survey of publicly-available face and person analysis datasets, covering their usage, geographies, and ethics.

+

An academic report and presentation on the findings is forthcoming. This site is published to make the research more accessible to a wider audience and to include visualizations and interactive features not possible in PDF publications. Continued research on MegaPixels is supported by a 1 year Researcher-in-Residence grant from Karlsruhe HfG.

When possible, and once thoroughly verified, data generated for MegaPixels will be made available for download on github.com/adamhrv/megapixels

-

Team

+

Team

  • Adam Harvey: Concept, research, design, computer vision
  • Jules LaPlace: Information and systems architecture, data retrieval, web applications
-

Contributing Researchers

+

Contributing Researchers

  • Berit Gilma: Dataset statistics and discovery
  • Beth (aka Ms. Celeb): Dataset usage verification and research
  • Mathana Stender: Commercial usage verification and research on LFW
-

Code and Libraries

+

Code and Libraries

  • Semantic Scholar for citation aggregation
  • Leaflet.js for maps
  • C3.js for charts
  • -
  • D3.js and ThreeJS for 3D visualizations
  • +
  • ThreeJS for 3D visualizations
  • PDFMiner.Six and Pandas for research paper data analysis
-

Please direct questions, comments, or feedback to mastodon.social/@adamhrv

+

Please direct questions, comments, or feedback to mastodon.social/@adamhrv

-- cgit v1.2.3-70-g09d2 From 0f2aa955e880dbcb8a1526c09ca9271740ed14f7 Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Sun, 31 Mar 2019 16:57:12 +0200 Subject: columns --- site/assets/css/css.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) (limited to 'site/assets/css/css.css') diff --git a/site/assets/css/css.css b/site/assets/css/css.css index b9e99efe..260a495f 100644 --- a/site/assets/css/css.css +++ b/site/assets/css/css.css @@ -879,9 +879,11 @@ ul.map-legend li.source:before { } .columns-3 .column { width: 33%; - padding-right: 20px; font-family: Roboto, sans-serif; font-weight: 400; + background: #202020; + padding: 15px; + margin: 10px; } /* about page */ -- cgit v1.2.3-70-g09d2 From 189095364daf877f63ce075dc7d98edd7036572d Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Sun, 31 Mar 2019 16:57:58 +0200 Subject: columns --- site/assets/css/css.css | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) (limited to 'site/assets/css/css.css') diff --git a/site/assets/css/css.css b/site/assets/css/css.css index 260a495f..0bb1f885 100644 --- a/site/assets/css/css.css +++ b/site/assets/css/css.css @@ -877,14 +877,22 @@ ul.map-legend li.source:before { flex-direction: row; justify-content: flex-start; } -.columns-3 .column { - width: 33%; +.columns .column { font-family: Roboto, sans-serif; font-weight: 400; background: #202020; padding: 15px; margin: 10px; } +.columns-2 .column { + width: 50%; +} +.columns-3 .column { + width: 33%; +} +.columns-4 .column { + width: 25%; +} /* about page */ -- cgit v1.2.3-70-g09d2 From 5a9fd63a7efc9b416ba4e5ce4ef9170a4be761ca Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Sun, 31 Mar 2019 16:58:27 +0200 Subject: columns --- site/assets/css/css.css | 3 +++ 1 file changed, 3 insertions(+) (limited to 'site/assets/css/css.css') diff --git a/site/assets/css/css.css b/site/assets/css/css.css index 0bb1f885..c3800315 100644 --- a/site/assets/css/css.css +++ b/site/assets/css/css.css @@ -884,6 +884,9 @@ ul.map-legend li.source:before { padding: 15px; margin: 10px; } +.columns .column:first-of-type { + margin-left: 0; +} .columns-2 .column { width: 50%; } -- cgit v1.2.3-70-g09d2 From ccdc0705c2d06122144755d21c6d2156f045304d Mon Sep 17 00:00:00 2001 From: adamhrv Date: Mon, 1 Apr 2019 12:05:53 +0200 Subject: cosmetics --- site/assets/css/css.css | 30 ++++++++++++++++-------------- 1 file changed, 16 insertions(+), 14 deletions(-) (limited to 'site/assets/css/css.css') diff --git a/site/assets/css/css.css b/site/assets/css/css.css index c3800315..129d6090 100644 --- a/site/assets/css/css.css +++ b/site/assets/css/css.css @@ -4,7 +4,8 @@ html, body { padding: 0; width: 100%; min-height: 100%; - font-family: 'Roboto Mono', sans-serif; + /*font-family: 'Roboto Mono', sans-serif;*/ + font-family: 'Roboto', sans-serif; color: #eee; overflow-x: hidden; } @@ -163,7 +164,7 @@ h1 { margin: 75px 0 10px; padding: 0; transition: color 0.1s cubic-bezier(0,0,1,1); - font-family: 'Roboto'; + font-family: 'Roboto Mono', monospace; } h2 { color: #eee; @@ -173,23 +174,23 @@ h2 { margin: 20px 0 10px; padding: 0; transition: color 0.1s cubic-bezier(0,0,1,1); - font-family: 'Roboto'; + font-family: 'Roboto Mono', monospace; } h3 { margin: 0 0 20px 0; padding: 20px 0 0 0; font-size: 22pt; - font-weight: 500; + font-weight: 400; transition: color 0.1s cubic-bezier(0,0,1,1); - font-family: 'Roboto'; + font-family: 'Roboto Mono', monospace; } h4 { margin: 0 0 10px 0; padding: 0; font-size: 11pt; - font-weight: 500; + font-weight: 400; transition: color 0.1s cubic-bezier(0,0,1,1); - font-family: 'Roboto'; + font-family: 'Roboto Mono', monospace; } .content h3 a { color: #888; @@ -212,11 +213,11 @@ h4 { border-bottom: 0; } th, .gray { - font-family: 'Roboto Mono', monospace; + font-family: 'Roboto', monospace; font-weight: 500; text-transform: uppercase; letter-spacing: .15rem; - color: #999; + color: #777; } th, .gray { font-size: 9pt; @@ -248,7 +249,7 @@ section { p { margin: 0 10px 20px 0; line-height: 2; - font-size: 16px; + font-size: 18px; font-weight: 300; } p.subp{ @@ -272,18 +273,19 @@ p.subp{ flex-direction: row; justify-content: flex-start; align-items: flex-start; - font-size: 14px; + font-size: 12px; + color: #ccc; margin-bottom: 20px; font-family: 'Roboto', sans-serif; } .meta > div { margin-right: 20px; - line-height: 19px + line-height: 17px /*font-size:11px;*/ } .meta .gray { font-size: 9pt; - padding-bottom: 4px; + padding-bottom: 5px; line-height: 14px } .right-sidebar { @@ -303,7 +305,7 @@ p.subp{ padding-top: 10px; padding-right: 20px; /*margin-right: 20px;*/ - margin-bottom: 30px; + margin-bottom: 10px; /*border-right: 1px solid #444;*/ font-family: 'Roboto'; font-size: 14px; -- cgit v1.2.3-70-g09d2 From e61935270fe6bf34658865800c203334047be4a7 Mon Sep 17 00:00:00 2001 From: adamhrv Date: Mon, 1 Apr 2019 12:51:34 +0200 Subject: cosmetics --- site/assets/css/applets.css | 1 + site/assets/css/css.css | 7 ++++--- 2 files changed, 5 insertions(+), 3 deletions(-) (limited to 'site/assets/css/css.css') diff --git a/site/assets/css/applets.css b/site/assets/css/applets.css index 41d04783..7fac3e27 100644 --- a/site/assets/css/applets.css +++ b/site/assets/css/applets.css @@ -3,6 +3,7 @@ .applet_container { min-height: 340px; clear: left; + margin: 20px auto 40px auto; } .applet_container.autosize { min-height: 0; diff --git a/site/assets/css/css.css b/site/assets/css/css.css index 129d6090..cd16409a 100644 --- a/site/assets/css/css.css +++ b/site/assets/css/css.css @@ -169,9 +169,9 @@ h1 { h2 { color: #eee; font-weight: 400; - font-size: 32pt; - line-height: 43pt; - margin: 20px 0 10px; + font-size: 32px; + line-height: 43px; + margin: 20px 0 20px; padding: 0; transition: color 0.1s cubic-bezier(0,0,1,1); font-family: 'Roboto Mono', monospace; @@ -251,6 +251,7 @@ p { line-height: 2; font-size: 18px; font-weight: 300; + color: #dedede; } p.subp{ font-size: 14px; -- cgit v1.2.3-70-g09d2 From 4a11e59f991c8ca12ef4ca20a3b01741f311a0e4 Mon Sep 17 00:00:00 2001 From: adamhrv Date: Mon, 1 Apr 2019 13:10:52 +0200 Subject: updates, broke smth --- site/assets/css/css.css | 4 +- site/content/pages/datasets/index.md | 2 +- site/content/pages/datasets/uccs/index.md | 3 +- .../research/01_from_1_to_100_pixels/index.md | 52 ++++++++++++++++++++++ .../research/02_what_computers_can_see/index.md | 25 ++++++++++- site/includes/map.html | 2 +- 6 files changed, 81 insertions(+), 7 deletions(-) (limited to 'site/assets/css/css.css') diff --git a/site/assets/css/css.css b/site/assets/css/css.css index cd16409a..0ee8a4f3 100644 --- a/site/assets/css/css.css +++ b/site/assets/css/css.css @@ -884,7 +884,7 @@ ul.map-legend li.source:before { font-family: Roboto, sans-serif; font-weight: 400; background: #202020; - padding: 15px; + padding: 20px; margin: 10px; } .columns .column:first-of-type { @@ -937,7 +937,7 @@ ul.map-legend li.source:before { margin:0 0 0 40px; } .content-about .team-member p{ - font-size:14px; + font-size:16px; } .content-about .team-member img{ margin:0; diff --git a/site/content/pages/datasets/index.md b/site/content/pages/datasets/index.md index 2e943fbe..c0373d60 100644 --- a/site/content/pages/datasets/index.md +++ b/site/content/pages/datasets/index.md @@ -13,4 +13,4 @@ sync: false # Facial Recognition Datasets -### Survey +Explore publicly available facial recognition datasets. More datasets will be added throughout 2019. diff --git a/site/content/pages/datasets/uccs/index.md b/site/content/pages/datasets/uccs/index.md index b3d16c2e..e0925e07 100644 --- a/site/content/pages/datasets/uccs/index.md +++ b/site/content/pages/datasets/uccs/index.md @@ -3,8 +3,7 @@ status: published title: Unconstrained College Students desc: Unconstrained College Students (UCCS) is a dataset of long-range surveillance photos of students taken without their knowledge -subdesc: The UCCS dataset includes 16,149 images and 1,732 identities, is used for face recognition and face detection, and funded was several US defense agences -slug: uccs +subdesc: The UCCS dataset includes 16,149 images and 1,732 identities of students at University of Colorado Colorado Springs campus and is used for face recognition and face detection cssclass: dataset image: assets/background.jpg published: 2019-2-23 diff --git a/site/content/pages/research/01_from_1_to_100_pixels/index.md b/site/content/pages/research/01_from_1_to_100_pixels/index.md index a7b863a9..b219dffb 100644 --- a/site/content/pages/research/01_from_1_to_100_pixels/index.md +++ b/site/content/pages/research/01_from_1_to_100_pixels/index.md @@ -56,3 +56,55 @@ Ideas: - "Note that we only keep the images with a minimal side length of 80 pixels." and "a face will be labeled as “Ignore” if it is very difficult to be detected due to blurring, severe deformation and unrecognizable eyes, or the side length of its bounding box is less than 32 pixels." Ge_Detecting_Masked_Faces_CVPR_2017_paper.pdf - IBM DiF: "Faces with region size less than 50x50 or inter-ocular distance of less than 30 pixels were discarded. Faces with non-frontal pose, or anything beyond being slightly tilted to the left or the right, were also discarded." + + + + +As the resolution +formatted as rectangular databases of 16 bit RGB-tuples or 8 bit grayscale values + + +To consider how visual privacy applies to real world surveillance situations, the first + +A single 8-bit grayscale pixel with 256 values is enough to represent the entire alphabet `a-Z0-9` with room to spare. + +A 2x2 pixels contains + +Using no more than a 42 pixel (6x7 image) face image researchers [cite] were able to correctly distinguish between a group of 50 people. Yet + +The likely outcome of face recognition research is that more data is needed to improve. Indeed, resolution is the determining factor for all biometric systems, both as training data to increase + +Pixels, typically considered the buiding blocks of images and vidoes, can also be plotted as a graph of sensor values corresponding to the intensity of RGB-calibrated sensors. + + +Wi-Fi and cameras presents elevated risks for transmitting videos and image documentation from conflict zones, high-risk situations, or even sharing on social media. How can new developments in computer vision also be used in reverse, as a counter-forensic tool, to minimize an individual's privacy risk? + +As the global Internet becomes increasingly effecient at turning the Internet into a giant dataset for machine learning, forensics, and data analysing, it would be prudent to also consider tools for decreasing the resolution. The Visual Defense module is just that. What are new ways to minimize the adverse effects of surveillance by dulling the blade. For example, a researcher paper showed that by decreasing a face size to 12x16 it was possible to do 98% accuracy with 50 people. This is clearly an example of + +This research module, tentatively called Visual Defense Tools, aims to explore the + + +### Prior Research + +- MPI visual privacy advisor +- NIST: super resolution +- YouTube blur tool +- WITNESS: blur tool +- Pixellated text +- CV Dazzle +- Bellingcat guide to geolocation +- Peng! magic passport + +### Notes + +- In China, out of the approximately 200 million surveillance cameras only about 15% have enough resolution for face recognition. +- In Apple's FaceID security guide, the probability of someone else's face unlocking your phone is 1 out of 1,000,000. +- In England, the Metropolitan Police reported a false-positive match rate of 98% when attempting to use face recognition to locate wanted criminals. +- In a face recognition trial at Berlin's Sudkreuz station, the false-match rate was 20%. + + +What all 3 examples illustrate is that face recognition is anything but absolute. In a 2017 talk, Jason Matheny the former directory of IARPA, admitted the face recognition is so brittle it can be subverted by using a magic marker and drawing "a few dots on your forehead". In fact face recognition is a misleading term. Face recognition is search engine for faces that can only ever show you the mos likely match. This presents real a real threat to privacy and lends + + +Globally, iPhone users unwittingly agree to 1/1,000,000 probably +relying on FaceID and TouchID to protect their information agree to a \ No newline at end of file diff --git a/site/content/pages/research/02_what_computers_can_see/index.md b/site/content/pages/research/02_what_computers_can_see/index.md index ab4c7884..51621f46 100644 --- a/site/content/pages/research/02_what_computers_can_see/index.md +++ b/site/content/pages/research/02_what_computers_can_see/index.md @@ -100,6 +100,7 @@ A list of 100 things computer vision can see, eg: - Wearing Necktie - Wearing Necklace +for i in {1..9};do wget http://visiond1.cs.umbc.edu/webpage/codedata/ADLdataset/ADL_videos/P_0$i.MP4;done;for i in {10..20}; do wget http://visiond1.cs.umbc.edu/webpage/codedata/ADLdataset/ADL_videos/P_$i.MP4;done ## From Market 1501 @@ -149,4 +150,26 @@ Visibility boolean for each keypoint Region annotations (upper clothes, lower clothes, dress, socks, shoes, hands, gloves, neck, face, hair, hat, sunglasses, bag, occluder) Body type (male, female or child) -source: https://www2.eecs.berkeley.edu/Research/Projects/CS/vision/shape/h3d/ \ No newline at end of file +source: https://www2.eecs.berkeley.edu/Research/Projects/CS/vision/shape/h3d/ + +## From Leeds Sports Pose + +=INDEX(A2:A9,MATCH(datasets!D1,B2:B9,0)) +=VLOOKUP(A2, datasets!A:J, 7, FALSE) + +Right ankle +Right knee +Right hip +Left hip +Left knee +Left ankle +Right wrist +Right elbow +Right shoulder +Left shoulder +Left elbow +Left wrist +Neck +Head top + +source: http://web.archive.org/web/20170915023005/sam.johnson.io/research/lsp.html \ No newline at end of file diff --git a/site/includes/map.html b/site/includes/map.html index 31d577cd..30c248a6 100644 --- a/site/includes/map.html +++ b/site/includes/map.html @@ -12,7 +12,7 @@ -->

- To help understand how {{ metadata.meta.dataset.name_display }} has been used around the world for commercial, military and academic research; publicly available research citations {{ metadata.meta.dataset.name_display }} are collected, verified, and geocoded to show the biometric trade routes of people appearing in the images. Click on the markers to reveal reserach projects at that location. + To help understand how {{ metadata.meta.dataset.name_display }} has been used around the world for commercial, military and academic research; publicly available research citing {{ metadata.meta.dataset.name_full} is collected, verified, and geocoded to show the biometric trade routes of people appearing in the images. Click on the markers to reveal reserach projects at that location.

-- cgit v1.2.3-70-g09d2 From 6236de3c13735b188cd087acade09224680546fb Mon Sep 17 00:00:00 2001 From: adamhrv Date: Mon, 1 Apr 2019 22:00:57 +0200 Subject: fix column border/bg --- site/assets/css/css.css | 46 ++++++++++++++++++++++++++++++++++++++++++++-- 1 file changed, 44 insertions(+), 2 deletions(-) (limited to 'site/assets/css/css.css') diff --git a/site/assets/css/css.css b/site/assets/css/css.css index 0ee8a4f3..d2ad0f7e 100644 --- a/site/assets/css/css.css +++ b/site/assets/css/css.css @@ -348,6 +348,9 @@ ul { } ul li { margin-bottom: 8px; + color: #dedede; + font-weight: 300; + font-size: 13px; } /* misc formatting */ @@ -373,6 +376,35 @@ pre code { table { margin-bottom: 40px; } +table thead{ + text-align: left; +} +table, tr, td, th { + border: none; + border-collapse:collapse; +} +.chart table tr{ + width: auto; +} +table tr{ + display:table; + table-layout: fixed; + width:100%; +} +table td, table th{ + padding:10px; + +} +table tr td{ + font-size:12px; +} +table tbody tr:nth-child(odd){ + background-color:#292929; +} +table tbody tr:nth-child(even){ + background-color:#333; +} + hr { height: 1px; background: #888; @@ -810,6 +842,7 @@ page-specific formatting ul.map-legend{ display: inline-block; margin:0; + font-size:14px; } ul.map-legend li{ margin-right: 10px; @@ -880,11 +913,14 @@ ul.map-legend li.source:before { flex-direction: row; justify-content: flex-start; } +.content-about .columns .column{ + /* on the about page use padding and bg color */ + background: #202020; + padding: 20px; +} .columns .column { font-family: Roboto, sans-serif; font-weight: 400; - background: #202020; - padding: 20px; margin: 10px; } .columns .column:first-of-type { @@ -997,4 +1033,10 @@ ul.footnotes { li p { margin: 0; padding: 0; display: inline; +} + +/* citation browser */ + +.citationHeader { + padding-bottom: 10px } \ No newline at end of file -- cgit v1.2.3-70-g09d2 From b8f5c87e823d0b68d5e30f8de453ba90dcadc241 Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Tue, 2 Apr 2019 14:38:27 +0200 Subject: sidebar from spreadsheet --- megapixels/app/site/loader.py | 38 ++++++++++++++++++++++ megapixels/app/site/parser.py | 11 +------ site/assets/css/css.css | 11 +------ site/content/pages/datasets/brainwash/index.md | 11 +------ site/includes/sidebar.html | 6 ++++ .../datasets/50_people_one_question/index.html | 4 +-- site/public/datasets/brainwash/index.html | 24 ++++++++++++-- site/public/datasets/celeba/index.html | 4 +-- site/public/datasets/cofw/index.html | 4 +-- site/public/datasets/duke_mtmc/index.html | 4 +-- site/public/datasets/facebook/index.html | 3 +- site/public/datasets/hrt_transgender/index.html | 4 +-- site/public/datasets/lfw/index.html | 4 +-- site/public/datasets/market_1501/index.html | 4 +-- site/public/datasets/msceleb/index.html | 4 +-- site/public/datasets/pipa/index.html | 4 +-- site/public/datasets/uccs/index.html | 4 +-- site/public/datasets/viper/index.html | 4 +-- site/public/research/index.html | 18 ++++++++-- 19 files changed, 109 insertions(+), 57 deletions(-) create mode 100644 site/includes/sidebar.html (limited to 'site/assets/css/css.css') diff --git a/megapixels/app/site/loader.py b/megapixels/app/site/loader.py index 779f68ba..701c78b2 100644 --- a/megapixels/app/site/loader.py +++ b/megapixels/app/site/loader.py @@ -5,6 +5,9 @@ import glob import app.settings.app_cfg as cfg from app.utils.file_utils import load_json +import app.utils.sheet_utils as sheet + +sidebar = sheet.fetch_google_lookup("sidebar", item_key="key") def read_metadata(fn): """ @@ -20,6 +23,12 @@ def read_metadata(fn): sections = data.split("\n\n") return parse_metadata(fn, sections) +def domainFromUrl(url): + domain = url.split('/')[2].split('.') + if len(domain) > 2 and len(domain[-2]) == 2: + return ".".join(domain[-3:]) + return ".".join(domain[-2:]) + default_metadata = { 'status': 'published', @@ -33,6 +42,18 @@ default_metadata = { 'tagline': '', } +sidebar_order = [ + { 'key': 'published', 'title': 'Published' }, + { 'key': 'images', 'title': 'Images' }, + { 'key': 'videos', 'title': 'Videos' }, + { 'key': 'identities', 'title': 'Identities' }, + { 'key': 'purpose', 'title': 'Purpose' }, + { 'key': 'created_by', 'title': 'Created by' }, + { 'key': 'funded_by_short', 'title': 'Funded by' }, + { 'key': 'size_gb', 'title': 'Download Size' }, + { 'key': 'website', 'title': 'Website' }, +] + def parse_metadata(fn, sections): """ parse the metadata headers in a markdown file @@ -87,8 +108,25 @@ def parse_metadata(fn, sections): print("Bad metadata? {}".format(dataset_path)) elif 'datasets' in fn: print("/!\\ {} does not exist!".format(dataset_path)) + + if metadata['slug'] in sidebar: + sidebar_row = sidebar[metadata['slug']] + if sidebar_row: + metadata['sidebar'] = [] + for item in sidebar_order: + key = item['key'] + value = sidebar_row[key] + if value: + value = value.replace(' - ', ' – ') + if key == 'size_gb': + value += ' GB' + if key == 'website': + value = "" + domainFromUrl(value) + "" + metadata['sidebar'].append({ 'value': value, 'title': item['title'], }) + if 'meta' not in metadata or not metadata['meta']: # dude metadata['meta'] = {} + metadata['sidebar'] = [] return metadata, valid_sections diff --git a/megapixels/app/site/parser.py b/megapixels/app/site/parser.py index 06c45f41..dc2a09f2 100644 --- a/megapixels/app/site/parser.py +++ b/megapixels/app/site/parser.py @@ -55,7 +55,7 @@ def parse_markdown(metadata, sections, s3_path, skip_h1=False): elif '### statistics' in section.lower() or '### sidebar' in section.lower(): if len(current_group): groups.append(format_section(current_group, s3_path)) - current_group = [] + current_group = [format_include("{% include 'sidebar.html' %}", metadata)] if 'sidebar' not in section.lower(): current_group.append(section) in_stats = True @@ -267,15 +267,6 @@ def format_include(section, metadata): include_fn = section.strip().strip('\n').strip().strip('{%').strip().strip('%}').strip() include_fn = include_fn.strip('include').strip().strip('"').strip().strip("'").strip() return includes_env.get_template(include_fn).render(metadata=metadata) - # include_dir = cfg.DIR_SITE_INCLUDES - # try: - # includes_env.get_template(fp_html) - # with open(join(include_dir, fp_html), 'r') as fp: - # html = fp.read().replace('\n', '') - # return html - # except Exception as e: - # print(f'Error parsing include: {e}') - # return '' def format_applet(section, s3_path): """ diff --git a/site/assets/css/css.css b/site/assets/css/css.css index 0ee8a4f3..30663ef7 100644 --- a/site/assets/css/css.css +++ b/site/assets/css/css.css @@ -1,4 +1,4 @@ -da* { box-sizing: border-box; outline: 0; } +* { box-sizing: border-box; outline: 0; } html, body { margin: 0; padding: 0; @@ -278,11 +278,8 @@ p.subp{ color: #ccc; margin-bottom: 20px; font-family: 'Roboto', sans-serif; -} -.meta > div { margin-right: 20px; line-height: 17px - /*font-size:11px;*/ } .meta .gray { font-size: 9pt; @@ -316,12 +313,6 @@ p.subp{ .left-sidebar .meta, .right-sidebar .meta { flex-direction: column; } -.right-sidebar .meta > div { - margin-bottom: 10px; -} -.left-sidebar .meta > div { - margin-bottom: 15px; -} .right-sidebar ul { margin-bottom: 10px; color: #aaa; diff --git a/site/content/pages/datasets/brainwash/index.md b/site/content/pages/datasets/brainwash/index.md index 6d90e78f..db88d949 100644 --- a/site/content/pages/datasets/brainwash/index.md +++ b/site/content/pages/datasets/brainwash/index.md @@ -15,16 +15,7 @@ authors: Adam Harvey ------------ ### sidebar - -+ Published: 2015 -+ Images: 11,918 -+ Faces: 91,146 -+ Created by: Stanford University (US)
Max Planck Institute for Informatics (DE) -+ Funded by: Max Planck Center for Visual Computing and Communication -+ Purpose: Head detection -+ Download Size: 4.1GB -+ Website: stanford.edu - +### end sidebar ## Brainwash Dataset diff --git a/site/includes/sidebar.html b/site/includes/sidebar.html new file mode 100644 index 00000000..0f7d2dad --- /dev/null +++ b/site/includes/sidebar.html @@ -0,0 +1,6 @@ +{% for item in metadata.sidebar %} +
+
{{ item.title }}
+
{{ item.value }}
+
+{% endfor %} \ No newline at end of file diff --git a/site/public/datasets/50_people_one_question/index.html b/site/public/datasets/50_people_one_question/index.html index 540e2d0d..1b03fc7e 100644 --- a/site/public/datasets/50_people_one_question/index.html +++ b/site/public/datasets/50_people_one_question/index.html @@ -27,7 +27,8 @@
People One Question is a dataset of people from an online video series on YouTube and Vimeo used for building facial recogntion algorithms
People One Question dataset includes ... -

50 People 1 Question

+

50 People 1 Question

(PAGE UNDER DEVELOPMENT)

At vero eos et accusamus et iusto odio dignissimos ducimus, qui blanditiis praesentium voluptatum deleniti atque corrupti, quos dolores et quas molestias excepturi sint, obcaecati cupiditate non-provident, similique sunt in culpa, qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.

Nam libero tempore, cum soluta nobis est eligendi optio, cumque nihil impedit, quo minus id, quod maxime placeat, facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet, ut et voluptates repudiandae sint et molestiae non-recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat

@@ -71,7 +72,6 @@
-->
-
diff --git a/site/public/datasets/brainwash/index.html b/site/public/datasets/brainwash/index.html index 5e8f3a4c..c0830a96 100644 --- a/site/public/datasets/brainwash/index.html +++ b/site/public/datasets/brainwash/index.html @@ -27,7 +27,28 @@
Brainwash is a dataset of webcam images taken from the Brainwash Cafe in San Francisco in 2014
The Brainwash dataset includes 11,918 images of "everyday life of a busy downtown cafe" and is used for training head detection surveillance algorithms -

Brainwash Dataset

+

Brainwash Dataset

Brainwash is a head detection dataset created from San Francisco's Brainwash Cafe livecam footage. It includes 11,918 images of "everyday life of a busy downtown cafe" 1 captured at 100 second intervals throught the entire day. Brainwash dataset was captured during 3 days in 2014: October 27, November 13, and November 24. According the author's reserach paper introducing the dataset, the images were acquired with the help of Angelcam.com [cite orig paper].

Brainwash is not a widely used dataset but since its publication by Stanford University in 2015, it has notably appeared in several research papers from the National University of Defense Technology in Changsha, China. In 2016 and in 2017 researchers there conducted studies on detecting people's heads in crowded scenes for the purpose of surveillance 2 3.

If you happen to have been at Brainwash cafe in San Franscisco at any time on October 26, November 13, or November 24 in 2014 you are most likely included in the Brainwash dataset.

@@ -94,7 +115,6 @@
-
diff --git a/site/public/datasets/celeba/index.html b/site/public/datasets/celeba/index.html index f1ee0c22..ef7a3b27 100644 --- a/site/public/datasets/celeba/index.html +++ b/site/public/datasets/celeba/index.html @@ -27,7 +27,8 @@
CelebA is a dataset of people...
CelebA includes... -

CelebA

+

CelebA

(PAGE UNDER DEVELOPMENT)

At vero eos et accusamus et iusto odio dignissimos ducimus, qui blanditiis praesentium voluptatum deleniti atque corrupti, quos dolores et quas molestias excepturi sint, obcaecati cupiditate non-provident, similique sunt in culpa, qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.

Nam libero tempore, cum soluta nobis est eligendi optio, cumque nihil impedit, quo minus id, quod maxime placeat, facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet, ut et voluptates repudiandae sint et molestiae non-recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat

@@ -71,7 +72,6 @@
-->
-
diff --git a/site/public/datasets/cofw/index.html b/site/public/datasets/cofw/index.html index 1f5aa315..3520aaa2 100644 --- a/site/public/datasets/cofw/index.html +++ b/site/public/datasets/cofw/index.html @@ -26,7 +26,8 @@
-

Caltech Occluded Faces in the Wild

+

Caltech Occluded Faces in the Wild

(PAGE UNDER DEVELOPMENT)

COFW is "is designed to benchmark face landmark algorithms in realistic conditions, which include heavy occlusions and large shape variations" [Robust face landmark estimation under occlusion].

RESEARCH below this line

@@ -81,7 +82,6 @@ To increase the number of training images, and since COFW has the exact same la
-->
-
diff --git a/site/public/datasets/duke_mtmc/index.html b/site/public/datasets/duke_mtmc/index.html index 83050506..c3e84053 100644 --- a/site/public/datasets/duke_mtmc/index.html +++ b/site/public/datasets/duke_mtmc/index.html @@ -27,7 +27,8 @@
Duke MTMC is a dataset of surveillance camera footage of students on Duke University campus
Duke MTMC contains over 2 million video frames and 2,000 unique identities collected from 8 HD cameras at Duke University campus in March 2014 -

Duke Multi-Target, Multi-Camera Tracking Dataset (Duke MTMC)

+

Duke Multi-Target, Multi-Camera Tracking Dataset (Duke MTMC)

[ PAGE UNDER DEVELOPMENT ]

Duke MTMC is a dataset of video recorded on Duke University campus during for the purpose of training, evaluating, and improving multi-target multi-camera tracking. The videos were recorded during February and March 2014 and cinclude

Includes a total of 888.8 minutes of video (ind. verified)

@@ -89,7 +90,6 @@
-
diff --git a/site/public/datasets/facebook/index.html b/site/public/datasets/facebook/index.html index 7fb1901a..e9adb3f2 100644 --- a/site/public/datasets/facebook/index.html +++ b/site/public/datasets/facebook/index.html @@ -27,7 +27,8 @@
TBD
TBD -
TBD

Statistics

+
TBD

{% include 'sidebar.html' %}

+

Statistics

Years
2002-2004
Images
13,233
Identities
5,749
Origin
Yahoo News Images
Funding
(Possibly, partially CIA)

Ignore content below these lines

  • Tool to create face datasets from Facebook https://github.com/ankitaggarwal011/FaceGrab
  • diff --git a/site/public/datasets/hrt_transgender/index.html b/site/public/datasets/hrt_transgender/index.html index 528d1c3d..3215fb5d 100644 --- a/site/public/datasets/hrt_transgender/index.html +++ b/site/public/datasets/hrt_transgender/index.html @@ -27,7 +27,8 @@
    TBD
    TBD -

    HRT Transgender Dataset

    +

HRT Transgender Dataset

Who used HRT Transgender?

@@ -83,7 +84,6 @@
-->
-
diff --git a/site/public/datasets/lfw/index.html b/site/public/datasets/lfw/index.html index 5f076fc7..562169e4 100644 --- a/site/public/datasets/lfw/index.html +++ b/site/public/datasets/lfw/index.html @@ -27,7 +27,8 @@
Labeled Faces in The Wild (LFW) is the first facial recognition dataset created entirely from online photos
It includes 13,456 images of 4,432 people's images copied from the Internet during 2002-2004 and is the most frequently used dataset in the world for benchmarking face recognition algorithms. -
-
diff --git a/site/public/datasets/market_1501/index.html b/site/public/datasets/market_1501/index.html index 951646e3..7d9f87f6 100644 --- a/site/public/datasets/market_1501/index.html +++ b/site/public/datasets/market_1501/index.html @@ -27,7 +27,8 @@
Market-1501 is a dataset is collection of CCTV footage from ...
The Market-1501 dataset includes ... -

Market-1501 ...

+

Market-1501 ...

(PAGE UNDER DEVELOPMENT)

@@ -69,7 +70,6 @@
-->
-
diff --git a/site/public/datasets/msceleb/index.html b/site/public/datasets/msceleb/index.html index 9a671c8e..ecab4c3a 100644 --- a/site/public/datasets/msceleb/index.html +++ b/site/public/datasets/msceleb/index.html @@ -27,7 +27,8 @@
MS Celeb is a dataset of web images used for training and evaluating face recognition algorithms
The MS Celeb dataset includes over 10,000,000 images and 93,000 identities of semi-public figures collected using the Bing search engine -

Microsoft Celeb Dataset (MS Celeb)

+

Microsoft Celeb Dataset (MS Celeb)

(PAGE UNDER DEVELOPMENT)

At vero eos et accusamus et iusto odio dignissimos ducimus, qui blanditiis praesentium voluptatum deleniti atque corrupti, quos dolores et quas molestias excepturi sint, obcaecati cupiditate non-provident, similique sunt in culpa, qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.

Nam libero tempore, cum soluta nobis est eligendi optio, cumque nihil impedit, quo minus id, quod maxime placeat, facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet, ut et voluptates repudiandae sint et molestiae non-recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat

@@ -87,7 +88,6 @@ -->

Add more analysis here

-
diff --git a/site/public/datasets/pipa/index.html b/site/public/datasets/pipa/index.html index fe6a4742..ff4302eb 100644 --- a/site/public/datasets/pipa/index.html +++ b/site/public/datasets/pipa/index.html @@ -27,7 +27,8 @@
is a dataset...
PIPA subdescription -

Dataset Title TBD

+

Dataset Title TBD

(PAGE UNDER DEVELOPMENT)

@@ -69,7 +70,6 @@
-->
-
diff --git a/site/public/datasets/uccs/index.html b/site/public/datasets/uccs/index.html index 10b7603e..0925763b 100644 --- a/site/public/datasets/uccs/index.html +++ b/site/public/datasets/uccs/index.html @@ -27,7 +27,8 @@
Unconstrained College Students (UCCS) is a dataset of long-range surveillance photos of students taken without their knowledge
The UCCS dataset includes 16,149 images and 1,732 identities of students at University of Colorado Colorado Springs campus and is used for face recognition and face detection -

Unconstrained College Students ...

+

Unconstrained College Students ...

(PAGE UNDER DEVELOPMENT)

 The pixel-average of all Uconstrained College Students images is shown with all 51,838 face annotations. (c) Adam Harvey
The pixel-average of all Uconstrained College Students images is shown with all 51,838 face annotations. (c) Adam Harvey
@@ -84,7 +85,6 @@
-
diff --git a/site/public/datasets/viper/index.html b/site/public/datasets/viper/index.html index cc4272c8..b838c2b9 100644 --- a/site/public/datasets/viper/index.html +++ b/site/public/datasets/viper/index.html @@ -27,7 +27,8 @@
VIPeR is a person re-identification dataset of images captured at UC Santa Cruz in 2007
VIPeR contains 1,264 images and 632 persons on the UC Santa Cruz campus and is used to train person re-identification algorithms for surveillance -

VIPeR Dataset

+

VIPeR Dataset

(PAGE UNDER DEVELOPMENT)

VIPeR (Viewpoint Invariant Pedestrian Recognition) is a dataset of pedestrian images captured at University of California Santa Cruz in 2007. Accoriding to the reserachers 2 "cameras were placed in different locations in an academic setting and subjects were notified of the presence of cameras, but were not coached or instructed in any way."

VIPeR is amongst the most widely used publicly available person re-identification datasets. In 2017 the VIPeR dataset was combined into a larger person re-identification created by the Chinese University of Hong Kong called PETA (PEdesTrian Attribute).

@@ -86,7 +87,6 @@
-->
-
diff --git a/site/public/research/index.html b/site/public/research/index.html index 303732f8..0ef57043 100644 --- a/site/public/research/index.html +++ b/site/public/research/index.html @@ -26,8 +26,22 @@
-

Research Blog

-
+
+

Research

+
+
+
Posted
+
2018-12-15
+
+
+
By
+
Adam Harvey
+
+ +
+
+ +