diff options
Diffstat (limited to 'site/assets')
33 files changed, 301 insertions, 62 deletions
diff --git a/site/assets/css/css.css b/site/assets/css/css.css index 12b059ef..92e59b3c 100644 --- a/site/assets/css/css.css +++ b/site/assets/css/css.css @@ -18,8 +18,8 @@ html, body { html { background: #181818; } -a {outline : none;} -img {border : 0;} +a { outline: none; } +img { border: 0; } .content { opacity: 0; transition: opacity 0.1s cubic-bezier(0,1,1,1); @@ -72,23 +72,26 @@ header .site_name { line-height: 11px; letter-spacing: 3px; } -header .splash{ +header .page_name { font-size: 22px; font-weight: 400; color: #eee; - /*padding-left: 8px;*/ opacity: 0; transition: 0.3s opacity cubic-bezier(0,0,1,1); margin-left:18px; - /*line-height: 22px;*/ } -.scrolled header .splash { +.scrolled header .page_name { opacity: 1; } -header .links{ +header .links { font-size: 18px; line-height: 18px; } +.home header .links a { + background-color: rgba(24,24,24,0.9); + border-bottom: 2px solid transparent; + padding: 3px; +} header .sub { margin-left: 4px; margin-top: 2px; @@ -119,25 +122,28 @@ header .links a { transition: color 0.1s cubic-bezier(0,0,1,1), border-color 0.05s cubic-bezier(0,0,1,1); border-bottom: 1px solid rgba(255,255,255,0); padding-bottom: 3px; + padding-top: 2px; font-weight: 400; } header .links a.active { color: #fff; - border-bottom: 2px solid rgba(255,255,255,255); + border-bottom: 2px solid rgba(255,255,255,1); } .desktop header .links a:hover { color: #fff; - border-bottom: 2px solid rgba(255,255,255,255); + border-bottom: 2px solid rgba(255,255,255,1); } .desktop header .links a.active:hover { color: #fff; - border-bottom: 2px solid rgba(255,255,255,255); + border-bottom: 2px solid rgba(255,255,255,1); } -header .links.splash{ - font-size:22px; - font-weight: 400; +.home header .links a { + margin-right: 26px; + margin-left: 0; +} +.home header .links a:last-child { + margin-right: 29px; } - /* footer */ footer { @@ -147,8 +153,8 @@ footer { flex-direction: row; justify-content: space-between; color: #666; - font-size: 11px; - line-height: 17px; + font-size: 13px; + /*line-height: 17px;*/ padding: 15px; font-family: "Roboto", sans-serif; } @@ -164,40 +170,42 @@ footer > div:nth-child(2) { } footer a { display: inline-block; - color: #ccc; - transition: color 0.1s cubic-bezier(0,0,1,1); - border-bottom:1px solid #555; + color: #aaa; + transition: all 0.1s cubic-bezier(0,0,1,1); + border-bottom: 1px solid #555; padding-bottom: 1px; text-decoration: none; } - -footer a:hover{ - color: #ccc; +.desktop footer a:hover { + color: #fff; border-bottom:1px solid #999; } -footer ul{ - margin:0; +footer ul { + margin: 0; + display: flex; + flex-direction: row; + color: #888; + font-size: 11px; } -footer ul li{ - color: #bbb; - margin: 0 5px 0 0; - font-size: 12px; - display: inline-block; +footer ul li { + margin-bottom: 0; + font-size: 11px; + font-weight: 400; + color:#666; } -footer ul li:last-child{ - margin-right:0px; +footer ul li:last-child { + margin-right: 0px; } -footer ul.footer-left{ - float:left; - margin-left:40px; +footer ul:first-child li { + margin-right: 8px; } -footer ul.footer-right{ - float:right; - margin-right:40px; +footer ul:last-child li { + margin-left: 8px; } .desktop footer a:hover { - color: #ddd; + color: #fff; } + /* headings */ h1 { @@ -273,6 +281,52 @@ th, .gray { font-size: 9pt; } +/* splash teaser */ + +.teaser { + position: absolute; + top: 50%; + left: 100px; + transform: translateY(-50%); +} +.teaser b { + font-family: 'Roboto', sans-serif; + font-weight: 500; + color: #fff; + font-size: 40px; + 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: 340px; + 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: 14px 20px; + font-size: 16px; + border-radius: 4px; + text-decoration: none; + box-shadow: 0 1px 2px #181818; + transition: all 0.1s; +} +.desktop .teaser .btn:hover { + color: #fff; + background: #666; +} + /* content */ .content { @@ -410,7 +464,7 @@ ul { ul li { margin-bottom: 8px; color: #dedede; - font-weight: 300; + font-weight: 400; font-size: 14px; } @@ -764,15 +818,21 @@ section.fullwidth .image { /* intro - list of datasets */ .dataset-heading { - background: #000; + /*background: #000;*/ width: 100%; padding: 10px; } +.dataset-heading p{ + max-width: none; +} +.dataset-heading h1{ + max-width: none; +} .dataset-list { display: flex; flex-direction: row; flex-wrap: wrap; - margin:0; + margin: 20px 0 0 0; } .dataset-list a { text-decoration: none; @@ -806,8 +866,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 { @@ -843,16 +903,23 @@ section.fullwidth .image { display: inline-block; margin: 0; cursor: pointer; - margin-right: 20px; - font-size: 16px; + margin-right: 10px; transition: background 0.2s; background: #555; color: #fff; - padding: 4px 6px; + padding: 7px 11px; border-radius: 4px; font-weight: 500; font-size: 14px; cursor: pointer; + user-select: none; + -moz-user-select: none; + -khtml-user-select: none; + -webkit-user-select: none; + -o-user-select: none; +} +.dataset-list .sort-options li:last-child { + margin-right:0; } .dataset-list .sort-options li.active { background: #fff; @@ -861,6 +928,9 @@ section.fullwidth .image { .desktop .dataset-list .sort-options li:hover { background: #888; } +.desktop .dataset-list .sort-options li.active:hover { + background: #fff; +} .dataset_list .applet { margin-bottom: 15px; } @@ -954,13 +1024,17 @@ page-specific formatting ul.map-legend{ display: inline-block; - margin:0; - font-size:14px; + margin: 0; + font-size: 14px; } -ul.map-legend li{ +ul.map-legend li { margin-right: 10px; - padding-top:4px; + padding-top: 4px; display: inline-block; + cursor: pointer; +} +.desktop ul.map-legend li:hover { + text-decoration: underline; } ul.map-legend li:before { content: ''; @@ -969,6 +1043,10 @@ ul.map-legend li:before { height: 10px; margin-right: 6px; } +ul.map-legend li.active { + text-decoration: underline; + color: #fff; +} ul.map-legend li.edu:before { background-color: #f2f293; } diff --git a/site/assets/css/mobile.css b/site/assets/css/mobile.css index 6a742277..825a7012 100644 --- a/site/assets/css/mobile.css +++ b/site/assets/css/mobile.css @@ -1,17 +1,55 @@ /* MOBILE - iphone/ipad css */ +softbr { + display: none; +} + @media all and (max-device-width: 1024px) { + softbr { + display: block; + height: 10px; + } + /* header / footer */ - .slogan { + + header .slogan { padding-left: 10px; } header .splash { display: none; } + .home header .links a { + margin-right: 0; + } header .links a { + padding-right: 0; margin-right: 14px; font-size: 14px; } + footer { + font-size: 14px; + line-height: 1.6; + } + footer > div:nth-child(1) { + padding: 0; + color: #ccc; + margin-bottom: 15px; + } + footer > div:nth-child(2) { + padding: 0; + color: #ccc; + margin-bottom: 15px; + } + footer a { + color: #eee; + border-color: #ccc; + } + footer ul { + flex-wrap: wrap; + } + h1 { + font-size: 34px; + } /* MOBILE content */ @@ -38,6 +76,13 @@ width: 100%; padding: 0 10px; } + section.about-menu { + padding: 0; + } + .content-about section:first-of-type > p:first-of-type { + font-size: 18px; + line-height: 30px; + } .meta { margin-right: 0px; margin-bottom: 10px; @@ -49,17 +94,36 @@ overflow: hidden; text-overflow: ellipsis; } - .citationHeader { - - } section.wide { width: 100%; } .map, .map .applet { height: 360px; } + .dataset-heading section { + padding: 0; + } + .dataset-list .dataset { + width: 100%; + } + .dataset-list a { + width: 100%; + } + + .content td a { + text-overflow: ellipsis; + max-width: 100%; + overflow: hidden; + display: inline-block; + } - /* MOBILE datasets page */ + .content-about .team-member { + margin: 0 0 10px 0; + padding: 10px; + } + .page_name { + display: none; + } } /* iphone-specific */ @@ -88,4 +152,7 @@ .columns-4 .column { width: 100%; } + .teaser { + display: none; + } }
\ No newline at end of file diff --git a/site/assets/css/splash.css b/site/assets/css/splash.css index 046d5c34..6089f10d 100644 --- a/site/assets/css/splash.css +++ b/site/assets/css/splash.css @@ -19,15 +19,8 @@ footer div { z-index: 2; } footer { - /*text-shadow: 0 0 5px #191919, 0 0 5px #191919, 0 0 5px #191919;*/ background: #111; } -header > div a, -footer > div { - /*background: rgba(25, 25, 25, 0.8); - padding: 3px; - border-radius: 2px;*/ -} header .links a.activeLink { color: white; border-bottom-color: white; @@ -106,7 +99,7 @@ p { display: block; text-align: right; padding: 0; - padding-right: 5px; + padding-right: 10px; } header .links span, header .links a { diff --git a/site/assets/img/favicon/android-icon-144x144.png b/site/assets/img/favicon/android-icon-144x144.png Binary files differnew file mode 100644 index 00000000..341ece89 --- /dev/null +++ b/site/assets/img/favicon/android-icon-144x144.png diff --git a/site/assets/img/favicon/android-icon-192x192.png b/site/assets/img/favicon/android-icon-192x192.png Binary files differnew file mode 100644 index 00000000..de4c5e42 --- /dev/null +++ b/site/assets/img/favicon/android-icon-192x192.png diff --git a/site/assets/img/favicon/android-icon-36x36.png b/site/assets/img/favicon/android-icon-36x36.png Binary files differnew file mode 100644 index 00000000..d1929dfd --- /dev/null +++ b/site/assets/img/favicon/android-icon-36x36.png diff --git a/site/assets/img/favicon/android-icon-48x48.png b/site/assets/img/favicon/android-icon-48x48.png Binary files differnew file mode 100644 index 00000000..433c679c --- /dev/null +++ b/site/assets/img/favicon/android-icon-48x48.png diff --git a/site/assets/img/favicon/android-icon-72x72.png b/site/assets/img/favicon/android-icon-72x72.png Binary files differnew file mode 100644 index 00000000..3254f659 --- /dev/null +++ b/site/assets/img/favicon/android-icon-72x72.png diff --git a/site/assets/img/favicon/android-icon-96x96.png b/site/assets/img/favicon/android-icon-96x96.png Binary files differnew file mode 100644 index 00000000..8bab32b4 --- /dev/null +++ b/site/assets/img/favicon/android-icon-96x96.png diff --git a/site/assets/img/favicon/apple-icon-114x114.png b/site/assets/img/favicon/apple-icon-114x114.png Binary files differnew file mode 100644 index 00000000..54c91340 --- /dev/null +++ b/site/assets/img/favicon/apple-icon-114x114.png diff --git a/site/assets/img/favicon/apple-icon-120x120.png b/site/assets/img/favicon/apple-icon-120x120.png Binary files differnew file mode 100644 index 00000000..78fa8236 --- /dev/null +++ b/site/assets/img/favicon/apple-icon-120x120.png diff --git a/site/assets/img/favicon/apple-icon-144x144.png b/site/assets/img/favicon/apple-icon-144x144.png Binary files differnew file mode 100644 index 00000000..341ece89 --- /dev/null +++ b/site/assets/img/favicon/apple-icon-144x144.png diff --git a/site/assets/img/favicon/apple-icon-152x152.png b/site/assets/img/favicon/apple-icon-152x152.png Binary files differnew file mode 100644 index 00000000..1f0d9e00 --- /dev/null +++ b/site/assets/img/favicon/apple-icon-152x152.png diff --git a/site/assets/img/favicon/apple-icon-180x180.png b/site/assets/img/favicon/apple-icon-180x180.png Binary files differnew file mode 100644 index 00000000..ab9d8f82 --- /dev/null +++ b/site/assets/img/favicon/apple-icon-180x180.png diff --git a/site/assets/img/favicon/apple-icon-57x57.png b/site/assets/img/favicon/apple-icon-57x57.png Binary files differnew file mode 100644 index 00000000..4a45472b --- /dev/null +++ b/site/assets/img/favicon/apple-icon-57x57.png diff --git a/site/assets/img/favicon/apple-icon-60x60.png b/site/assets/img/favicon/apple-icon-60x60.png Binary files differnew file mode 100644 index 00000000..631aeb61 --- /dev/null +++ b/site/assets/img/favicon/apple-icon-60x60.png diff --git a/site/assets/img/favicon/apple-icon-72x72.png b/site/assets/img/favicon/apple-icon-72x72.png Binary files differnew file mode 100644 index 00000000..3254f659 --- /dev/null +++ b/site/assets/img/favicon/apple-icon-72x72.png diff --git a/site/assets/img/favicon/apple-icon-76x76.png b/site/assets/img/favicon/apple-icon-76x76.png Binary files differnew file mode 100644 index 00000000..b31e92b5 --- /dev/null +++ b/site/assets/img/favicon/apple-icon-76x76.png diff --git a/site/assets/img/favicon/apple-icon-precomposed.png b/site/assets/img/favicon/apple-icon-precomposed.png Binary files differnew file mode 100644 index 00000000..188d62bf --- /dev/null +++ b/site/assets/img/favicon/apple-icon-precomposed.png diff --git a/site/assets/img/favicon/apple-icon.png b/site/assets/img/favicon/apple-icon.png Binary files differnew file mode 100644 index 00000000..188d62bf --- /dev/null +++ b/site/assets/img/favicon/apple-icon.png diff --git a/site/assets/img/favicon/browserconfig.xml b/site/assets/img/favicon/browserconfig.xml new file mode 100644 index 00000000..c5541482 --- /dev/null +++ b/site/assets/img/favicon/browserconfig.xml @@ -0,0 +1,2 @@ +<?xml version="1.0" encoding="utf-8"?> +<browserconfig><msapplication><tile><square70x70logo src="/ms-icon-70x70.png"/><square150x150logo src="/ms-icon-150x150.png"/><square310x310logo src="/ms-icon-310x310.png"/><TileColor>#ffffff</TileColor></tile></msapplication></browserconfig>
\ No newline at end of file diff --git a/site/assets/img/favicon/favicon-16x16.png b/site/assets/img/favicon/favicon-16x16.png Binary files differnew file mode 100644 index 00000000..9db00ab0 --- /dev/null +++ b/site/assets/img/favicon/favicon-16x16.png diff --git a/site/assets/img/favicon/favicon-32x32.png b/site/assets/img/favicon/favicon-32x32.png Binary files differnew file mode 100644 index 00000000..0e7082ce --- /dev/null +++ b/site/assets/img/favicon/favicon-32x32.png diff --git a/site/assets/img/favicon/favicon-96x96.png b/site/assets/img/favicon/favicon-96x96.png Binary files differnew file mode 100644 index 00000000..8bab32b4 --- /dev/null +++ b/site/assets/img/favicon/favicon-96x96.png diff --git a/site/assets/img/favicon/favicon.ico b/site/assets/img/favicon/favicon.ico Binary files differnew file mode 100644 index 00000000..93bc04b4 --- /dev/null +++ b/site/assets/img/favicon/favicon.ico diff --git a/site/assets/img/favicon/manifest.json b/site/assets/img/favicon/manifest.json new file mode 100644 index 00000000..013d4a6a --- /dev/null +++ b/site/assets/img/favicon/manifest.json @@ -0,0 +1,41 @@ +{ + "name": "App", + "icons": [ + { + "src": "\/android-icon-36x36.png", + "sizes": "36x36", + "type": "image\/png", + "density": "0.75" + }, + { + "src": "\/android-icon-48x48.png", + "sizes": "48x48", + "type": "image\/png", + "density": "1.0" + }, + { + "src": "\/android-icon-72x72.png", + "sizes": "72x72", + "type": "image\/png", + "density": "1.5" + }, + { + "src": "\/android-icon-96x96.png", + "sizes": "96x96", + "type": "image\/png", + "density": "2.0" + }, + { + "src": "\/android-icon-144x144.png", + "sizes": "144x144", + "type": "image\/png", + "density": "3.0" + }, + { + "src": "\/android-icon-192x192.png", + "sizes": "192x192", + "type": "image\/png", + "density": "4.0" + } + ] +}
\ No newline at end of file diff --git a/site/assets/img/favicon/ms-icon-144x144.png b/site/assets/img/favicon/ms-icon-144x144.png Binary files differnew file mode 100644 index 00000000..341ece89 --- /dev/null +++ b/site/assets/img/favicon/ms-icon-144x144.png diff --git a/site/assets/img/favicon/ms-icon-150x150.png b/site/assets/img/favicon/ms-icon-150x150.png Binary files differnew file mode 100644 index 00000000..452f3971 --- /dev/null +++ b/site/assets/img/favicon/ms-icon-150x150.png diff --git a/site/assets/img/favicon/ms-icon-310x310.png b/site/assets/img/favicon/ms-icon-310x310.png Binary files differnew file mode 100644 index 00000000..78f5888a --- /dev/null +++ b/site/assets/img/favicon/ms-icon-310x310.png diff --git a/site/assets/img/favicon/ms-icon-70x70.png b/site/assets/img/favicon/ms-icon-70x70.png Binary files differnew file mode 100644 index 00000000..df71e3ea --- /dev/null +++ b/site/assets/img/favicon/ms-icon-70x70.png diff --git a/site/assets/img/megapixels-share.png b/site/assets/img/megapixels-share.png Binary files differnew file mode 100644 index 00000000..a40dfaca --- /dev/null +++ b/site/assets/img/megapixels-share.png diff --git a/site/assets/img/megapixels_logo_black.png b/site/assets/img/megapixels_logo_black.png Binary files differnew file mode 100644 index 00000000..64bc6659 --- /dev/null +++ b/site/assets/img/megapixels_logo_black.png diff --git a/site/assets/img/megapixels_logo_black.svg b/site/assets/img/megapixels_logo_black.svg new file mode 100644 index 00000000..8eb610e7 --- /dev/null +++ b/site/assets/img/megapixels_logo_black.svg @@ -0,0 +1,58 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> + +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" + xmlns:svg="http://www.w3.org/2000/svg" + xmlns="http://www.w3.org/2000/svg" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + version="1.1" + id="Layer_1" + x="0px" + y="0px" + width="30px" + height="30px" + viewBox="0 0 30 30" + enable-background="new 0 0 30 30" + xml:space="preserve" + inkscape:version="0.91 r13725" + sodipodi:docname="megapixels_logo_black.svg"><metadata + id="metadata13"><rdf:RDF><cc:Work + rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs + id="defs11" /><sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="863" + inkscape:window-height="633" + id="namedview9" + showgrid="false" + inkscape:zoom="7.8666667" + inkscape:cx="15" + inkscape:cy="15" + inkscape:window-x="2781" + inkscape:window-y="258" + inkscape:window-maximized="0" + inkscape:current-layer="Layer_1" /><g + id="g3" + style="fill:#241c1c"><rect + x="9.833" + y="9.833" + fill="#FFFFFF" + width="10.334" + height="10.333" + id="rect5" + style="fill:#241c1c" /><path + fill="#FFFFFF" + d="M0,0v30h30V0H0z M25,25.002H5V4.999h20V25.002z" + id="path7" + style="fill:#241c1c" /></g></svg>
\ No newline at end of file |
