diff options
Diffstat (limited to 'site/assets')
32 files changed, 182 insertions, 49 deletions
diff --git a/site/assets/css/css.css b/site/assets/css/css.css index 932f9596..f59556f8 100644 --- a/site/assets/css/css.css +++ b/site/assets/css/css.css @@ -27,6 +27,9 @@ img { border: 0; } html.desktop .content, html.mobile .content { opacity: 1; + margin-top: 50px; +} +html.mobile .content{ } /* header */ @@ -172,7 +175,6 @@ footer a { display: inline-block; color: #aaa; transition: all 0.1s cubic-bezier(0,0,1,1); - border-bottom: 1px solid #555; padding-bottom: 1px; text-decoration: none; } @@ -212,7 +214,7 @@ h1 { color: #eee; font-weight: 400; font-size: 34pt; - margin: 75px auto 10px auto; + margin: 20px auto 10px auto; padding: 0; transition: color 0.1s cubic-bezier(0,0,1,1); font-family: 'Roboto Mono', monospace; @@ -330,10 +332,10 @@ th, .gray { /* content */ .content { - padding-top: 28px; + padding-top: 20px; padding-bottom: 100px; min-height: calc(100vh - 55px); - line-height: 1.5; + line-height: 1.8; } section { width: 960px; @@ -352,7 +354,7 @@ section { } section p { margin: 10px auto 20px auto; - line-height: 1.85rem; + line-height: 1.9rem; font-size: 17px; font-weight: 400; color: #cdcdcd; @@ -403,6 +405,10 @@ p.subp{ padding-bottom: 5px; line-height: 14px } +.mobile .meta .gray { + font-size: 10px; + padding-bottom: 0px; +} .right-sidebar { float: right; width: 200px; @@ -430,6 +436,13 @@ p.subp{ .left-sidebar .meta, .right-sidebar .meta { flex-direction: column; } +.mobile .left-sidebar .meta, .right-sidebar .meta { + display: inline-block; + border-bottom: 1px solid #333; + padding:10px 10px 10px 0; + margin: 0 4px 4px 0; + color: #bbb; +} .right-sidebar ul { margin-bottom: 10px; color: #aaa; @@ -464,7 +477,7 @@ ul { ul li { margin-bottom: 8px; color: #dedede; - font-weight: 300; + font-weight: 400; font-size: 14px; } @@ -813,6 +826,7 @@ section.fullwidth .image { } .content .dataset-intro .first_paragraph { margin-top: 10px; + font-size: 18px; } /* intro - list of datasets */ @@ -820,7 +834,7 @@ section.fullwidth .image { .dataset-heading { /*background: #000;*/ width: 100%; - padding: 10px; + padding: 0 25px; } .dataset-heading p{ max-width: none; @@ -836,58 +850,44 @@ section.fullwidth .image { } .dataset-list a { text-decoration: none; - transition: background-color 0.1s cubic-bezier(0,0,1,1); - background: black; - margin: 0 11px 11px 0; - border: 0; + transition: border 0.1s cubic-bezier(0,0,1,1); + margin: 0 11px 22px 0; + border: 1px solid #333; + border-radius: 4px; } .dataset-list .dataset { width: 300px; - height: 178px; - padding: 10px; + padding: 12px; color: white; font-weight: 400; font-family: 'Roboto'; position: relative; } -.desktop .content .dataset-list a { - border: none; -} -.desktop .dataset-list a:hover { - border: none; +.dataset-list .dataset-image { + background-size: cover; + width: auto; + height: 178px; } -.dataset-list a:nth-child(3n+1) { background-color: rgba(255, 0, 0, 0.1); } -.desktop .dataset-list a:nth-child(3n+1):hover { background-color: rgba(255, 0, 0, 0.2); } - -.dataset-list a:nth-child(3n+2) { background-color: rgba(255, 128, 0, 0.1); } -.desktop .dataset-list a:nth-child(3n+2):hover { background-color: rgba(255, 128, 0, 0.2); } - -.dataset-list a:nth-child(3n+3) { background-color: rgba(255, 255, 0, 0.1); } -.desktop .dataset-list a:nth-child(3n+3):hover { background-color: rgba(255, 255, 0, 0.2); } +.desktop .content .dataset-list a { + border: 1px solid #333; -.dataset-list span { - background-color: #181818; - box-shadow: -3px -3px #181818, 3px -3px #181818, -3px 3px #181818, 3px 3px #181818; - box-decoration-break: clone; } -.dataset-list .title { - margin-bottom: 10px; - padding: 2px 4px; - +.desktop .dataset-list a:hover { + border: 1px solid #666; } .dataset-list .fields { - display: block; - position: absolute; - bottom: 0px; - left: 10px; font-size: 12px; + color: #ccc; } -.dataset-list .fields div { - display: none; +.dataset-list .dataset .title{ + font-size: 16px; + line-height: 20px; + margin-bottom: 4px; + font-weight: 400; + display: block; } -.dataset-list .fields div.visible { +.dataset-list .fields div { display: block; - margin-bottom: 10px; } .dataset-list .sort-options { margin: 0; @@ -909,7 +909,7 @@ section.fullwidth .image { color: #fff; padding: 7px 11px; border-radius: 4px; - font-weight: 500; + font-weight: 400; font-size: 14px; cursor: pointer; user-select: none; @@ -944,13 +944,14 @@ section.intro_section { width: 100%; background-size: cover; background-position: center left; - padding: 50px 0; + /*padding: 50px 0;*/ min-height: 40vh; display: flex; justify-content: center; align-items: center; background-color: #111111; - margin-bottom: 30px; + margin-bottom: 20px; + padding: 0; } .intro_section .inner { max-width: 960px; @@ -963,6 +964,11 @@ section.intro_section { color: #ddd; font-weight: 400; } +.mobile .intro_section .hero_desc{ + font-size: 16px; + line-height: 32px; + margin-bottom: 20px; +} .intro_section .hero_desc .dataset-name{ color:#fff; } @@ -973,6 +979,10 @@ section.intro_section { font-weight: 400; color: #ddd; } +.mobile .intro_section .hero_subdesc { + font-size: 14px; + line-height: 28px; +} .intro_section .hero_desc .bgpad { box-shadow: -10px -10px #181818, 10px -10px #181818, 10px 10px #181818, -10px 10px #181818; background: #181818; @@ -981,6 +991,14 @@ section.intro_section { box-shadow: -10px -10px #181818, 10px -10px #181818, 10px 10px #181818, -10px 10px #181818; background: #181818; } +.mobile .intro_section .hero_desc .bgpad { + box-shadow: -6px -6px #181818, 6px -6px #181818, 6px 6px #181818, -6px 6px #181818; + background: #181818; +} +.mobile .intro_section .hero_subdesc .bgpad { + box-shadow: -6px -6px #181818, 6px -6px #181818, 6px 6px #181818, -6px 6px #181818; + background: #181818; +} .firefox .intro_section div > span { diff --git a/site/assets/css/mobile.css b/site/assets/css/mobile.css index 825a7012..124b9d42 100644 --- a/site/assets/css/mobile.css +++ b/site/assets/css/mobile.css @@ -48,7 +48,8 @@ softbr { flex-wrap: wrap; } h1 { - font-size: 34px; + font-size: 32px; + line-height: 44px; } /* MOBILE content */ @@ -74,13 +75,23 @@ softbr { } section { width: 100%; - padding: 0 10px; + padding: 0 25px; + } + section p{ + font-size: 15px; } section.about-menu { padding: 0; } + .content-about .about-menu ul li{ + font-size: 12px; + } + .content-about .team-member p{ + font-size: 13px; + line-height: 26px; + } .content-about section:first-of-type > p:first-of-type { - font-size: 18px; + font-size: 16px; line-height: 30px; } .meta { @@ -89,6 +100,7 @@ softbr { } .modal img { max-width: 100%; + display: block; } th { overflow: hidden; @@ -119,7 +131,8 @@ softbr { .content-about .team-member { margin: 0 0 10px 0; - padding: 10px; + padding: 15px; + margin-bottom: 25px; } .page_name { display: none; @@ -146,6 +159,7 @@ softbr { } .columns .column { margin: 0; + margin-bottom: 25px; } .columns-2 .column, .columns-3 .column, 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 |
