diff --git a/docs/changelog.rst b/docs/changelog.rst index 9c0f1ae..ebf7b3d 100644 --- a/docs/changelog.rst +++ b/docs/changelog.rst @@ -10,6 +10,8 @@ Changelog * code cleaning by Bram * make code a bit more robust by Bram * basic CI on travis by Bram + * Light mode by beudbeud + * progressive JPEG/GIF/PNG by default for a better loading experience by 0x010C following sebian's blogpost 0.3.1 (2016-04-13) diff --git a/docs/configuration.rst b/docs/configuration.rst index bfb516d..5347482 100644 --- a/docs/configuration.rst +++ b/docs/configuration.rst @@ -13,7 +13,7 @@ The files organisation is quite simple: Root settings.yaml ------------------ -The root settings.yaml should contains 2 keys : one for the title of your website and one for the subtitle. It should looks like that:: +The root settings.yaml should contains 2 keys: one for the title of your website and one for the subtitle. It should looks like that:: title: My exploration of the outside world sub_title: it's a scary place, don't go there @@ -41,11 +41,11 @@ For example, this could be the content of `settings.yaml` in `about` folder:: You can use the `static` option to get a template closer to the one of the homepage that is better suited for a static page. You'll need to specify -"public: false" if you don't want to list this page on the homepage. On you +"public: false" if you don't want to list this page on the homepage. On case you didn't specified "public: false" you'll **need** to specify a "cover:" entry like any other gallery. -**NOTE**: except the "static: " option to disepear quite soon for a more +**NOTE**: expect the "static: " option to disappear quite soon for a more generic approach to "choose your page style". Global settings @@ -64,13 +64,15 @@ Currently a `gm` settings key allows to customize the default GraphicsMagick's b auto-orient: True strip: True resize: 50% + progressive: True -The meaning of the currently supported GraphicsMagick's settings is as follows : +The meaning of the currently supported GraphicsMagick's settings is as follows: * `quality` allows to customize the compression level of thumbnails (between 0 and 100) * `auto-orient` change the orientation of pictures so they are upright (based on corresponding EXIF tags if present) * `strip` removes all profiles and text attributes from the image (good for privacy, slightly reduce file size) * `resize` can be used to resize the fullsize version of pictures. by default, input image size is preserved + * `progressive` converts classic baseline JPEG files to progressive JPEG, and interlace PNG/GIF files (improve the page loading impression, slightly reduce file size) Any GraphicsMagick setting can be customized on a per-image basis (either `cover` or `image`, see below). @@ -121,6 +123,16 @@ To specify the theme, add the "theme" key in your "settings" key or your settings: theme: material +Light mode +~~~~~~~~~~ + +Prosopopée has a support light mode, for all gallery you need add /light on the url. +When this mode is enable Prosopopée build the gallery with light theme (no Js and pics size is 800px):: + + settings: + light_mode: true + + Licence ~~~~~~~ @@ -193,7 +205,7 @@ _______ - type: bordered-picture image: another_picture.jpg -And here is an example or a **private** gallery (notice the ``public`` keyword):: +And here is an example of a **private** gallery (notice the ``public`` keyword):: title: Gallery title sub_title: Gallery sub-title diff --git a/example/first_gallery/settings.yaml b/example/first_gallery/settings.yaml index a551c80..8f8839a 100644 --- a/example/first_gallery/settings.yaml +++ b/example/first_gallery/settings.yaml @@ -2,6 +2,7 @@ title: my first gallery sub_title: some subtitle date: 2015-12-08 cover: stuff.png +light_mode: true sections: - type: full-picture image: stuff.png diff --git a/example/first_gallery/video.mp4 b/example/first_gallery/video.mp4 old mode 100644 new mode 100755 index 95b7652..1821efb Binary files a/example/first_gallery/video.mp4 and b/example/first_gallery/video.mp4 differ diff --git a/example/second_gallery/second_level_gallery/third_level_gallery/settings.yaml b/example/second_gallery/second_level_gallery/third_level_gallery/settings.yaml index 07c801c..23849b5 100644 --- a/example/second_gallery/second_level_gallery/third_level_gallery/settings.yaml +++ b/example/second_gallery/second_level_gallery/third_level_gallery/settings.yaml @@ -2,6 +2,7 @@ title: my third level gallery sub_title: some subtitle date: 2015-12-08 cover: stuff.png +light_mode: true sections: - type: full-picture image: stuff.png diff --git a/example/settings.yaml b/example/settings.yaml index d16e29d..a891b1f 100644 --- a/example/settings.yaml +++ b/example/settings.yaml @@ -3,3 +3,4 @@ sub_title: "The subtitle" settings: gm: quality: 80 + light_mode: true diff --git a/prosopopee/prosopopee.py b/prosopopee/prosopopee.py index 5b99300..da8cee8 100644 --- a/prosopopee/prosopopee.py +++ b/prosopopee/prosopopee.py @@ -22,7 +22,8 @@ SETTINGS = { "quality": 75, "auto-orient": True, "strip": True, - "resize": None + "resize": None, + "progressive": True }, "ffmpeg": { "binary": "ffmpeg", @@ -138,10 +139,11 @@ class Image(object): "auto-orient": "-auto-orient" if options["auto-orient"] else "", "strip": "-strip" if options["strip"] else "", "quality": "-quality %s" % options["quality"] if "quality" in options else "-define jpeg:preserve-settings", - "resize": "-resize %s" % options["resize"] if options.get("resize", None) is not None else "" + "resize": "-resize %s" % options["resize"] if options.get("resize", None) is not None else "", + "progressive": "-interlace Line" if options.get("progressive", None) is True else "" } - command = "gm convert {source} {auto-orient} {strip} {quality} {resize} {target}".format(**gm_switches) + command = "gm convert '{source}' {auto-orient} {strip} {progressive} {quality} {resize} '{target}'".format(**gm_switches) warning("Generation", source) print(command) @@ -297,6 +299,10 @@ def process_directory(gallery_name, settings, parent_templates, parent_gallery_p if not os.path.exists(os.path.join("build", gallery_path)): os.makedirs(os.path.join("build", gallery_path)) + # Prepare light mode + if gallery_settings.get("light_mode",False) and not os.path.exists(os.path.join("build", gallery_path, "light")): + os.makedirs(os.path.join("build", gallery_path, "light")) + if not gallery_settings.get("public", True): build_gallery(settings, gallery_settings, gallery_path, parent_templates) else: @@ -381,6 +387,30 @@ def build_gallery(settings, gallery_settings, gallery_path, template): link=gallery_path ).encode("Utf-8")) + #Build light mode gallery + if gallery_settings.get("light_mode",False): + gallery_light_path = os.path.join(gallery_path, "light") + light_templates = get_gallery_templates("light", gallery_light_path) + + Image.base_dir = os.path.join(os.getcwd(), gallery_path) + Image.target_dir = os.path.join(os.getcwd(), "build", gallery_path) + + Video.base_dir = os.path.join(os.getcwd(), gallery_path) + Video.target_dir = os.path.join(os.getcwd(), "build", gallery_path) + + light_template_to_render = light_templates.get_template("gallery-index.html") + + index_html = open(os.path.join("build", gallery_light_path, "index.html"), "w") + + index_html.write(light_template_to_render.render( + settings=settings, + gallery=gallery_settings, + Image=Image, + Video=Video, + link=gallery_light_path + ).encode("Utf-8")) + + def build_index(settings, galleries_cover, templates, gallery_path=''): index_template = templates.get_template("index.html") diff --git a/prosopopee/themes/exposure/static/css/style-page.css b/prosopopee/themes/exposure/static/css/style-page.css index 1ef75c8..0b4d886 100644 --- a/prosopopee/themes/exposure/static/css/style-page.css +++ b/prosopopee/themes/exposure/static/css/style-page.css @@ -256,7 +256,7 @@ footer a { } -.share, .author { +.share, .author-meta { text-align: center; height: auto; position: relative; @@ -310,25 +310,30 @@ a.google { background-position: -172px 0 !important; } -.author img.circle { +.author-meta img.circle { border-radius: 50%; width: 80px; } -.author { +.author-meta { padding-bottom: 7em; } -.author-meta { +.author-info { color: #ccc; font-style: italic; font-size: 19px; } -.author h4 { +.author-info h4 { text-transform: uppercase; + text-align: center; + font-family: 'crimson', serif; + color: black; + font-style: normal; + font-weight: bold; } -.author .desc { +.author-info .desc { width: 350px; margin: auto; padding-bottom: 10px; @@ -343,9 +348,9 @@ a.google { position: absolute; top: 0; left: 0; - z-index: 2; + z-index: 0; width: 100%; - height: auto; + height: 100%; } .full-picture video { @@ -359,6 +364,7 @@ a.google { width: 77%; margin-left: 11.5%; margin-right: 11.5%; + object-fit: fill; } .bg-section { @@ -410,3 +416,30 @@ a.google { } +#slow-notice { + width:300px; + position: absolute; + top:0; + left:50%; + margin-left: -160px; + background-color: #F0DE7D; + text-align: center; + z-index: 999; + padding: 10px; + font-family: sans-serif; + font-size: 12px; +} + +#slow-notice a, +#slow-notice .dismiss { + color: #000; + text-decoration: underline; + cursor:pointer; +} + +#slow-notice .dismiss-container { + text-align:right; + padding-top:10px; + font-size: 10px; +} + diff --git a/prosopopee/themes/exposure/static/css/style.css b/prosopopee/themes/exposure/static/css/style.css index 3cd4eda..d3594fe 100644 --- a/prosopopee/themes/exposure/static/css/style.css +++ b/prosopopee/themes/exposure/static/css/style.css @@ -79,6 +79,7 @@ a { height: 100%; background-position: center center; background-size: cover; + overflow: hidden; } .gallery-title { @@ -262,4 +263,5 @@ nav ul li > a.item-menu::before { .gallery-cover img.fillWidth { height: 100%; + width: 100%; } diff --git a/prosopopee/themes/exposure/templates/gallery-index.html b/prosopopee/themes/exposure/templates/gallery-index.html index 25a614c..da5e858 100644 --- a/prosopopee/themes/exposure/templates/gallery-index.html +++ b/prosopopee/themes/exposure/templates/gallery-index.html @@ -71,6 +71,50 @@ $(function() { effect : "fadeIn" }); }); + +{% if settings.settings.light_mode %} +var slowLoad = window.setTimeout( function() { + var html_node = document.getElementsByTagName('html')[0]; + var div = document.createElement('div'); + div.setAttribute('id', 'slow-notice'); + var t1 = document.createTextNode("The website is taking a long time to load."); + var br = document.createElement('br'); + var t2 = document.createTextNode("You can switch to the "); + var a = document.createElement('a'); + a.setAttribute('href', './light'); + a.innerHTML = 'Light Weight Site'; + + var dismiss = document.createElement('span'); + dismiss.innerHTML = '[x] dismiss'; + dismiss.setAttribute('class', 'dismiss'); + dismiss.onclick = function() { + html_node.removeChild(div); + } + + var dismiss_container = document.createElement('div'); + dismiss_container.appendChild(dismiss); + dismiss_container.setAttribute('class', 'dismiss-container'); + + div.appendChild(t1); + div.appendChild(br); + div.appendChild(t2); + div.appendChild(a); + div.appendChild(dismiss_container); + + html_node.appendChild(div); +}, 1000 ); + +window.addEventListener( 'load', function() { + try { + window.clearTimeout( slowLoad ); + html_node.removeChild(div); + } catch (e){ + // that's okay. + } + +}); +{% endif %} + {% include "footer.html" %} diff --git a/prosopopee/themes/exposure/templates/sections/author.html b/prosopopee/themes/exposure/templates/sections/author.html index b321bf6..3676d4c 100644 --- a/prosopopee/themes/exposure/templates/sections/author.html +++ b/prosopopee/themes/exposure/templates/sections/author.html @@ -1,13 +1,14 @@ {% set image = Image(section.image) %} {{ image.copy() }} -
+
- Story by + Story by

{{ section.name }}

{% if section.text %}
{{ section.text }}
{% endif %} +
diff --git a/prosopopee/themes/exposure/templates/sections/bordered-picture.html b/prosopopee/themes/exposure/templates/sections/bordered-picture.html index 10baca3..c10c479 100644 --- a/prosopopee/themes/exposure/templates/sections/bordered-picture.html +++ b/prosopopee/themes/exposure/templates/sections/bordered-picture.html @@ -1,5 +1,6 @@ {% if section.image.type == "video" %} {% set video = Video(section.image) %} +{% set caption = section.text %} {{ video.copy() }} {% else %} {% set image = Image(section.image) %} @@ -9,16 +10,24 @@ {% if section.background %}
{% endif %} - {% if video %} + {% if video %}
- - - {% else %} +
+ + + {% if caption %} +
+
{{ caption }}
+
+ {% endif %} +
+
+ {% else %}
- + {% if caption %}
diff --git a/prosopopee/themes/exposure/templates/sections/full-picture.html b/prosopopee/themes/exposure/templates/sections/full-picture.html index 7367259..4212cd2 100644 --- a/prosopopee/themes/exposure/templates/sections/full-picture.html +++ b/prosopopee/themes/exposure/templates/sections/full-picture.html @@ -29,7 +29,7 @@
{% else %} -
+
{% if section.text %}
diff --git a/prosopopee/themes/exposure/templates/sections/pictures-group.html b/prosopopee/themes/exposure/templates/sections/pictures-group.html index b0dc977..09e4ed4 100644 --- a/prosopopee/themes/exposure/templates/sections/pictures-group.html +++ b/prosopopee/themes/exposure/templates/sections/pictures-group.html @@ -6,6 +6,7 @@
{% for image in line %} {% if image.type == "video" %} + {% set caption = image.text %} {% set video = Video(image) %} {{ video.copy() }} {% else %} @@ -19,6 +20,11 @@ + {% if caption %} +
+
{{ caption }}
+
+ {% endif %} {% set video = "" %} {% else %} diff --git a/prosopopee/themes/light/static/css/fonts.css b/prosopopee/themes/light/static/css/fonts.css new file mode 100644 index 0000000..ea37dfc --- /dev/null +++ b/prosopopee/themes/light/static/css/fonts.css @@ -0,0 +1,99 @@ +/* Montserrat: sans-serif header font */ +@font-face { + font-family: 'montserrat'; + src: url('../fonts/montserrat-semibold-webfont.eot'); + src: url('../fonts/montserrat-semibold-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/montserrat-semibold-webfont.woff2') format('woff2'), + url('../fonts/montserrat-semibold-webfont.woff') format('woff'), + url('../fonts/montserrat-semibold-webfont.ttf') format('truetype'), + url('../fonts/montserrat-semibold-webfont.svg#montserratsemi_bold') format('svg'); + font-weight: bold; + font-style: normal; + +} + +@font-face { + font-family: 'montserrat'; + src: url('../fonts/montserrat-regular-webfont.eot'); + src: url('../fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/montserrat-regular-webfont.woff2') format('woff2'), + url('../fonts/montserrat-regular-webfont.woff') format('woff'), + url('../fonts/montserrat-regular-webfont.ttf') format('truetype'), + url('../fonts/montserrat-regular-webfont.svg#montserratregular') format('svg'); + font-weight: normal; + font-style: normal; +} + + +/* Crimson: serif regular font */ +@font-face { + font-family: 'crimson'; + src: url('../fonts/crimsontext-semibold-webfont.eot'); + src: url('../fonts/crimsontext-semibold-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/crimsontext-semibold-webfont.woff2') format('woff2'), + url('../fonts/crimsontext-semibold-webfont.woff') format('woff'), + url('../fonts/crimsontext-semibold-webfont.ttf') format('truetype'), + url('../fonts/crimsontext-semibold-webfont.svg#crimson_textsemibold') format('svg'); + font-weight: 600; + font-style: normal; +} + +@font-face { + font-family: 'crimson'; + src: url('../fonts/crimsontext-semibolditalic-webfont.eot'); + src: url('../fonts/crimsontext-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/crimsontext-semibolditalic-webfont.woff2') format('woff2'), + url('../fonts/crimsontext-semibolditalic-webfont.woff') format('woff'), + url('../fonts/crimsontext-semibolditalic-webfont.ttf') format('truetype'), + url('../fonts/crimsontext-semibolditalic-webfont.svg#crimson_textsemibolditalic') format('svg'); + font-weight: 600; + font-style: italic; +} + +@font-face { + font-family: 'crimson'; + src: url('../fonts/crimsontext-bold-webfont.eot'); + src: url('../fonts/crimsontext-bold-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/crimsontext-bold-webfont.woff2') format('woff2'), + url('../fonts/crimsontext-bold-webfont.woff') format('woff'), + url('../fonts/crimsontext-bold-webfont.ttf') format('truetype'), + url('../fonts/crimsontext-bold-webfont.svg#crimson_textbold') format('svg'); + font-weight: bold; + font-style: normal; +} + +@font-face { + font-family: 'crimson'; + src: url('../fonts/crimsontext-bolditalic-webfont.eot'); + src: url('../fonts/crimsontext-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/crimsontext-bolditalic-webfont.woff2') format('woff2'), + url('../fonts/crimsontext-bolditalic-webfont.woff') format('woff'), + url('../fonts/crimsontext-bolditalic-webfont.ttf') format('truetype'), + url('../fonts/crimsontext-bolditalic-webfont.svg#crimson_textbolditalic') format('svg'); + font-weight: bold; + font-style: italic; +} + +@font-face { + font-family: 'crimson'; + src: url('../fonts/crimsontext-regular-webfont.eot'); + src: url('../fonts/crimsontext-regular-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/crimsontext-regular-webfont.woff2') format('woff2'), + url('../fonts/crimsontext-regular-webfont.woff') format('woff'), + url('../fonts/crimsontext-regular-webfont.ttf') format('truetype'), + url('../fonts/crimsontext-regular-webfont.svg#crimson_textroman') format('svg'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'crimson'; + src: url('../fonts/crimsontext-italic-webfont.eot'); + src: url('../fonts/crimsontext-italic-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/crimsontext-italic-webfont.woff2') format('woff2'), + url('../fonts/crimsontext-italic-webfont.woff') format('woff'), + url('../fonts/crimsontext-italic-webfont.ttf') format('truetype'), + url('../fonts/crimsontext-italic-webfont.svg#crimson_textitalic') format('svg'); + font-weight: normal; + font-style: italic; +} diff --git a/prosopopee/themes/light/static/css/style-page.css b/prosopopee/themes/light/static/css/style-page.css new file mode 100644 index 0000000..e7386db --- /dev/null +++ b/prosopopee/themes/light/static/css/style-page.css @@ -0,0 +1,232 @@ +html { + background: #efefef; +} + +body { + background: #fff; + width: 800px; + max-width: 95%; + margin: 20px auto; + border-radius: 4px; + margin-bottom: 100px; + font-family: sans-serif; +} + +#wrapper { + padding: 20px; +} + +.full-picture { + text-align: center; + padding-bottom: 30px; + margin-bottom: 40px; + border-bottom: solid 1px #efefef; +} + +a { + text-decoration: none; +} + +.panorama, +.bordered-picture, +.image { + position: relative; + width: 100%; + height: auto; +} + +.panorama img, +.bordered-picture img, +.image img { + width: 100%; + height: auto; + display: block; +} + +.full-picture h1 { + margin: 15px 0; + text-transform: uppercase; +} + +.full-picture h2 { + font-weight: normal; + font-style: italic; + margin: 0; +} + +.bordered-picture video, +.image video, +.full-picture video { + width: 100%; + height: auto; +} + +.datetime { + display: block; + margin-top: 8px; + font-size: 14px; +} + +h3 { + font-size: 30px; + text-transform: uppercase; +} + +.bordered-picture img, +.panorama img, +.pictures-group img { + margin: 15px 0; + display: block; +} + +.share, .author-meta { + text-align: center; + height: auto; + position: relative; + bottom: 0; + padding: 0 0 10px 0; + font-family: 'crimson', serif; +} + +ul.icon { + padding: 0; + margin: 10px 0 0 0; +} + +ul.icon li { + padding: 0; + list-style-type: none; + display:inline-block; +} + +ul.icon a { + display: block; + float: left; + background: url(../img/social-share.png) no-repeat; + background-size: 196px 23px; + border: none; +} + +ul.icon li, ul.icon a { + width: 32px; + height: 32px; + text-indent: -999999em; + overflow: hidden; + list-style-type: none; + display: inline-block; +} + +a.twitter { + background-position: 5px 0 !important; +} + +a.facebook { + background-position: -57px 0 !important; +} + +a.pinterest { + background-position: -114px 0 !important; +} + +a.google { + background-position: -172px 0 !important; +} + +.author-meta img.circle { + border-radius: 50%; + width: 80px; +} + +.author-meta { + padding: 3em 0 7em 0; +} + +.author-info { + color: #ccc; + font-style: italic; + font-size: 19px; +} + +.author-meta a { + color: #333; +} + +.author-info h4 { + text-transform: uppercase; + font-family: 'crimson', serif; + color: black; + font-style: normal; + font-weight: bold; +} +.author-info .desc { + width: auto; + padding-bottom: 10px; + font-style: normal; + font-size: 14px; + line-height: normal; + color: #333; +} + +footer { + margin-top: 6em; + text-align: center; + position: relative; + font-family: 'crimson', serif; + font-size: 11px; + color: #555; + background-color: #EEE; + border-top: solid 2px #DDD; + padding-bottom: 10px; + padding-top: 14px; +} + +.back-to-home { + text-align: center; +} + +.back-to-home hr { + width: 14%; + color: #DDD; +} + +.back-to-home #logo { + background: transparent url("../img/logo.svg") no-repeat scroll center top / cover; + border-radius: 100em; + border: 7px solid black; + margin: auto; + margin-top: 1em; + height: 150px; + width: 150px; + color: transparent; + font-size: 40px; +} + +.back-to-home a { + position: relative; + text-decoration: none; + color: transparent; +} + +.back-to-home #logo:hover { + background-color: black; + text-decoration: none; + color: white; + display: flex; + align-items: center; + justify-content: center; + text-align: center; + text-transform: uppercase; + font-family: 'montserrat', sans-serif; + font-weight: bold; +} + +footer p { + margin: 0; +} + +footer a { + text-decoration: none; + font-weight: 600; + font-family: 'montserrat', sans-serif; + color: #111; +} diff --git a/prosopopee/themes/light/static/css/style.css b/prosopopee/themes/light/static/css/style.css new file mode 100644 index 0000000..3cd4eda --- /dev/null +++ b/prosopopee/themes/light/static/css/style.css @@ -0,0 +1,265 @@ +body { + color: #222; + font-family: 'montserrat', sans-serif; + background-color: #FBFBFB; + margin: 0; +} + +a { + text-decoration: none; +} + +.galleries-grid { + width: 100%; + height: 100%; + position: relative; + text-align: center; + margin: 0 auto; + padding: 0px; +} + +.galleries-line { + width: 100%; + height: 100%; + margin-bottom: -4px; /* YOLO */ +} + +.covers-1 .gallery-square { + width: 100%; + height: 100%; + margin: auto; + padding-bottom: 47%; + position: relative; +} + +.covers-2 .gallery-square { + width: 50%; + height: 100%; + margin: 0 0 0; + padding-bottom: 47%; + position: relative; + display: inline-block; +} + +.covers-3 .gallery-square { + width: 33.333333333%; + height: 100%; + margin: 0; + padding-bottom: 47%; + position: relative; + display: inline-block; +} + +.gallery-square > a { + position: absolute; + top: 0px; + left: 0px; + z-index: 555; + width: 100%; + height: 100%; +} + +@keyframes darken { + from {background-color: rgba(0, 0, 0, 0);} + to {background-color: rgba(0, 0, 0, 0.3);} +} + +.gallery-square > a:hover { + animation-name: darken; + animation-duration: 0.15s; + animation-iteration-count: 1; + background-color: rgba(0, 0, 0, 0.3); +} + +.gallery-cover { + position: absolute; + top: 0px; + left: 0px; + width: 100%; + height: 100%; + background-position: center center; + background-size: cover; +} + +.gallery-title { + color: white; + width: 100%; + position: absolute; + top: initial; + bottom: 0px; + text-align: center; + z-index: 3; + background: transparent linear-gradient(rgba(255, 255, 255, 0) 0%, transparent 1%, rgba(0, 0, 0, 0.07) 26%, rgba(0, 0, 0, 0.5) 71%, rgba(0, 0, 0, 0.7) 100%) repeat scroll 0% 0%; + padding: 20% 0 10px 0; +} + +.gallery-header { + text-align: center; + margin-top: 8em; + margin-bottom: 6.5em; +} + +.static-header { + margin-bottom: 0px; +} + +#logo { + width: 10%; +} + +.gallery-header > h1 { + font-size: 2.6vw; + text-transform: uppercase; + letter-spacing: 3px; + margin-bottom: 0; +} + +.gallery-header > h4 { + font-size: 1.4vw; + color: #444; + font-style: italic; + font-weight: normal; + font-family: 'crimson', serif; + margin-top: .5em; +} + +.gallery-header > hr { + width: 14%; + margin-top: 3.5em; + color: #BBB; +} + +.gallery-title > h2 { + text-transform: uppercase; + margin-bottom: .2em; + letter-spacing: 2px; + font-size: 1.7vw; +} + +.gallery-title > h3 { + font-style: italic; + margin-top: 0; + margin-bottom: .7em; + font-family: 'crimson', serif; + font-weight: normal; +} + +.gallery-datetime { + font-family: 'crimson', serif; + text-transform: uppercase; + letter-spacing: 2px; + font-size: 11px; +} + +footer { + margin-top: 7em; + text-align: center; + position: relative; + font-family: 'crimson', serif; + font-size: 11px; + color: #555; + background-color: #EEE; + border-top: solid 2px #DDD; + padding-bottom: 10px; + padding-top: 14px; +} + +footer p { + margin: 0; +} + +footer a { + text-decoration: none; + font-weight: 600; + font-family: 'montserrat', sans-serif; + color: #111; +} + +nav { + background-color: #FBFBFB; + width: 100%; + height: 56px; + line-height: 56px; +} + +nav .nav-wrapper { + position: relative; + height: 100%; + margin: 0px auto; + max-width: 1280px; +} + +nav ul { + margin: 0; +} + +nav ul li { + padding: 0; + list-style-type: none; + display:inline-block; +} + +nav a.first-item-menu { + margin-left: -42px; +} + +nav ul li.active { + background-color: rgba(0, 0, 0, 0.1); +} + +nav ul a { + transition: background-color .3s; + font-size: 1rem; + display: block; + padding: 0 15px; + cursor: pointer; + text-transform: uppercase; + margin: 0px; + letter-spacing: 1px; + font-weight: 700; + color: #424242; + font-style: normal !important; +} + +.center, .center-align { + text-align: center; +} + +nav ul li > a.item-menu::before { + content: "/"; + margin-right: 22px; + font-size: 18px; + line-height: 1; + color: #ebebeb; +} + +.gallery-tag { + font-size: 13px; + text-transform: uppercase; + font-style: normal; + display: inline; + font-family: "adobe-garamond-pro", serif; +} + +.gallery-tag span { + font-size: 12px; + border-bottom: solid 1px rgba(255,255,255,0.2); + display: inline-block; + margin: 0 0 0 3px; + font-weight: bold; + font-family: "europa", sans-serif; + text-transform: uppercase; + letter-spacing: 3px; + font-style: normal; +} + +.gallery-cover video.fillWidth { + height: 100%; + position: absolute; + top: 0px; + left: 0px; +} + +.gallery-cover img.fillWidth { + height: 100%; +} diff --git a/prosopopee/themes/light/static/fonts/crimsontext-bold-webfont.eot b/prosopopee/themes/light/static/fonts/crimsontext-bold-webfont.eot new file mode 100644 index 0000000..fbb99fb Binary files /dev/null and b/prosopopee/themes/light/static/fonts/crimsontext-bold-webfont.eot differ diff --git a/prosopopee/themes/light/static/fonts/crimsontext-bold-webfont.svg b/prosopopee/themes/light/static/fonts/crimsontext-bold-webfont.svg new file mode 100644 index 0000000..1827d20 --- /dev/null +++ b/prosopopee/themes/light/static/fonts/crimsontext-bold-webfont.svg @@ -0,0 +1,1478 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/prosopopee/themes/light/static/fonts/crimsontext-bold-webfont.ttf b/prosopopee/themes/light/static/fonts/crimsontext-bold-webfont.ttf new file mode 100644 index 0000000..e2d91f5 Binary files /dev/null and b/prosopopee/themes/light/static/fonts/crimsontext-bold-webfont.ttf differ diff --git a/prosopopee/themes/light/static/fonts/crimsontext-bold-webfont.woff b/prosopopee/themes/light/static/fonts/crimsontext-bold-webfont.woff new file mode 100644 index 0000000..ae946c5 Binary files /dev/null and b/prosopopee/themes/light/static/fonts/crimsontext-bold-webfont.woff differ diff --git a/prosopopee/themes/light/static/fonts/crimsontext-bold-webfont.woff2 b/prosopopee/themes/light/static/fonts/crimsontext-bold-webfont.woff2 new file mode 100644 index 0000000..1788db8 Binary files /dev/null and b/prosopopee/themes/light/static/fonts/crimsontext-bold-webfont.woff2 differ diff --git a/prosopopee/themes/light/static/fonts/crimsontext-bolditalic-webfont.eot b/prosopopee/themes/light/static/fonts/crimsontext-bolditalic-webfont.eot new file mode 100644 index 0000000..3504b6e Binary files /dev/null and b/prosopopee/themes/light/static/fonts/crimsontext-bolditalic-webfont.eot differ diff --git a/prosopopee/themes/light/static/fonts/crimsontext-bolditalic-webfont.svg b/prosopopee/themes/light/static/fonts/crimsontext-bolditalic-webfont.svg new file mode 100644 index 0000000..71c9363 --- /dev/null +++ b/prosopopee/themes/light/static/fonts/crimsontext-bolditalic-webfont.svg @@ -0,0 +1,1112 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/prosopopee/themes/light/static/fonts/crimsontext-bolditalic-webfont.ttf b/prosopopee/themes/light/static/fonts/crimsontext-bolditalic-webfont.ttf new file mode 100644 index 0000000..2116520 Binary files /dev/null and b/prosopopee/themes/light/static/fonts/crimsontext-bolditalic-webfont.ttf differ diff --git a/prosopopee/themes/light/static/fonts/crimsontext-bolditalic-webfont.woff b/prosopopee/themes/light/static/fonts/crimsontext-bolditalic-webfont.woff new file mode 100644 index 0000000..275aac7 Binary files /dev/null and b/prosopopee/themes/light/static/fonts/crimsontext-bolditalic-webfont.woff differ diff --git a/prosopopee/themes/light/static/fonts/crimsontext-bolditalic-webfont.woff2 b/prosopopee/themes/light/static/fonts/crimsontext-bolditalic-webfont.woff2 new file mode 100644 index 0000000..e040902 Binary files /dev/null and b/prosopopee/themes/light/static/fonts/crimsontext-bolditalic-webfont.woff2 differ diff --git a/prosopopee/themes/light/static/fonts/crimsontext-italic-webfont.eot b/prosopopee/themes/light/static/fonts/crimsontext-italic-webfont.eot new file mode 100644 index 0000000..0454488 Binary files /dev/null and b/prosopopee/themes/light/static/fonts/crimsontext-italic-webfont.eot differ diff --git a/prosopopee/themes/light/static/fonts/crimsontext-italic-webfont.svg b/prosopopee/themes/light/static/fonts/crimsontext-italic-webfont.svg new file mode 100644 index 0000000..49d7910 --- /dev/null +++ b/prosopopee/themes/light/static/fonts/crimsontext-italic-webfont.svg @@ -0,0 +1,1061 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/prosopopee/themes/light/static/fonts/crimsontext-italic-webfont.ttf b/prosopopee/themes/light/static/fonts/crimsontext-italic-webfont.ttf new file mode 100644 index 0000000..9446432 Binary files /dev/null and b/prosopopee/themes/light/static/fonts/crimsontext-italic-webfont.ttf differ diff --git a/prosopopee/themes/light/static/fonts/crimsontext-italic-webfont.woff b/prosopopee/themes/light/static/fonts/crimsontext-italic-webfont.woff new file mode 100644 index 0000000..926de7e Binary files /dev/null and b/prosopopee/themes/light/static/fonts/crimsontext-italic-webfont.woff differ diff --git a/prosopopee/themes/light/static/fonts/crimsontext-italic-webfont.woff2 b/prosopopee/themes/light/static/fonts/crimsontext-italic-webfont.woff2 new file mode 100644 index 0000000..50918e1 Binary files /dev/null and b/prosopopee/themes/light/static/fonts/crimsontext-italic-webfont.woff2 differ diff --git a/prosopopee/themes/light/static/fonts/crimsontext-regular-webfont.eot b/prosopopee/themes/light/static/fonts/crimsontext-regular-webfont.eot new file mode 100644 index 0000000..a27dfc5 Binary files /dev/null and b/prosopopee/themes/light/static/fonts/crimsontext-regular-webfont.eot differ diff --git a/prosopopee/themes/light/static/fonts/crimsontext-regular-webfont.svg b/prosopopee/themes/light/static/fonts/crimsontext-regular-webfont.svg new file mode 100644 index 0000000..14f29db --- /dev/null +++ b/prosopopee/themes/light/static/fonts/crimsontext-regular-webfont.svg @@ -0,0 +1,1171 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/prosopopee/themes/light/static/fonts/crimsontext-regular-webfont.ttf b/prosopopee/themes/light/static/fonts/crimsontext-regular-webfont.ttf new file mode 100644 index 0000000..9fb9c0d Binary files /dev/null and b/prosopopee/themes/light/static/fonts/crimsontext-regular-webfont.ttf differ diff --git a/prosopopee/themes/light/static/fonts/crimsontext-regular-webfont.woff b/prosopopee/themes/light/static/fonts/crimsontext-regular-webfont.woff new file mode 100644 index 0000000..7f24f7d Binary files /dev/null and b/prosopopee/themes/light/static/fonts/crimsontext-regular-webfont.woff differ diff --git a/prosopopee/themes/light/static/fonts/crimsontext-regular-webfont.woff2 b/prosopopee/themes/light/static/fonts/crimsontext-regular-webfont.woff2 new file mode 100644 index 0000000..0e545a2 Binary files /dev/null and b/prosopopee/themes/light/static/fonts/crimsontext-regular-webfont.woff2 differ diff --git a/prosopopee/themes/light/static/fonts/crimsontext-semibold-webfont.eot b/prosopopee/themes/light/static/fonts/crimsontext-semibold-webfont.eot new file mode 100644 index 0000000..c07545d Binary files /dev/null and b/prosopopee/themes/light/static/fonts/crimsontext-semibold-webfont.eot differ diff --git a/prosopopee/themes/light/static/fonts/crimsontext-semibold-webfont.svg b/prosopopee/themes/light/static/fonts/crimsontext-semibold-webfont.svg new file mode 100644 index 0000000..acb0242 --- /dev/null +++ b/prosopopee/themes/light/static/fonts/crimsontext-semibold-webfont.svg @@ -0,0 +1,1168 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/prosopopee/themes/light/static/fonts/crimsontext-semibold-webfont.ttf b/prosopopee/themes/light/static/fonts/crimsontext-semibold-webfont.ttf new file mode 100644 index 0000000..310ab47 Binary files /dev/null and b/prosopopee/themes/light/static/fonts/crimsontext-semibold-webfont.ttf differ diff --git a/prosopopee/themes/light/static/fonts/crimsontext-semibold-webfont.woff b/prosopopee/themes/light/static/fonts/crimsontext-semibold-webfont.woff new file mode 100644 index 0000000..bb86425 Binary files /dev/null and b/prosopopee/themes/light/static/fonts/crimsontext-semibold-webfont.woff differ diff --git a/prosopopee/themes/light/static/fonts/crimsontext-semibold-webfont.woff2 b/prosopopee/themes/light/static/fonts/crimsontext-semibold-webfont.woff2 new file mode 100644 index 0000000..ac02f9a Binary files /dev/null and b/prosopopee/themes/light/static/fonts/crimsontext-semibold-webfont.woff2 differ diff --git a/prosopopee/themes/light/static/fonts/crimsontext-semibolditalic-webfont.eot b/prosopopee/themes/light/static/fonts/crimsontext-semibolditalic-webfont.eot new file mode 100644 index 0000000..c42d590 Binary files /dev/null and b/prosopopee/themes/light/static/fonts/crimsontext-semibolditalic-webfont.eot differ diff --git a/prosopopee/themes/light/static/fonts/crimsontext-semibolditalic-webfont.svg b/prosopopee/themes/light/static/fonts/crimsontext-semibolditalic-webfont.svg new file mode 100644 index 0000000..ba43bd9 --- /dev/null +++ b/prosopopee/themes/light/static/fonts/crimsontext-semibolditalic-webfont.svg @@ -0,0 +1,1071 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/prosopopee/themes/light/static/fonts/crimsontext-semibolditalic-webfont.ttf b/prosopopee/themes/light/static/fonts/crimsontext-semibolditalic-webfont.ttf new file mode 100644 index 0000000..64e3e0e Binary files /dev/null and b/prosopopee/themes/light/static/fonts/crimsontext-semibolditalic-webfont.ttf differ diff --git a/prosopopee/themes/light/static/fonts/crimsontext-semibolditalic-webfont.woff b/prosopopee/themes/light/static/fonts/crimsontext-semibolditalic-webfont.woff new file mode 100644 index 0000000..9ffc142 Binary files /dev/null and b/prosopopee/themes/light/static/fonts/crimsontext-semibolditalic-webfont.woff differ diff --git a/prosopopee/themes/light/static/fonts/crimsontext-semibolditalic-webfont.woff2 b/prosopopee/themes/light/static/fonts/crimsontext-semibolditalic-webfont.woff2 new file mode 100644 index 0000000..c98ffa3 Binary files /dev/null and b/prosopopee/themes/light/static/fonts/crimsontext-semibolditalic-webfont.woff2 differ diff --git a/prosopopee/themes/light/static/fonts/montserrat-regular-webfont.eot b/prosopopee/themes/light/static/fonts/montserrat-regular-webfont.eot new file mode 100644 index 0000000..4ef1515 Binary files /dev/null and b/prosopopee/themes/light/static/fonts/montserrat-regular-webfont.eot differ diff --git a/prosopopee/themes/light/static/fonts/montserrat-regular-webfont.svg b/prosopopee/themes/light/static/fonts/montserrat-regular-webfont.svg new file mode 100644 index 0000000..3991cf4 --- /dev/null +++ b/prosopopee/themes/light/static/fonts/montserrat-regular-webfont.svg @@ -0,0 +1,501 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/prosopopee/themes/light/static/fonts/montserrat-regular-webfont.ttf b/prosopopee/themes/light/static/fonts/montserrat-regular-webfont.ttf new file mode 100644 index 0000000..f810ff3 Binary files /dev/null and b/prosopopee/themes/light/static/fonts/montserrat-regular-webfont.ttf differ diff --git a/prosopopee/themes/light/static/fonts/montserrat-regular-webfont.woff b/prosopopee/themes/light/static/fonts/montserrat-regular-webfont.woff new file mode 100644 index 0000000..0daf530 Binary files /dev/null and b/prosopopee/themes/light/static/fonts/montserrat-regular-webfont.woff differ diff --git a/prosopopee/themes/light/static/fonts/montserrat-regular-webfont.woff2 b/prosopopee/themes/light/static/fonts/montserrat-regular-webfont.woff2 new file mode 100644 index 0000000..c2aaf62 Binary files /dev/null and b/prosopopee/themes/light/static/fonts/montserrat-regular-webfont.woff2 differ diff --git a/prosopopee/themes/light/static/fonts/montserrat-semibold-webfont.eot b/prosopopee/themes/light/static/fonts/montserrat-semibold-webfont.eot new file mode 100644 index 0000000..2d825af Binary files /dev/null and b/prosopopee/themes/light/static/fonts/montserrat-semibold-webfont.eot differ diff --git a/prosopopee/themes/light/static/fonts/montserrat-semibold-webfont.svg b/prosopopee/themes/light/static/fonts/montserrat-semibold-webfont.svg new file mode 100644 index 0000000..07b7a8f --- /dev/null +++ b/prosopopee/themes/light/static/fonts/montserrat-semibold-webfont.svg @@ -0,0 +1,507 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/prosopopee/themes/light/static/fonts/montserrat-semibold-webfont.ttf b/prosopopee/themes/light/static/fonts/montserrat-semibold-webfont.ttf new file mode 100644 index 0000000..f32b940 Binary files /dev/null and b/prosopopee/themes/light/static/fonts/montserrat-semibold-webfont.ttf differ diff --git a/prosopopee/themes/light/static/fonts/montserrat-semibold-webfont.woff b/prosopopee/themes/light/static/fonts/montserrat-semibold-webfont.woff new file mode 100644 index 0000000..4e836ef Binary files /dev/null and b/prosopopee/themes/light/static/fonts/montserrat-semibold-webfont.woff differ diff --git a/prosopopee/themes/light/static/fonts/montserrat-semibold-webfont.woff2 b/prosopopee/themes/light/static/fonts/montserrat-semibold-webfont.woff2 new file mode 100644 index 0000000..4885461 Binary files /dev/null and b/prosopopee/themes/light/static/fonts/montserrat-semibold-webfont.woff2 differ diff --git a/prosopopee/themes/light/static/img/logo.svg b/prosopopee/themes/light/static/img/logo.svg new file mode 100644 index 0000000..4470cd5 --- /dev/null +++ b/prosopopee/themes/light/static/img/logo.svg @@ -0,0 +1,57 @@ + +image/svg+xml \ No newline at end of file diff --git a/prosopopee/themes/light/static/img/social-share.png b/prosopopee/themes/light/static/img/social-share.png new file mode 100644 index 0000000..3d78248 Binary files /dev/null and b/prosopopee/themes/light/static/img/social-share.png differ diff --git a/prosopopee/themes/light/templates/1-small.png b/prosopopee/themes/light/templates/1-small.png new file mode 100644 index 0000000..227e452 Binary files /dev/null and b/prosopopee/themes/light/templates/1-small.png differ diff --git a/prosopopee/themes/light/templates/1.png b/prosopopee/themes/light/templates/1.png new file mode 100644 index 0000000..7f55c3b Binary files /dev/null and b/prosopopee/themes/light/templates/1.png differ diff --git a/prosopopee/themes/light/templates/2-small.png b/prosopopee/themes/light/templates/2-small.png new file mode 100644 index 0000000..e60d198 Binary files /dev/null and b/prosopopee/themes/light/templates/2-small.png differ diff --git a/prosopopee/themes/light/templates/2.png b/prosopopee/themes/light/templates/2.png new file mode 100644 index 0000000..89e97c7 Binary files /dev/null and b/prosopopee/themes/light/templates/2.png differ diff --git a/prosopopee/themes/light/templates/base.html b/prosopopee/themes/light/templates/base.html new file mode 100644 index 0000000..3f11aa9 --- /dev/null +++ b/prosopopee/themes/light/templates/base.html @@ -0,0 +1,35 @@ + + + + + {% block css %} + {% endblock %} + {% if settings.rss -%} + + {% endif -%} + + + {{ settings.title }} + + + + +
+ {% block logo %} + {% endblock %} +

{{ settings.title }}

+ {% if settings.sub_title -%}

{{ settings.sub_title }}

{% endif -%} +
+ {% if settings.menu -%} + {% include 'menu.html' %} + {% endif -%} +
+ + + {% block content %} + {% endblock %} + + {% include 'footer.html' %} + + + diff --git a/prosopopee/themes/light/templates/example.html b/prosopopee/themes/light/templates/example.html new file mode 100644 index 0000000..3d0b3f8 --- /dev/null +++ b/prosopopee/themes/light/templates/example.html @@ -0,0 +1,74 @@ + + + + + + + + + + + + +
+ +

Gallery Name

+

Subtext of the gallery name

+
+
+ +
+
+
+ +
+

First Gallery Title

+

Sub gallery title

+
3 march 2015
+
+ +
+
+
+ +
+

Second Gallery Title

+

Sub gallery title

+
3 march 2015
+
+ +
+
+
+ +
+
+ +
+

First Gallery Title

+

Sub gallery title

+
3 march 2015
+
+ +
+
+
+ +
+

Second Gallery Title

+

Sub gallery title

+
3 march 2015
+
+ +
+
+
+
+ +

.

+ + + + diff --git a/prosopopee/themes/light/templates/feed.xml b/prosopopee/themes/light/templates/feed.xml new file mode 100644 index 0000000..0d685fe --- /dev/null +++ b/prosopopee/themes/light/templates/feed.xml @@ -0,0 +1,23 @@ + + + + {{ settings.title }} + {{ settings.sub_title }} + {{ settings.url }} + + + {% for gallery in galleries %} + {% set absolute_url = settings.url + "/" + gallery.link -%} + + {{ gallery.title }} + {{ absolute_url }} + {{ gallery.link }} + {% if gallery.sub_title -%} + {{ gallery.sub_title }} + {% endif -%} + {{ gallery.date }} + + {% endfor %} + + + diff --git a/prosopopee/themes/light/templates/footer.html b/prosopopee/themes/light/templates/footer.html new file mode 100644 index 0000000..96451fe --- /dev/null +++ b/prosopopee/themes/light/templates/footer.html @@ -0,0 +1,11 @@ +{% if settings.licence is not defined %} +{% set licence_url = 'https://creativecommons.org/licenses/by-sa/3.0/' -%} +{% set licence_name = 'CC-BY-SA' -%} +{% else %} +{% set licence_url = settings.licence.url -%} +{% set licence_name = settings.licence.name -%} +{% endif %} + + diff --git a/prosopopee/themes/light/templates/gallery-index.html b/prosopopee/themes/light/templates/gallery-index.html new file mode 100644 index 0000000..582cb79 --- /dev/null +++ b/prosopopee/themes/light/templates/gallery-index.html @@ -0,0 +1,36 @@ + + + + + + + + + + + {{ gallery.title }} · {{ settings.title }} + + + +
+ {% for section in gallery.sections %} + {% include "sections/" + section.type + ".html" %} + {% endfor %} + + {% if settings.share %} + {% include "share.html" %} + {% endif %} + +
+
+ + + +
+
+ {% include "footer.html" %} + + + diff --git a/prosopopee/themes/light/templates/index.html b/prosopopee/themes/light/templates/index.html new file mode 100644 index 0000000..ded46e6 --- /dev/null +++ b/prosopopee/themes/light/templates/index.html @@ -0,0 +1,50 @@ +{% extends "base.html" %} + +{% block css %} + + +{% endblock %} + +{% block logo %} + +{% endblock %} + +{% block content %} +
+ {% for galleries_line in galleries|reverse|batch(3)|reverse %} +
+ {% for gallery in galleries_line|reverse %}
+ +
+

{{ gallery.title }}

+ {% if gallery.sub_title %}

{{ gallery.sub_title }}

{% endif %} + {% if settings.show_date and gallery.date %}
{{ gallery.date.strftime("%d %B %Y") }}
{% endif %} + {% if gallery.tags %}
IN {% for tag in gallery.tags -%} {{ tag }} {% endfor -%}
{% endif %} +
+ + {% if gallery.cover_type == "video" %} + {% set video = Video(gallery.cover) %} + {{ video.copy() }} + {% else %} + {% set cover = Image(gallery.cover) %} + {{ cover.copy() }} + {% endif %} + {% if video %} +
+ + +
+ {% set video = "" %} + {% else %} +
+ {% endif %} +
{% endfor %} +
+ {% endfor %} +
+

.

+{% endblock %} diff --git a/prosopopee/themes/light/templates/menu.html b/prosopopee/themes/light/templates/menu.html new file mode 100644 index 0000000..f871b84 --- /dev/null +++ b/prosopopee/themes/light/templates/menu.html @@ -0,0 +1,19 @@ + diff --git a/prosopopee/themes/light/templates/page-example.html b/prosopopee/themes/light/templates/page-example.html new file mode 100644 index 0000000..bf04078 --- /dev/null +++ b/prosopopee/themes/light/templates/page-example.html @@ -0,0 +1,103 @@ + + + + + + + + + + + + + +
+
+
+

Some title on the picture

+

Some subtitle

+
march 3th 2015
+
+
+
+ +
+
+ +
+ + + +
+ +
+
+
+ + + +
+
+
+ + + +
+
+
+ + + +
+
+
+
+ + + +
+
+
+ + + +
+
+
+ + + +
+
+
+ + + +
+
+
+ + + +
+
+
+ +
+
+ + + +
+ + + + + + diff --git a/prosopopee/themes/light/templates/page.html b/prosopopee/themes/light/templates/page.html new file mode 100644 index 0000000..71e8757 --- /dev/null +++ b/prosopopee/themes/light/templates/page.html @@ -0,0 +1,32 @@ +{% extends "base.html" %} + +{% block css %} + + + +{% endblock %} + +{% block logo %} + +{% endblock %} + +{% block content %} +
+

{{ gallery.title }}

+
+ +{% for section in gallery.sections %} + {% include "sections/" + section.type + ".html" %} +{% endfor %} + +
+
+ + + +
+ + +{% endblock %} diff --git a/prosopopee/themes/light/templates/sections/author.html b/prosopopee/themes/light/templates/sections/author.html new file mode 100644 index 0000000..7685968 --- /dev/null +++ b/prosopopee/themes/light/templates/sections/author.html @@ -0,0 +1,33 @@ +{% set image = Image(section.image) %} +{{ image.copy() }} +
+ +
+ Story by +

{{ section.name }}

+ {% if section.text %} +

{{ section.text }}

+ {% endif %} + +
+
+
+ {% if section.twitter %} + + Twitter + + | + {% endif %} + {% if section.facebook %} + + Facebook + + | + {% endif %} + {% if section.website %} + + {{ section.website }} + + {% endif %} +
+
diff --git a/prosopopee/themes/light/templates/sections/bordered-picture.html b/prosopopee/themes/light/templates/sections/bordered-picture.html new file mode 100644 index 0000000..6f91e80 --- /dev/null +++ b/prosopopee/themes/light/templates/sections/bordered-picture.html @@ -0,0 +1,20 @@ +{% if section.image.type == "video" %} +{% set video = Video(section.image) %} +{{ video.copy() }} +{% else %} +{% set image = Image(section.image) %} +{% set caption = section.text %} +{{ image.copy() }} +{% endif %} +{% if video %} +
+ +
+{% else %} +
+ {% if caption %}{{ caption }}{% endif %} +
+{% endif %} + diff --git a/prosopopee/themes/light/templates/sections/full-picture.html b/prosopopee/themes/light/templates/sections/full-picture.html new file mode 100644 index 0000000..baf5896 --- /dev/null +++ b/prosopopee/themes/light/templates/sections/full-picture.html @@ -0,0 +1,28 @@ +{% if section.image.type == "video" %} +{% set video = Video(section.image) %} +{{ video.copy() }} +{% else %} +{% set image = Image(section.image) %} +{{ image.copy() }} +{% endif %} +
+
+ {% if video %} + + {% else %} + + {% endif %} +
+ {% if section.text %} +

{{ section.text.title }}

+

{{ section.text.sub_title }}

+ {% if section.text.date_end %} +
{{ section.text.date.strftime("%d %B %Y") }} to {{ section.text.date_end.strftime("%d %B %Y") }}
+ {% else %} + {% if section.text.date %} +
{{ section.text.date.strftime("%d %B %Y") }}
{% endif %} + {% endif %} + {% endif %} +
diff --git a/prosopopee/themes/light/templates/sections/html.html b/prosopopee/themes/light/templates/sections/html.html new file mode 100644 index 0000000..464eea9 --- /dev/null +++ b/prosopopee/themes/light/templates/sections/html.html @@ -0,0 +1,5 @@ +
+
+ {{ section.html }} +
+
diff --git a/prosopopee/themes/light/templates/sections/panorama.html b/prosopopee/themes/light/templates/sections/panorama.html new file mode 100644 index 0000000..b28c68b --- /dev/null +++ b/prosopopee/themes/light/templates/sections/panorama.html @@ -0,0 +1,5 @@ +{% set image = Image(section.image) %} +{{ image.copy() }} +
+ +
diff --git a/prosopopee/themes/light/templates/sections/paragraph.html b/prosopopee/themes/light/templates/sections/paragraph.html new file mode 100644 index 0000000..f9b49b1 --- /dev/null +++ b/prosopopee/themes/light/templates/sections/paragraph.html @@ -0,0 +1,6 @@ +
+ {% if section.title %} +

{{ section.title }}

+ {% endif %} +

{{ section.text }}

+
diff --git a/prosopopee/themes/light/templates/sections/pictures-group.html b/prosopopee/themes/light/templates/sections/pictures-group.html new file mode 100644 index 0000000..3883a89 --- /dev/null +++ b/prosopopee/themes/light/templates/sections/pictures-group.html @@ -0,0 +1,25 @@ +
+ {% for line in section.images %} + {% for image in line %} + {% if image.type == "video" %} + {% set caption = image.text %} + {% set video = Video(image) %} + {{ video.copy() }} + {% else %} + {% set caption = image.text %} + {% set image = Image(image) %} + {{ image.copy() }} + {% endif %} +
+ {% if video %} + + {% set video = "" %} + {% else %} + {% if caption %}{{ caption }}{% endif %} + {% endif %} +
+ {% endfor %} + {% endfor %} +
diff --git a/prosopopee/themes/light/templates/sections/text.html b/prosopopee/themes/light/templates/sections/text.html new file mode 100644 index 0000000..65e1121 --- /dev/null +++ b/prosopopee/themes/light/templates/sections/text.html @@ -0,0 +1,3 @@ +
+ {{ section.text }} +
diff --git a/prosopopee/themes/light/templates/share.html b/prosopopee/themes/light/templates/share.html new file mode 100644 index 0000000..6626c49 --- /dev/null +++ b/prosopopee/themes/light/templates/share.html @@ -0,0 +1,18 @@ +{% set absolute_url = settings.url + "/" + link -%} + diff --git a/prosopopee/themes/material/static/css/styles.css b/prosopopee/themes/material/static/css/styles.css index 1be7505..6cc5187 100644 --- a/prosopopee/themes/material/static/css/styles.css +++ b/prosopopee/themes/material/static/css/styles.css @@ -158,3 +158,29 @@ video.fillWidth { width: 100%; } +#slow-notice { + width:300px; + position: absolute; + top:0; + left:50%; + margin-left: -160px; + background-color: #F0DE7D; + text-align: center; + z-index: 999; + padding: 10px; + font-family: sans-serif; + font-size: 12px; +} + +#slow-notice a, +#slow-notice .dismiss { + color: #000; + text-decoration: underline; + cursor:pointer; +} + +#slow-notice .dismiss-container { + text-align:right; + padding-top:10px; + font-size: 10px; +} diff --git a/prosopopee/themes/material/templates/gallery-index.html b/prosopopee/themes/material/templates/gallery-index.html index a4e0e16..d847fd0 100644 --- a/prosopopee/themes/material/templates/gallery-index.html +++ b/prosopopee/themes/material/templates/gallery-index.html @@ -77,6 +77,49 @@ $(function() { }); }); +{% if settings.settings.light_mode %} +var slowLoad = window.setTimeout( function() { + var html_node = document.getElementsByTagName('html')[0]; + var div = document.createElement('div'); + div.setAttribute('id', 'slow-notice'); + var t1 = document.createTextNode("The website is taking a long time to load."); + var br = document.createElement('br'); + var t2 = document.createTextNode("You can switch to the "); + var a = document.createElement('a'); + a.setAttribute('href', './light'); + a.innerHTML = 'Light Weight Site'; + + var dismiss = document.createElement('span'); + dismiss.innerHTML = '[x] dismiss'; + dismiss.setAttribute('class', 'dismiss'); + dismiss.onclick = function() { + html_node.removeChild(div); + } + + var dismiss_container = document.createElement('div'); + dismiss_container.appendChild(dismiss); + dismiss_container.setAttribute('class', 'dismiss-container'); + + div.appendChild(t1); + div.appendChild(br); + div.appendChild(t2); + div.appendChild(a); + div.appendChild(dismiss_container); + + html_node.appendChild(div); +}, 1000 ); + +window.addEventListener( 'load', function() { + try { + window.clearTimeout( slowLoad ); + html_node.removeChild(div); + } catch (e){ + // that's okay. + } + +}); +{% endif %} + $(".button-collapse").sideNav();