diff options
Diffstat (limited to 'site/templates')
| -rw-r--r-- | site/templates/home.html | 46 | ||||
| -rw-r--r-- | site/templates/layout.html | 53 |
2 files changed, 82 insertions, 17 deletions
diff --git a/site/templates/home.html b/site/templates/home.html index 118814be..0e7b2167 100644 --- a/site/templates/home.html +++ b/site/templates/home.html @@ -7,27 +7,65 @@ <meta name="description" content="MegaPixels: Facial Recognition Datasets" /> <meta name="referrer" content="no-referrer" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> + <meta property="og:title" content="MegaPixels"/> + <meta property="og:type" content="website"/> + <meta property="og:image" content="https://megapixels.cc/assets/img/megapixels-share.png" /> + <meta property="og:url" content="https://megapixels.cc/"/> + <meta property="og:site_name" content="MegaPixels" /> + <meta name="referrer" content="no-referrer" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/> + <meta name="apple-mobile-web-app-status-bar-style" content="black"> + <meta name="apple-mobile-web-app-capable" content="yes"> + + <link rel="apple-touch-icon" sizes="57x57" href="/assets/img/favicon/apple-icon-57x57.png"> + <link rel="apple-touch-icon" sizes="60x60" href="/assets/img/favicon/apple-icon-60x60.png"> + <link rel="apple-touch-icon" sizes="72x72" href="/assets/img/favicon/apple-icon-72x72.png"> + <link rel="apple-touch-icon" sizes="76x76" href="/assets/img/favicon/apple-icon-76x76.png"> + <link rel="apple-touch-icon" sizes="114x114" href="/assets/img/favicon/apple-icon-114x114.png"> + <link rel="apple-touch-icon" sizes="120x120" href="/assets/img/favicon/apple-icon-120x120.png"> + <link rel="apple-touch-icon" sizes="144x144" href="/assets/img/favicon/apple-icon-144x144.png"> + <link rel="apple-touch-icon" sizes="152x152" href="/assets/img/favicon/apple-icon-152x152.png"> + <link rel="apple-touch-icon" sizes="180x180" href="/assets/img/favicon/apple-icon-180x180.png"> + <link rel="icon" type="image/png" sizes="192x192" href="/assets/img/favicon/android-icon-192x192.png"> + <link rel="icon" type="image/png" sizes="32x32" href="/assets/img/favicon/favicon-32x32.png"> + <link rel="icon" type="image/png" sizes="96x96" href="/assets/img/favicon/favicon-96x96.png"> + <link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicon/favicon-16x16.png"> + <link rel="manifest" href="/assets/img/favicon/manifest.json"> + <meta name="msapplication-TileColor" content="#ffffff"> + <meta name="msapplication-TileImage" content="/ms-icon-144x144.png"> + <meta name="theme-color" content="#ffffff"> + <link rel='stylesheet' href='/assets/css/fonts.css' /> <link rel='stylesheet' href='/assets/css/css.css' /> <link rel='stylesheet' href='/assets/css/splash.css' /> + <link rel='stylesheet' href='/assets/css/mobile.css' /> </head> -<body> +<body class='home'> <header> <a class='slogan' href="/"> <div class='logo'></div> <div class='site_name'>MegaPixels</div> </a> - <div class='links splash'> + <div class='links'> <a href="/datasets/" class='aboutLink'>DATASETS</a> <a href="/about/" class='aboutLink'>ABOUT</a> </div> </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> - MegaPixels is a research project by Adam Harvey about facial recognition datasets, developed in partnership with Mozilla. + <span><a href="/about/">MegaPixels</a> is a research project by Adam Harvey about <a href="/datasets/">facial recognition datasets</a>, made possible with support from Mozilla.</span> </div> <div> MegaPixels ©2017-19 Adam R. Harvey / @@ -36,4 +74,4 @@ </footer> </body> <script src="/assets/js/dist/splash.js"></script> -</html>
\ No newline at end of file +</html> diff --git a/site/templates/layout.html b/site/templates/layout.html index e446530f..a4a22fb5 100644 --- a/site/templates/layout.html +++ b/site/templates/layout.html @@ -5,19 +5,46 @@ <meta charset="utf-8" /> <meta name="author" content="{{ metadata.authors }}" /> <meta name="description" content="{{ metadata.og_desc }}" /> + <meta property="og:title" content="{{ metadata.og_title }}"/> + <meta property="og:type" content="website"/> + <meta property="og:image" content="{{ metadata.og_image }}" /> + <meta property="og:url" content="https://megapixels.cc{{ metadata.path }}"/> + <meta property="og:site_name" content="MegaPixels" /> <meta name="referrer" content="no-referrer" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/> + <meta name="apple-mobile-web-app-status-bar-style" content="black"> + <meta name="apple-mobile-web-app-capable" content="yes"> + + <link rel="apple-touch-icon" sizes="57x57" href="/assets/img/favicon/apple-icon-57x57.png"> + <link rel="apple-touch-icon" sizes="60x60" href="/assets/img/favicon/apple-icon-60x60.png"> + <link rel="apple-touch-icon" sizes="72x72" href="/assets/img/favicon/apple-icon-72x72.png"> + <link rel="apple-touch-icon" sizes="76x76" href="/assets/img/favicon/apple-icon-76x76.png"> + <link rel="apple-touch-icon" sizes="114x114" href="/assets/img/favicon/apple-icon-114x114.png"> + <link rel="apple-touch-icon" sizes="120x120" href="/assets/img/favicon/apple-icon-120x120.png"> + <link rel="apple-touch-icon" sizes="144x144" href="/assets/img/favicon/apple-icon-144x144.png"> + <link rel="apple-touch-icon" sizes="152x152" href="/assets/img/favicon/apple-icon-152x152.png"> + <link rel="apple-touch-icon" sizes="180x180" href="/assets/img/favicon/apple-icon-180x180.png"> + <link rel="icon" type="image/png" sizes="192x192" href="/assets/img/favicon/android-icon-192x192.png"> + <link rel="icon" type="image/png" sizes="32x32" href="/assets/img/favicon/favicon-32x32.png"> + <link rel="icon" type="image/png" sizes="96x96" href="/assets/img/favicon/favicon-96x96.png"> + <link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicon/favicon-16x16.png"> + <link rel="manifest" href="/assets/img/favicon/manifest.json"> + <meta name="msapplication-TileColor" content="#ffffff"> + <meta name="msapplication-TileImage" content="/ms-icon-144x144.png"> + <meta name="theme-color" content="#ffffff"> + <link rel='stylesheet' href='/assets/css/fonts.css' /> <link rel='stylesheet' href='/assets/css/css.css' /> <link rel='stylesheet' href='/assets/css/leaflet.css' /> <link rel='stylesheet' href='/assets/css/applets.css' /> + <link rel='stylesheet' href='/assets/css/mobile.css' /> </head> <body> <header> <a class='slogan' href="/"> <div class='logo'></div> <div class='site_name'>MegaPixels</div> - {% if metadata.meta.dataset %}<div class='splash'>{{ metadata.meta.dataset.name_display }}</div>{% endif %} + {% if metadata.meta.dataset %}<div class='page_name'>{{ metadata.meta.dataset.name_display }}</div>{% endif %} </a> <div class='links'> <a href="/datasets/">Datasets</a> @@ -28,17 +55,17 @@ {% block content %}{% endblock %} </div> <footer> - <div> - <a href="/">MegaPixels.cc</a> - <a href="/datasets/">Datasets</a> - <a href="/about/">About</a> - <a href="/about/press/">Press</a> - <a href="/about/legal/">Legal and Privacy</a> - </div> - <div> - MegaPixels ©2017-19 Adam R. Harvey / - <a href="https://ahprojects.com">ahprojects.com</a> - </div> + <ul class="footer-left"> + <li><a href="/">MegaPixels.cc</a></li> + <li><a href="/datasets/">Datasets</a></li> + <li><a href="/about/">About</a></li> + <li><a href="/about/press/">Press</a></li> + <li><a href="/about/legal/">Legal and Privacy</a></li> + </ul> + <ul class="footer-right"> + <li>MegaPixels ©2017-19 <a href="https://ahprojects.com">Adam R. Harvey</a></li> + <li>Made with support from <a href="https://mozilla.org">Mozilla</a></li> + </ul> </footer> </body> {% block scripts %}{% endblock %} |