diff options
Diffstat (limited to 'site')
| -rwxr-xr-x | site/assets/css/tabulator.css | 63 | ||||
| -rw-r--r-- | site/public/about/style/index.html | 5 | ||||
| -rw-r--r-- | site/public/datasets/lfw/index.html | 6 |
3 files changed, 36 insertions, 38 deletions
diff --git a/site/assets/css/tabulator.css b/site/assets/css/tabulator.css index 8c123cf4..200f0c5c 100755 --- a/site/assets/css/tabulator.css +++ b/site/assets/css/tabulator.css @@ -37,7 +37,7 @@ display: inline-block; position: relative; box-sizing: border-box; - border-right: 1px solid #aaa; + border-right: 1px solid #333; text-align: left; vertical-align: bottom; overflow: hidden; @@ -45,7 +45,7 @@ .tabulator .tabulator-header .tabulator-col.tabulator-moving { position: absolute; - border: 1px solid #999; + border: 1px solid #333; background: rgba(80,20,10,0.2); pointer-events: none; } @@ -68,7 +68,7 @@ .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-title-editor { box-sizing: border-box; width: 100%; - border: 1px solid #999; + border: 1px solid #333; padding: 1px; background: #fff; } @@ -89,7 +89,7 @@ position: relative; display: -ms-flexbox; display: flex; - border-top: 1px solid #aaa; + border-top: 1px solid #333; overflow: hidden; } @@ -103,7 +103,7 @@ .tabulator .tabulator-header .tabulator-col.ui-sortable-helper { position: absolute; - border: 1px solid #aaa; + border: 1px solid #333; } .tabulator .tabulator-header .tabulator-col .tabulator-header-filter { @@ -133,7 +133,6 @@ .tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover { cursor: pointer; - background-color: #cdcdcd; } .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="none"] .tabulator-col-content .tabulator-arrow { @@ -190,19 +189,19 @@ } .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left { - border-right: 2px solid #aaa; + border-right: 2px solid #333; } .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-right { - border-left: 2px solid #aaa; + border-left: 2px solid #333; } .tabulator .tabulator-header .tabulator-calcs-holder { box-sizing: border-box; min-width: 400%; background: rgba(80,20,10,0.2); - border-top: 1px solid #aaa; - border-bottom: 1px solid #aaa; + border-top: 1px solid #333; + border-bottom: 1px solid #333; overflow: hidden; } @@ -262,10 +261,8 @@ .tabulator .tabulator-tableHolder .tabulator-table { position: relative; display: inline-block; - background-color: #fff; white-space: nowrap; overflow: visible; - color: #333; } .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs { @@ -274,11 +271,11 @@ } .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-top { - border-bottom: 2px solid #aaa; + border-bottom: 2px solid #333; } .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-bottom { - border-top: 2px solid #aaa; + border-top: 2px solid #333; } .tabulator .tabulator-footer { @@ -302,8 +299,8 @@ margin: -5px -10px 5px -10px; text-align: left; background: rgba(80,20,10,0.2); - border-bottom: 1px solid #aaa; - border-top: 1px solid #aaa; + border-bottom: 1px solid #333; + border-top: 1px solid #333; overflow: hidden; } @@ -328,7 +325,7 @@ display: inline-block; margin: 0 2px; padding: 2px 5px; - border: 1px solid #aaa; + border: 1px solid #333; border-radius: 3px; background: rgba(255, 255, 255, 0.2); color: #555; @@ -406,15 +403,12 @@ position: relative; box-sizing: border-box; min-height: 22px; - background-color: #fff; } .tabulator-row.tabulator-row-even { - background-color: #EFEFEF; } .tabulator-row.tabulator-selectable:hover { - background-color: #bbb; cursor: pointer; } @@ -423,7 +417,7 @@ } .tabulator-row.tabulator-selected:hover { - background-color: #769BCC; + background-color: #555; cursor: pointer; } @@ -434,8 +428,8 @@ .tabulator-row.tabulator-moving { position: absolute; - border-top: 1px solid #aaa; - border-bottom: 1px solid #aaa; + border-top: 1px solid #333; + border-bottom: 1px solid #333; pointer-events: none; z-index: 15; } @@ -465,18 +459,18 @@ } .tabulator-row .tabulator-frozen.tabulator-frozen-left { - border-right: 2px solid #aaa; + border-right: 2px solid #333; } .tabulator-row .tabulator-frozen.tabulator-frozen-right { - border-left: 2px solid #aaa; + border-left: 2px solid #333; } .tabulator-row .tabulator-responsive-collapse { box-sizing: border-box; padding: 5px; - border-top: 1px solid #aaa; - border-bottom: 1px solid #aaa; + border-top: 1px solid #333; + border-bottom: 1px solid #333; } .tabulator-row .tabulator-responsive-collapse:empty { @@ -500,7 +494,7 @@ position: relative; box-sizing: border-box; padding: 4px; - border-right: 1px solid #aaa; + border-right: 1px solid #333; vertical-align: middle; white-space: nowrap; overflow: hidden; @@ -563,8 +557,8 @@ margin-top: -9px; margin-right: 5px; border-bottom-left-radius: 1px; - border-left: 2px solid #aaa; - border-bottom: 2px solid #aaa; + border-left: 2px solid #333; + border-bottom: 2px solid #333; } .tabulator-row .tabulator-cell .tabulator-data-tree-control { @@ -604,7 +598,6 @@ top: 3px; height: 1px; width: 7px; - background: #333; } .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand { @@ -664,11 +657,11 @@ .tabulator-row.tabulator-group { box-sizing: border-box; border-bottom: 1px solid #999; - border-right: 1px solid #aaa; + border-right: 1px solid #333; border-top: 1px solid #999; padding: 5px; padding-left: 10px; - background: #ccc; + background: #333; font-weight: bold; min-width: 100%; } @@ -729,7 +722,7 @@ box-sizing: border-box; max-height: 200px; background: #fff; - border: 1px solid #aaa; + border: 1px solid #333; font-size: 14px; overflow-y: auto; -webkit-overflow-scrolling: touch; @@ -753,7 +746,7 @@ } .tabulator-edit-select-list .tabulator-edit-select-list-group { - border-bottom: 1px solid #aaa; + border-bottom: 1px solid #333; padding: 4px; padding-top: 6px; color: #333; diff --git a/site/public/about/style/index.html b/site/public/about/style/index.html index d3784b31..da0d718f 100644 --- a/site/public/about/style/index.html +++ b/site/public/about/style/index.html @@ -52,7 +52,10 @@ <div class='image'><img src='https://nyc3.digitaloceanspaces.com/megapixels/v1/site/about/assets/man.jpg' alt='Person 3. Let me tell you about Person 3. This person has a very long description with text which wraps like crazy'><div class='caption'>Person 3. Let me tell you about Person 3. This person has a very long description with text which wraps like crazy</div></div></section><section><blockquote><p>est, qui dolorem ipsum, quia dolor sit amet consectetur adipisci[ng] velit, sed quia non-numquam [do] eius modi tempora inci[di]dunt, ut labore et dolore magnam aliquam quaerat voluptatem.</p> </blockquote> </section><section class='wide'><div class='image'><img src='https://nyc3.digitaloceanspaces.com/megapixels/v1/site/about/assets/wide-test.jpg' alt='ThisĀ image is extremely wide and the text beneath it will wrap but thats fine because it can also contain <a href="https://example.com/">hyperlinks</a>! Yes, you read that right—hyperlinks! Lorem ipsum dolor sit amet ad volotesque sic hoc ad nauseam'><div class='caption'>ThisĀ image is extremely wide and the text beneath it will wrap but that's fine because it can also contain <a href="https://example.com/">hyperlinks</a>! Yes, you read that right—hyperlinks! Lorem ipsum dolor sit amet ad volotesque sic hoc ad nauseam</div></div></section><section><p>Inline <code>code</code> has <code>back-ticks around</code> it.</p> -</section><section><div class='applet' data-payload='{"command": "javascript"}'></div></section><section><div class='applet' data-payload='{"command": "python"}'></div></section><section><div class='applet' data-payload='{"command": "No language indicated, so no syntax highlighting. "}'></div></section><section><p>Horizontal rule</p> +</section><section><div class='applet' data-payload='{"command": "javascript"}'></div></section><section><pre><code class="lang-python">s = "Python syntax highlighting" +print(s) +</code></pre> +</section><section><div class='applet' data-payload='{"command": "No language indicated, so no syntax highlighting. "}'></div></section><section><p>Horizontal rule</p> <hr> <p>Citations below here</p> <div class="footnotes"> diff --git a/site/public/datasets/lfw/index.html b/site/public/datasets/lfw/index.html index b375247b..1c075a1f 100644 --- a/site/public/datasets/lfw/index.html +++ b/site/public/datasets/lfw/index.html @@ -31,7 +31,7 @@ </section><section><div class='meta'><div><div class='gray'>Created</div><div>2007</div></div><div><div class='gray'>Images</div><div>13,233</div></div><div><div class='gray'>People</div><div>5,749</div></div><div><div class='gray'>Created From</div><div>Yahoo News images</div></div><div><div class='gray'>Search available</div><div>Searchable</div></div></div></section><section><p>Labeled Faces in The Wild (LFW) is amongst the most widely used facial recognition training datasets in the world and is the first of its kind to be created entirely from images posted online. The LFW dataset includes 13,233 images of 5,749 people that were collected between 2002-2004. Use the tools below to check if you were included in this dataset or scroll down to read the analysis.</p> </section><section><div class='applet' data-payload='{"command": "face_search"}'></div></section><section><div class='applet' data-payload='{"command": "name_search"}'></div></section><section><div class='applet' data-payload='{"command": "load file", "opt": "https://nyc3.digitaloceanspaces.com/megapixels/v1/datasets/lfw/assets/lfw_names_gender_kg_min.csv", "fields": "Name, Images, Gender, Description"}'></div></section><section class='images'><div class='image'><img src='https://nyc3.digitaloceanspaces.com/megapixels/v1/datasets/lfw/assets/lfw_feature.jpg' alt='Eighteen of the 5,749 people in the Labeled Faces in the Wild Dataset. The most widely used face dataset for benchmarking commercial face recognition algorithms.'><div class='caption'>Eighteen of the 5,749 people in the Labeled Faces in the Wild Dataset. The most widely used face dataset for benchmarking commercial face recognition algorithms.</div></div></section><section><h2>Intro</h2> <p>Three paragraphs describing the LFW dataset in a format that can be easily replicated for the other datasets. Nothing too custom. An analysis of the initial research papers with context relative to all the other dataset papers.</p> -</section><section class='images'><div class='image'><img src='https://nyc3.digitaloceanspaces.com/megapixels/v1/datasets/lfw/assets/lfw_montage_everyone_1920.jpg' alt=' all 5,749 people in the LFW Dataset sorted from most to least images collected.'><div class='caption'> all 5,749 people in the LFW Dataset sorted from most to least images collected.</div></div></section><section><h2>LFW by the Numbers</h2> +</section><section class='images'><div class='image'><img src='https://nyc3.digitaloceanspaces.com/megapixels/v1/datasets/lfw/assets/lfw_montage_everyone_nocrop_1920.jpg' alt=' all 5,749 people in the LFW Dataset sorted from most to least images collected.'><div class='caption'> all 5,749 people in the LFW Dataset sorted from most to least images collected.</div></div></section><section><h2>LFW by the Numbers</h2> <ul> <li>Was first published in 2007</li> <li>Developed out of a prior dataset from Berkely called "Faces in the Wild" or "Names and Faces" [^lfw_original_paper]</li> @@ -220,7 +220,9 @@ name_display,company_url,example_url,country,description </tbody> </table> <h2>Code</h2> -</section><section><div class='applet' data-payload='{"command": "python"}'></div></section><section><p>import numpy as np +</section><section><p>```python</p> +<h1>!/usr/bin/python</h1> +</section><section><p>import numpy as np from sklearn.datasets import fetch_lfw_people import imageio import imutils</p> |
