From 966e27c7418d6e188ea4b1f651a5e6c67495b765 Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Mon, 3 Dec 2018 17:19:51 +0100 Subject: base css --- scraper/builder.py | 5 +- site/assets/css/css.css | 172 +++++++++ site/assets/css/fonts.css | 35 ++ site/assets/fonts/Roboto_300.eot | Bin 0 -> 17481 bytes site/assets/fonts/Roboto_300.svg | 312 ++++++++++++++++ site/assets/fonts/Roboto_300.ttf | Bin 0 -> 35468 bytes site/assets/fonts/Roboto_300.woff | Bin 0 -> 19916 bytes site/assets/fonts/Roboto_300.woff2 | Bin 0 -> 15440 bytes site/assets/fonts/Roboto_400.eot | Bin 0 -> 17405 bytes site/assets/fonts/Roboto_400.svg | 308 ++++++++++++++++ site/assets/fonts/Roboto_400.ttf | Bin 0 -> 35408 bytes site/assets/fonts/Roboto_400.woff | Bin 0 -> 19824 bytes site/assets/fonts/Roboto_400.woff2 | Bin 0 -> 15344 bytes site/assets/fonts/Roboto_500.eot | Bin 0 -> 17596 bytes site/assets/fonts/Roboto_500.svg | 305 ++++++++++++++++ site/assets/fonts/Roboto_500.ttf | Bin 0 -> 35588 bytes site/assets/fonts/Roboto_500.woff | Bin 0 -> 20012 bytes site/assets/fonts/Roboto_500.woff2 | Bin 0 -> 15552 bytes site/assets/fonts/Roboto_700.eot | Bin 0 -> 17391 bytes site/assets/fonts/Roboto_700.svg | 309 ++++++++++++++++ site/assets/fonts/Roboto_700.ttf | Bin 0 -> 35236 bytes site/assets/fonts/Roboto_700.woff | Bin 0 -> 19888 bytes site/assets/fonts/Roboto_700.woff2 | Bin 0 -> 15436 bytes site/assets/fonts/Roboto_Mono_300.eot | Bin 0 -> 18064 bytes site/assets/fonts/Roboto_Mono_300.svg | 392 +++++++++++++++++++++ site/assets/fonts/Roboto_Mono_300.ttf | Bin 0 -> 32160 bytes site/assets/fonts/Roboto_Mono_300.woff | Bin 0 -> 19884 bytes site/assets/fonts/Roboto_Mono_300.woff2 | Bin 0 -> 16380 bytes site/assets/fonts/Roboto_Mono_400.eot | Bin 0 -> 17757 bytes site/assets/fonts/Roboto_Mono_400.svg | 390 ++++++++++++++++++++ site/assets/fonts/Roboto_Mono_400.ttf | Bin 0 -> 31052 bytes site/assets/fonts/Roboto_Mono_400.woff | Bin 0 -> 19576 bytes site/assets/fonts/Roboto_Mono_400.woff2 | Bin 0 -> 16028 bytes site/assets/fonts/Roboto_Mono_500.eot | Bin 0 -> 17909 bytes site/assets/fonts/Roboto_Mono_500.svg | 387 ++++++++++++++++++++ site/assets/fonts/Roboto_Mono_500.ttf | Bin 0 -> 31168 bytes site/assets/fonts/Roboto_Mono_500.woff | Bin 0 -> 19656 bytes site/assets/fonts/Roboto_Mono_500.woff2 | Bin 0 -> 16016 bytes site/assets/img/ajax-loader.gif | Bin 0 -> 1849 bytes site/assets/img/icon_camera.svg | 2 + site/assets/img/megapixels_logo.svg | 14 + site/assets/img/megapixels_logo_white.svg | 14 + site/assets/js/app/site.js | 22 ++ site/assets/js/face.js | 1 - site/content/about/index.txt | 2 +- site/content/blog/2018-12-01-intro/index.txt | 2 - site/public/about/index.html | 28 +- site/public/blog/2018-12-01-intro/index.html | 43 ++- .../blog/2018-12-02-second-blog-post/index.html | 40 ++- site/templates/blog.html | 22 ++ site/templates/layout.html | 26 +- 51 files changed, 2795 insertions(+), 36 deletions(-) create mode 100644 site/assets/css/css.css create mode 100644 site/assets/css/fonts.css create mode 100644 site/assets/fonts/Roboto_300.eot create mode 100644 site/assets/fonts/Roboto_300.svg create mode 100644 site/assets/fonts/Roboto_300.ttf create mode 100644 site/assets/fonts/Roboto_300.woff create mode 100644 site/assets/fonts/Roboto_300.woff2 create mode 100644 site/assets/fonts/Roboto_400.eot create mode 100644 site/assets/fonts/Roboto_400.svg create mode 100644 site/assets/fonts/Roboto_400.ttf create mode 100644 site/assets/fonts/Roboto_400.woff create mode 100644 site/assets/fonts/Roboto_400.woff2 create mode 100644 site/assets/fonts/Roboto_500.eot create mode 100644 site/assets/fonts/Roboto_500.svg create mode 100644 site/assets/fonts/Roboto_500.ttf create mode 100644 site/assets/fonts/Roboto_500.woff create mode 100644 site/assets/fonts/Roboto_500.woff2 create mode 100644 site/assets/fonts/Roboto_700.eot create mode 100644 site/assets/fonts/Roboto_700.svg create mode 100644 site/assets/fonts/Roboto_700.ttf create mode 100644 site/assets/fonts/Roboto_700.woff create mode 100644 site/assets/fonts/Roboto_700.woff2 create mode 100644 site/assets/fonts/Roboto_Mono_300.eot create mode 100644 site/assets/fonts/Roboto_Mono_300.svg create mode 100644 site/assets/fonts/Roboto_Mono_300.ttf create mode 100644 site/assets/fonts/Roboto_Mono_300.woff create mode 100644 site/assets/fonts/Roboto_Mono_300.woff2 create mode 100644 site/assets/fonts/Roboto_Mono_400.eot create mode 100644 site/assets/fonts/Roboto_Mono_400.svg create mode 100644 site/assets/fonts/Roboto_Mono_400.ttf create mode 100644 site/assets/fonts/Roboto_Mono_400.woff create mode 100644 site/assets/fonts/Roboto_Mono_400.woff2 create mode 100644 site/assets/fonts/Roboto_Mono_500.eot create mode 100644 site/assets/fonts/Roboto_Mono_500.svg create mode 100644 site/assets/fonts/Roboto_Mono_500.ttf create mode 100644 site/assets/fonts/Roboto_Mono_500.woff create mode 100644 site/assets/fonts/Roboto_Mono_500.woff2 create mode 100644 site/assets/img/ajax-loader.gif create mode 100644 site/assets/img/icon_camera.svg create mode 100644 site/assets/img/megapixels_logo.svg create mode 100644 site/assets/img/megapixels_logo_white.svg create mode 100644 site/assets/js/app/site.js delete mode 100644 site/assets/js/face.js create mode 100644 site/templates/blog.html diff --git a/scraper/builder.py b/scraper/builder.py index 73d6bfb3..c55b6dff 100644 --- a/scraper/builder.py +++ b/scraper/builder.py @@ -49,7 +49,10 @@ def build_file(fn): groups.append(normal_section(current_group)) content = "".join(groups) - template = env.get_template("page.html") + if 'blog/' in fn: + template = env.get_template("blog.html") + else: + template = env.get_template("page.html") html = template.render(metadata=metadata, content=content) os.makedirs(output_path, exist_ok=True) diff --git a/site/assets/css/css.css b/site/assets/css/css.css new file mode 100644 index 00000000..d7db0e1f --- /dev/null +++ b/site/assets/css/css.css @@ -0,0 +1,172 @@ +* { box-sizing: border-box; } +html, body { + margin: 0; + padding: 0; + width: 100%; + min-height: 100%; + font-family: 'Roboto', sans-serif; + background: #191919; + color: #b8b8b8; +} + +/* header */ + +header { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 70px; + background: #1e1e1e; + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-between; + box-shadow: 0 0 4px rgba(0,0,0,0.3); +} +header .slogan { + display: flex; + flex-direction: row; + align-items: center; + padding-left: 56px; + text-decoration: none; +} +header .logo { + background-image: url(../img/megapixels_logo_white.svg); + background-size: cover; + background-repeat: no-repeat; + margin-top: 7px; + margin-right: 14px; + width: 49px; + height: 30px; +} +header .site_name { + font-weight: bold; + color: #fff; +} +header .sub { + color: #666; + font-size: 10pt; + margin-left: 4px; + margin-top: 2px; + transition: color 0.1s cubic-bezier(0,1,1,1); +} +.desktop header .slogan:hover .site_name { + color: #fff; +} +.desktop header .slogan:hover .sub { + color: #666; +} +header .links { + display: flex; + flex-direction: row; + font-family: 'Roboto Mono', monospace; +} +header .links a { + display: block; + color: #777; + text-decoration: none; + text-transform: uppercase; + margin-right: 32px; + transition: color 0.1s cubic-bezier(0,1,1,1), border-color 0.1s cubic-bezier(0,1,1,1); + border-bottom: 1px solid rgba(255,255,255,0); +} +header .links a.active { + color: #bbb; +} +.desktop header .links a:hover { + color: #fff; + border-bottom: 1px solid rgba(255,255,255,255); +} +.desktop header .links a.active:hover { + color: #fff; + border-bottom: 1px solid rgba(255,255,255,255); +} + +/* footer */ + +footer { + width: 100%; + background: #000; + display: flex; + flex-direction: row; + justify-content: space-between; + color: #888; + font-size: 9pt; + padding: 20px 75px 20px; +} +footer > div { + display: flex; + flex-direction: row; +} +footer a { + display: inline-block; + color: #888; + transition: color 0.2s cubic-bezier(0,1,1,1); + margin-right: 5px; +} +footer a:hover { + color: #ddd; +} + +/* headings */ + +h1 { + color: #ddd; + font-weight: 300; + font-size: 24pt; + margin: 75px 0 10px; + padding: 0; +} +h3 { + font-family: 'Roboto Mono', monospace; + font-weight: 400; + font-size: 10pt; + text-transform: uppercase; + color: #666; + margin: 0 0 10px 0; + padding: 0; +} + +/* content */ + +.content { + padding-top: 70px; + padding-bottom: 100px; + min-height: calc(100vh - 55px); + line-height: 1.5; +} +section { + width: 640px; + margin: 0 auto; +} +.content .first_paragraph { + font-weight: 300; + font-size: 18pt; + color: #ccc; +} +p { + margin: 0 0 20px 0; +} + +.meta { + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: flex-start; + font-size: 10pt; + margin-bottom: 20px; +} +.meta > div { + margin-right: 30px; +} +.meta .gray { + font-size: 9pt; + padding-bottom: 4px; +} +.gray { + font-family: 'Roboto Mono', monospace; + font-weight: 400; + text-transform: uppercase; + color: #666; +} diff --git a/site/assets/css/fonts.css b/site/assets/css/fonts.css new file mode 100644 index 00000000..2195c70b --- /dev/null +++ b/site/assets/css/fonts.css @@ -0,0 +1,35 @@ +@font-face { + font-family: 'Roboto'; + font-style: normal; + font-weight: 300; + src: url("../fonts/Roboto_300.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto_300.woff") format("woff"), url("../fonts/Roboto_300.woff2") format("woff2"), url("../fonts/Roboto_300.svg#Roboto") format("svg"), url("../fonts/Roboto_300.ttf") format("truetype"); } + +@font-face { + font-family: 'Roboto'; + font-style: normal; + font-weight: 400; + src: url("../fonts/Roboto_400.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto_400.woff") format("woff"), url("../fonts/Roboto_400.woff2") format("woff2"), url("../fonts/Roboto_400.svg#Roboto") format("svg"), url("../fonts/Roboto_400.ttf") format("truetype"); } + +@font-face { + font-family: 'Roboto'; + font-style: normal; + font-weight: 500; + src: url("../fonts/Roboto_500.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto_500.woff") format("woff"), url("../fonts/Roboto_500.woff2") format("woff2"), url("../fonts/Roboto_500.svg#Roboto") format("svg"), url("../fonts/Roboto_500.ttf") format("truetype"); } + +@font-face { + font-family: 'Roboto Mono'; + font-style: normal; + font-weight: 300; + src: url("../fonts/Roboto_Mono_300.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto_Mono_300.woff") format("woff"), url("../fonts/Roboto_Mono_300.woff2") format("woff2"), url("../fonts/Roboto_Mono_300.svg#RobotoMono") format("svg"), url("../fonts/Roboto_Mono_300.ttf") format("truetype"); } + +@font-face { + font-family: 'Roboto Mono'; + font-style: normal; + font-weight: 400; + src: url("../fonts/Roboto_Mono_400.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto_Mono_400.woff") format("woff"), url("../fonts/Roboto_Mono_400.woff2") format("woff2"), url("../fonts/Roboto_Mono_400.svg#RobotoMono") format("svg"), url("../fonts/Roboto_Mono_400.ttf") format("truetype"); } + +@font-face { + font-family: 'Roboto Mono'; + font-style: normal; + font-weight: 500; + src: local("Roboto-Mono Medium"), local("RobotoMono-Medium"), url("../fonts/Roboto_Mono_500.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto_Mono_500.woff") format("woff"), url("../fonts/Roboto_Mono_500.woff2") format("woff2"), url("../fonts/Roboto_Mono_500.svg#RobotoMono") format("svg"), url("../fonts/Roboto_Mono_500.ttf") format("truetype"); } diff --git a/site/assets/fonts/Roboto_300.eot b/site/assets/fonts/Roboto_300.eot new file mode 100644 index 00000000..17b7d5cd Binary files /dev/null and b/site/assets/fonts/Roboto_300.eot differ diff --git a/site/assets/fonts/Roboto_300.svg b/site/assets/fonts/Roboto_300.svg new file mode 100644 index 00000000..4ded944a --- /dev/null +++ b/site/assets/fonts/Roboto_300.svg @@ -0,0 +1,312 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/site/assets/fonts/Roboto_300.ttf b/site/assets/fonts/Roboto_300.ttf new file mode 100644 index 00000000..a22188ee Binary files /dev/null and b/site/assets/fonts/Roboto_300.ttf differ diff --git a/site/assets/fonts/Roboto_300.woff b/site/assets/fonts/Roboto_300.woff new file mode 100644 index 00000000..96663f07 Binary files /dev/null and b/site/assets/fonts/Roboto_300.woff differ diff --git a/site/assets/fonts/Roboto_300.woff2 b/site/assets/fonts/Roboto_300.woff2 new file mode 100644 index 00000000..52c5845a Binary files /dev/null and b/site/assets/fonts/Roboto_300.woff2 differ diff --git a/site/assets/fonts/Roboto_400.eot b/site/assets/fonts/Roboto_400.eot new file mode 100644 index 00000000..a0780d6e Binary files /dev/null and b/site/assets/fonts/Roboto_400.eot differ diff --git a/site/assets/fonts/Roboto_400.svg b/site/assets/fonts/Roboto_400.svg new file mode 100644 index 00000000..627f5a36 --- /dev/null +++ b/site/assets/fonts/Roboto_400.svg @@ -0,0 +1,308 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/site/assets/fonts/Roboto_400.ttf b/site/assets/fonts/Roboto_400.ttf new file mode 100644 index 00000000..b91bf3f7 Binary files /dev/null and b/site/assets/fonts/Roboto_400.ttf differ diff --git a/site/assets/fonts/Roboto_400.woff b/site/assets/fonts/Roboto_400.woff new file mode 100644 index 00000000..92dfacc6 Binary files /dev/null and b/site/assets/fonts/Roboto_400.woff differ diff --git a/site/assets/fonts/Roboto_400.woff2 b/site/assets/fonts/Roboto_400.woff2 new file mode 100644 index 00000000..7e854e66 Binary files /dev/null and b/site/assets/fonts/Roboto_400.woff2 differ diff --git a/site/assets/fonts/Roboto_500.eot b/site/assets/fonts/Roboto_500.eot new file mode 100644 index 00000000..849f4a50 Binary files /dev/null and b/site/assets/fonts/Roboto_500.eot differ diff --git a/site/assets/fonts/Roboto_500.svg b/site/assets/fonts/Roboto_500.svg new file mode 100644 index 00000000..67eecf44 --- /dev/null +++ b/site/assets/fonts/Roboto_500.svg @@ -0,0 +1,305 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/site/assets/fonts/Roboto_500.ttf b/site/assets/fonts/Roboto_500.ttf new file mode 100644 index 00000000..55b559f6 Binary files /dev/null and b/site/assets/fonts/Roboto_500.ttf differ diff --git a/site/assets/fonts/Roboto_500.woff b/site/assets/fonts/Roboto_500.woff new file mode 100644 index 00000000..2633e152 Binary files /dev/null and b/site/assets/fonts/Roboto_500.woff differ diff --git a/site/assets/fonts/Roboto_500.woff2 b/site/assets/fonts/Roboto_500.woff2 new file mode 100644 index 00000000..8dceabcf Binary files /dev/null and b/site/assets/fonts/Roboto_500.woff2 differ diff --git a/site/assets/fonts/Roboto_700.eot b/site/assets/fonts/Roboto_700.eot new file mode 100644 index 00000000..0df88af1 Binary files /dev/null and b/site/assets/fonts/Roboto_700.eot differ diff --git a/site/assets/fonts/Roboto_700.svg b/site/assets/fonts/Roboto_700.svg new file mode 100644 index 00000000..11db87dd --- /dev/null +++ b/site/assets/fonts/Roboto_700.svg @@ -0,0 +1,309 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/site/assets/fonts/Roboto_700.ttf b/site/assets/fonts/Roboto_700.ttf new file mode 100644 index 00000000..031bf06c Binary files /dev/null and b/site/assets/fonts/Roboto_700.ttf differ diff --git a/site/assets/fonts/Roboto_700.woff b/site/assets/fonts/Roboto_700.woff new file mode 100644 index 00000000..a0d26516 Binary files /dev/null and b/site/assets/fonts/Roboto_700.woff differ diff --git a/site/assets/fonts/Roboto_700.woff2 b/site/assets/fonts/Roboto_700.woff2 new file mode 100644 index 00000000..e327dc95 Binary files /dev/null and b/site/assets/fonts/Roboto_700.woff2 differ diff --git a/site/assets/fonts/Roboto_Mono_300.eot b/site/assets/fonts/Roboto_Mono_300.eot new file mode 100644 index 00000000..f44d93dd Binary files /dev/null and b/site/assets/fonts/Roboto_Mono_300.eot differ diff --git a/site/assets/fonts/Roboto_Mono_300.svg b/site/assets/fonts/Roboto_Mono_300.svg new file mode 100644 index 00000000..e8645765 --- /dev/null +++ b/site/assets/fonts/Roboto_Mono_300.svg @@ -0,0 +1,392 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/site/assets/fonts/Roboto_Mono_300.ttf b/site/assets/fonts/Roboto_Mono_300.ttf new file mode 100644 index 00000000..6c101fe4 Binary files /dev/null and b/site/assets/fonts/Roboto_Mono_300.ttf differ diff --git a/site/assets/fonts/Roboto_Mono_300.woff b/site/assets/fonts/Roboto_Mono_300.woff new file mode 100644 index 00000000..68d8403e Binary files /dev/null and b/site/assets/fonts/Roboto_Mono_300.woff differ diff --git a/site/assets/fonts/Roboto_Mono_300.woff2 b/site/assets/fonts/Roboto_Mono_300.woff2 new file mode 100644 index 00000000..ab64df38 Binary files /dev/null and b/site/assets/fonts/Roboto_Mono_300.woff2 differ diff --git a/site/assets/fonts/Roboto_Mono_400.eot b/site/assets/fonts/Roboto_Mono_400.eot new file mode 100644 index 00000000..550df22a Binary files /dev/null and b/site/assets/fonts/Roboto_Mono_400.eot differ diff --git a/site/assets/fonts/Roboto_Mono_400.svg b/site/assets/fonts/Roboto_Mono_400.svg new file mode 100644 index 00000000..f384d9ce --- /dev/null +++ b/site/assets/fonts/Roboto_Mono_400.svg @@ -0,0 +1,390 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/site/assets/fonts/Roboto_Mono_400.ttf b/site/assets/fonts/Roboto_Mono_400.ttf new file mode 100644 index 00000000..27363d17 Binary files /dev/null and b/site/assets/fonts/Roboto_Mono_400.ttf differ diff --git a/site/assets/fonts/Roboto_Mono_400.woff b/site/assets/fonts/Roboto_Mono_400.woff new file mode 100644 index 00000000..0ea5db89 Binary files /dev/null and b/site/assets/fonts/Roboto_Mono_400.woff differ diff --git a/site/assets/fonts/Roboto_Mono_400.woff2 b/site/assets/fonts/Roboto_Mono_400.woff2 new file mode 100644 index 00000000..6163de7b Binary files /dev/null and b/site/assets/fonts/Roboto_Mono_400.woff2 differ diff --git a/site/assets/fonts/Roboto_Mono_500.eot b/site/assets/fonts/Roboto_Mono_500.eot new file mode 100644 index 00000000..fb603779 Binary files /dev/null and b/site/assets/fonts/Roboto_Mono_500.eot differ diff --git a/site/assets/fonts/Roboto_Mono_500.svg b/site/assets/fonts/Roboto_Mono_500.svg new file mode 100644 index 00000000..34c55b65 --- /dev/null +++ b/site/assets/fonts/Roboto_Mono_500.svg @@ -0,0 +1,387 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/site/assets/fonts/Roboto_Mono_500.ttf b/site/assets/fonts/Roboto_Mono_500.ttf new file mode 100644 index 00000000..036a9907 Binary files /dev/null and b/site/assets/fonts/Roboto_Mono_500.ttf differ diff --git a/site/assets/fonts/Roboto_Mono_500.woff b/site/assets/fonts/Roboto_Mono_500.woff new file mode 100644 index 00000000..b12f6a1e Binary files /dev/null and b/site/assets/fonts/Roboto_Mono_500.woff differ diff --git a/site/assets/fonts/Roboto_Mono_500.woff2 b/site/assets/fonts/Roboto_Mono_500.woff2 new file mode 100644 index 00000000..125f0983 Binary files /dev/null and b/site/assets/fonts/Roboto_Mono_500.woff2 differ diff --git a/site/assets/img/ajax-loader.gif b/site/assets/img/ajax-loader.gif new file mode 100644 index 00000000..dc21df18 Binary files /dev/null and b/site/assets/img/ajax-loader.gif differ diff --git a/site/assets/img/icon_camera.svg b/site/assets/img/icon_camera.svg new file mode 100644 index 00000000..b349072e --- /dev/null +++ b/site/assets/img/icon_camera.svg @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/site/assets/img/megapixels_logo.svg b/site/assets/img/megapixels_logo.svg new file mode 100644 index 00000000..a9b7eff2 --- /dev/null +++ b/site/assets/img/megapixels_logo.svg @@ -0,0 +1,14 @@ + + + + + + + + + + diff --git a/site/assets/img/megapixels_logo_white.svg b/site/assets/img/megapixels_logo_white.svg new file mode 100644 index 00000000..061e30ab --- /dev/null +++ b/site/assets/img/megapixels_logo_white.svg @@ -0,0 +1,14 @@ + + + + + + + + + + diff --git a/site/assets/js/app/site.js b/site/assets/js/app/site.js new file mode 100644 index 00000000..04c0c495 --- /dev/null +++ b/site/assets/js/app/site.js @@ -0,0 +1,22 @@ +const isiPhone = !!((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) +const isiPad = !!(navigator.userAgent.match(/iPad/i)) +const isAndroid = !!(navigator.userAgent.match(/Android/i)) +const isMobile = isiPhone || isiPad || isAndroid +const isDesktop = !isMobile + +const htmlClassList = document.body.parentNode.classList +htmlClassList.add(isDesktop ? 'desktop' : 'mobile') + +var site = (function(){ + var site = {} + site.init = function(){ + site.build() + } + site.build = function(){ + const paras = document.querySelectorAll("section p") + if (paras.length) { + paras[0].classList.add('first_paragraph') + } + } + site.init() +})() \ No newline at end of file diff --git a/site/assets/js/face.js b/site/assets/js/face.js deleted file mode 100644 index 1485f3a3..00000000 --- a/site/assets/js/face.js +++ /dev/null @@ -1 +0,0 @@ -face.js \ No newline at end of file diff --git a/site/content/about/index.txt b/site/content/about/index.txt index 85576e7d..36719d7c 100644 --- a/site/content/about/index.txt +++ b/site/content/about/index.txt @@ -2,7 +2,7 @@ Title: About # About -## The darkside of datasets +### The darkside of datasets MegaPixels is a project about the darkside of datasets. It's an exploration of what happens when you post photos online, and how they are used. diff --git a/site/content/blog/2018-12-01-intro/index.txt b/site/content/blog/2018-12-01-intro/index.txt index e3dff38f..f56a99f3 100644 --- a/site/content/blog/2018-12-01-intro/index.txt +++ b/site/content/blog/2018-12-01-intro/index.txt @@ -2,8 +2,6 @@ Title: Welcome to the blog! Author: Adam Harvey Date: 2018-12-01 -Welcome to the blog! - Lorem ipsum dolor sit amet is more than just dummy test. It is a way of experiencing the world, an exciting clue to the mystery of being. A key to pondering its weighty thesis - that no one desires pain, but might undergo something painful for greater benefit - has been a key to understanding the nature of humanity since Cicero spoke those words thousands of years ago. And the world keeps on spinning like a top, folks, and we all keep going round on this crazy adventure called life. Let me tell you a secret - privacy is contagious! Don't believe me? Get up and look away from the computer right now. Do it! Walk outside! Are you still reading this? No, seriously go outside, and await further instructions! diff --git a/site/public/about/index.html b/site/public/about/index.html index e0fe8a20..49fa726c 100644 --- a/site/public/about/index.html +++ b/site/public/about/index.html @@ -1,16 +1,19 @@ - Megapixels + MegaPixels + + +
-

- - Megapixels + + +
MegaPixels
The Darkside of Datasets -

+
Face Search Datasets @@ -21,7 +24,7 @@

About

-

The darkside of datasets

+

The darkside of datasets

MegaPixels is a project about the darkside of datasets. It's an exploration of what happens when you post photos online, and how they are used.

In an era of exuberant data collection and analysis, social media has become the superfood of Artificial Intelligence. But what about the creators and individuals behind the data? What about their stories?

During the last 20 yers etc

@@ -29,8 +32,17 @@
+ \ No newline at end of file diff --git a/site/public/blog/2018-12-01-intro/index.html b/site/public/blog/2018-12-01-intro/index.html index 48116b1e..c92ea2fd 100644 --- a/site/public/blog/2018-12-01-intro/index.html +++ b/site/public/blog/2018-12-01-intro/index.html @@ -1,16 +1,19 @@ - Megapixels + MegaPixels + + +
-

- - Megapixels + + +
MegaPixels
The Darkside of Datasets -

+
Face Search Datasets @@ -20,8 +23,21 @@
-

Welcome to the blog!

-

Lorem ipsum dolor sit amet is more than just dummy test. It is a way of experiencing the world, an exciting clue to the mystery of being. A key to pondering its weighty thesis - that no one desires pain, but might undergo something painful for greater benefit - has been a key to understanding the nature of humanity since Cicero spoke those words thousands of years ago. And the world keeps on spinning like a top, folks, and we all keep going round on this crazy adventure called life.

+
+

Welcome to the blog!

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

Lorem ipsum dolor sit amet is more than just dummy test. It is a way of experiencing the world, an exciting clue to the mystery of being. A key to pondering its weighty thesis - that no one desires pain, but might undergo something painful for greater benefit - has been a key to understanding the nature of humanity since Cicero spoke those words thousands of years ago. And the world keeps on spinning like a top, folks, and we all keep going round on this crazy adventure called life.

Let me tell you a secret - privacy is contagious! Don't believe me? Get up and look away from the computer right now. Do it! Walk outside! Are you still reading this? No, seriously go outside, and await further instructions!

Are they gone? Let's wait another minute until we can be sure the reader is gone and it's just me here, writing for my own benefit. Whew, deep breath - not! These words really do exist in a vacuum. I literally have my eyes closed right now.

Dummy text? Generation 2.0 deserves better! We will not accept the flaccid filler text of yesteryear, no, we want it all, custom bespoke dummy text, hand-crafted with love and some good old fashioned ingenuity. Don't believe me? Get up right now from your chair and go outside. I'll wait. Ok. Are they gone? Good ok now that it's definitely just us, let me let you in on a little secret. Shh, promise not to tell?

@@ -30,8 +46,17 @@
+ \ No newline at end of file diff --git a/site/public/blog/2018-12-02-second-blog-post/index.html b/site/public/blog/2018-12-02-second-blog-post/index.html index 251b5d25..5852ebe7 100644 --- a/site/public/blog/2018-12-02-second-blog-post/index.html +++ b/site/public/blog/2018-12-02-second-blog-post/index.html @@ -1,16 +1,19 @@ - Megapixels + MegaPixels + + +
-

- - Megapixels + + +
MegaPixels
The Darkside of Datasets -

+
Face Search Datasets @@ -20,6 +23,20 @@
+
+

Second post!

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

H1

H2

H3

@@ -81,8 +98,17 @@ This line is part of the same quote.

+ \ No newline at end of file diff --git a/site/templates/blog.html b/site/templates/blog.html new file mode 100644 index 00000000..b23b2f29 --- /dev/null +++ b/site/templates/blog.html @@ -0,0 +1,22 @@ +{% extends 'layout.html' %} + +{% block content %} +
+

{{ metadata.title }}

+
+
+
Posted
+
{{ metadata.date }}
+
+
+
By
+
{{ metadata.author }}
+
+ {% if metadata.datasets %}
+
Datasets
+
{{ metadata.datasets }}
+
{% endif %} +
+
+ {{ content }} +{% endblock %} diff --git a/site/templates/layout.html b/site/templates/layout.html index c38948ef..304e804f 100644 --- a/site/templates/layout.html +++ b/site/templates/layout.html @@ -1,16 +1,19 @@ - Megapixels + MegaPixels + + +
-

- - Megapixels + + +
MegaPixels
The Darkside of Datasets -

+
Face Search Datasets @@ -22,8 +25,17 @@ {% block content %}{% endblock %}
+ \ No newline at end of file -- cgit v1.2.3-70-g09d2