diff --git a/prosopopee/static/css/fonts.css b/prosopopee/static/css/fonts.css new file mode 100644 index 0000000..ea37dfc --- /dev/null +++ b/prosopopee/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/static/css/style-page.css b/prosopopee/static/css/style-page.css index 11ff15e..e626d91 100644 --- a/prosopopee/static/css/style-page.css +++ b/prosopopee/static/css/style-page.css @@ -12,7 +12,7 @@ body { } section { - margin-bottom: 64px; + margin-bottom: 80px; } a { @@ -51,7 +51,7 @@ a { text-transform: uppercase; font-size: 5.5vw; letter-spacing: 4px; - font-family: sans-serif; + font-family: 'montserrat', sans-serif; margin-left: 10%; margin-right: 10%; margin-bottom: 1px; @@ -61,30 +61,30 @@ a { font-weight: normal; font-style: italic; font-size: 2.2vw; - font-family: serif; + font-family: 'crimson', serif; margin-top: 1px; } .full-picture .datetime { text-transform: uppercase; - font-family: serif; + font-family: 'crimson', serif; letter-spacing: 2px; } .bordered-picture img { - height: 80%; - width: 80%; - margin-left: 10%; - margin-right: 10%; + height: 77%; + width: 77%; + margin-left: 11.5%; + margin-right: 11.5%; } .pictures-line { - min-width: 80%; - width: 80%; - margin-left: 10%; - margin-right: 10%; + min-width: 77%; + width: 77%; + margin-left: 11.5%; + margin-right: 11.5%; display: flex; - margin-bottom: 15px; + margin-bottom: 6px; } .pictures-line .picture img { @@ -93,22 +93,47 @@ a { } .pictures-line .separator { - min-width: 15px; + min-width: 12px; } .text { text-align: center; - font-size: 25px; - margin-left: 15%; - margin-right: 15%; + font-family: 'crimson', serif; + font-size: 1.6em; + line-height: 1.8em; + margin-left: 21%; + margin-right: 21%; + color: black; +} + +.paragraph { + text-align: left; + font-family: 'crimson', serif; + font-size: 1em; + margin-left: 21%; + margin-right: 21%; color: #333; } +.paragraph h2 { + font-family: 'montserrat', sans-serif; + font-weight: normal; + font-size: 2.5em; + text-transform: uppercase; + color: black; + line-height: 1.4em; +} + +.paragraph p { + line-height: 2em; + +} + footer { - margin-top: 7em; + margin-top: 6em; text-align: center; position: relative; - font-family: serif; + font-family: 'crimson', serif; font-size: 11px; color: #555; background-color: #EEE; @@ -154,7 +179,8 @@ footer { justify-content: center; text-align: center; text-transform: uppercase; - font-family: sans-serif; + font-family: 'montserrat', sans-serif; + font-weight: bold; } footer p { @@ -164,6 +190,6 @@ footer p { footer a { text-decoration: none; font-weight: 600; - font-family: sans-serif; + font-family: 'montserrat', sans-serif; color: #111; } diff --git a/prosopopee/static/css/style.css b/prosopopee/static/css/style.css index 83bd695..fa3eb40 100644 --- a/prosopopee/static/css/style.css +++ b/prosopopee/static/css/style.css @@ -1,6 +1,6 @@ body { color: #222; - font-family: sans-serif; + font-family: 'montserrat', sans-serif; background-color: #FBFBFB; margin: 0; } @@ -111,7 +111,7 @@ body { color: #444; font-style: italic; font-weight: normal; - font-family: serif; + font-family: 'crimson', serif; margin-top: .5em; } @@ -132,13 +132,13 @@ body { font-style: italic; margin-top: 0; margin-bottom: .7em; - font-family: serif; + font-family: 'crimson', serif; font-weight: normal; } .gallery-datetime { margin-bottom: 1em; - font-family: serif; + font-family: 'crimson', serif; text-transform: uppercase; letter-spacing: 2px; font-size: 11px; @@ -148,7 +148,7 @@ footer { margin-top: 7em; text-align: center; position: relative; - font-family: serif; + font-family: 'crimson', serif; font-size: 11px; color: #555; background-color: #EEE; @@ -164,6 +164,6 @@ footer p { footer a { text-decoration: none; font-weight: 600; - font-family: sans-serif; + font-family: 'montserrat', sans-serif; color: #111; } diff --git a/prosopopee/static/fonts/crimsontext-bold-webfont.eot b/prosopopee/static/fonts/crimsontext-bold-webfont.eot new file mode 100644 index 0000000..fbb99fb Binary files /dev/null and b/prosopopee/static/fonts/crimsontext-bold-webfont.eot differ diff --git a/prosopopee/static/fonts/crimsontext-bold-webfont.svg b/prosopopee/static/fonts/crimsontext-bold-webfont.svg new file mode 100644 index 0000000..1827d20 --- /dev/null +++ b/prosopopee/static/fonts/crimsontext-bold-webfont.svg @@ -0,0 +1,1478 @@ + + + \ No newline at end of file diff --git a/prosopopee/static/fonts/crimsontext-bold-webfont.ttf b/prosopopee/static/fonts/crimsontext-bold-webfont.ttf new file mode 100644 index 0000000..e2d91f5 Binary files /dev/null and b/prosopopee/static/fonts/crimsontext-bold-webfont.ttf differ diff --git a/prosopopee/static/fonts/crimsontext-bold-webfont.woff b/prosopopee/static/fonts/crimsontext-bold-webfont.woff new file mode 100644 index 0000000..ae946c5 Binary files /dev/null and b/prosopopee/static/fonts/crimsontext-bold-webfont.woff differ diff --git a/prosopopee/static/fonts/crimsontext-bold-webfont.woff2 b/prosopopee/static/fonts/crimsontext-bold-webfont.woff2 new file mode 100644 index 0000000..1788db8 Binary files /dev/null and b/prosopopee/static/fonts/crimsontext-bold-webfont.woff2 differ diff --git a/prosopopee/static/fonts/crimsontext-bolditalic-webfont.eot b/prosopopee/static/fonts/crimsontext-bolditalic-webfont.eot new file mode 100644 index 0000000..3504b6e Binary files /dev/null and b/prosopopee/static/fonts/crimsontext-bolditalic-webfont.eot differ diff --git a/prosopopee/static/fonts/crimsontext-bolditalic-webfont.svg b/prosopopee/static/fonts/crimsontext-bolditalic-webfont.svg new file mode 100644 index 0000000..71c9363 --- /dev/null +++ b/prosopopee/static/fonts/crimsontext-bolditalic-webfont.svg @@ -0,0 +1,1112 @@ + + + \ No newline at end of file diff --git a/prosopopee/static/fonts/crimsontext-bolditalic-webfont.ttf b/prosopopee/static/fonts/crimsontext-bolditalic-webfont.ttf new file mode 100644 index 0000000..2116520 Binary files /dev/null and b/prosopopee/static/fonts/crimsontext-bolditalic-webfont.ttf differ diff --git a/prosopopee/static/fonts/crimsontext-bolditalic-webfont.woff b/prosopopee/static/fonts/crimsontext-bolditalic-webfont.woff new file mode 100644 index 0000000..275aac7 Binary files /dev/null and b/prosopopee/static/fonts/crimsontext-bolditalic-webfont.woff differ diff --git a/prosopopee/static/fonts/crimsontext-bolditalic-webfont.woff2 b/prosopopee/static/fonts/crimsontext-bolditalic-webfont.woff2 new file mode 100644 index 0000000..e040902 Binary files /dev/null and b/prosopopee/static/fonts/crimsontext-bolditalic-webfont.woff2 differ diff --git a/prosopopee/static/fonts/crimsontext-italic-webfont.eot b/prosopopee/static/fonts/crimsontext-italic-webfont.eot new file mode 100644 index 0000000..0454488 Binary files /dev/null and b/prosopopee/static/fonts/crimsontext-italic-webfont.eot differ diff --git a/prosopopee/static/fonts/crimsontext-italic-webfont.svg b/prosopopee/static/fonts/crimsontext-italic-webfont.svg new file mode 100644 index 0000000..49d7910 --- /dev/null +++ b/prosopopee/static/fonts/crimsontext-italic-webfont.svg @@ -0,0 +1,1061 @@ + + + \ No newline at end of file diff --git a/prosopopee/static/fonts/crimsontext-italic-webfont.ttf b/prosopopee/static/fonts/crimsontext-italic-webfont.ttf new file mode 100644 index 0000000..9446432 Binary files /dev/null and b/prosopopee/static/fonts/crimsontext-italic-webfont.ttf differ diff --git a/prosopopee/static/fonts/crimsontext-italic-webfont.woff b/prosopopee/static/fonts/crimsontext-italic-webfont.woff new file mode 100644 index 0000000..926de7e Binary files /dev/null and b/prosopopee/static/fonts/crimsontext-italic-webfont.woff differ diff --git a/prosopopee/static/fonts/crimsontext-italic-webfont.woff2 b/prosopopee/static/fonts/crimsontext-italic-webfont.woff2 new file mode 100644 index 0000000..50918e1 Binary files /dev/null and b/prosopopee/static/fonts/crimsontext-italic-webfont.woff2 differ diff --git a/prosopopee/static/fonts/crimsontext-regular-webfont.eot b/prosopopee/static/fonts/crimsontext-regular-webfont.eot new file mode 100644 index 0000000..a27dfc5 Binary files /dev/null and b/prosopopee/static/fonts/crimsontext-regular-webfont.eot differ diff --git a/prosopopee/static/fonts/crimsontext-regular-webfont.svg b/prosopopee/static/fonts/crimsontext-regular-webfont.svg new file mode 100644 index 0000000..14f29db --- /dev/null +++ b/prosopopee/static/fonts/crimsontext-regular-webfont.svg @@ -0,0 +1,1171 @@ + + + \ No newline at end of file diff --git a/prosopopee/static/fonts/crimsontext-regular-webfont.ttf b/prosopopee/static/fonts/crimsontext-regular-webfont.ttf new file mode 100644 index 0000000..9fb9c0d Binary files /dev/null and b/prosopopee/static/fonts/crimsontext-regular-webfont.ttf differ diff --git a/prosopopee/static/fonts/crimsontext-regular-webfont.woff b/prosopopee/static/fonts/crimsontext-regular-webfont.woff new file mode 100644 index 0000000..7f24f7d Binary files /dev/null and b/prosopopee/static/fonts/crimsontext-regular-webfont.woff differ diff --git a/prosopopee/static/fonts/crimsontext-regular-webfont.woff2 b/prosopopee/static/fonts/crimsontext-regular-webfont.woff2 new file mode 100644 index 0000000..0e545a2 Binary files /dev/null and b/prosopopee/static/fonts/crimsontext-regular-webfont.woff2 differ diff --git a/prosopopee/static/fonts/crimsontext-semibold-webfont.eot b/prosopopee/static/fonts/crimsontext-semibold-webfont.eot new file mode 100644 index 0000000..c07545d Binary files /dev/null and b/prosopopee/static/fonts/crimsontext-semibold-webfont.eot differ diff --git a/prosopopee/static/fonts/crimsontext-semibold-webfont.svg b/prosopopee/static/fonts/crimsontext-semibold-webfont.svg new file mode 100644 index 0000000..acb0242 --- /dev/null +++ b/prosopopee/static/fonts/crimsontext-semibold-webfont.svg @@ -0,0 +1,1168 @@ + + + \ No newline at end of file diff --git a/prosopopee/static/fonts/crimsontext-semibold-webfont.ttf b/prosopopee/static/fonts/crimsontext-semibold-webfont.ttf new file mode 100644 index 0000000..310ab47 Binary files /dev/null and b/prosopopee/static/fonts/crimsontext-semibold-webfont.ttf differ diff --git a/prosopopee/static/fonts/crimsontext-semibold-webfont.woff b/prosopopee/static/fonts/crimsontext-semibold-webfont.woff new file mode 100644 index 0000000..bb86425 Binary files /dev/null and b/prosopopee/static/fonts/crimsontext-semibold-webfont.woff differ diff --git a/prosopopee/static/fonts/crimsontext-semibold-webfont.woff2 b/prosopopee/static/fonts/crimsontext-semibold-webfont.woff2 new file mode 100644 index 0000000..ac02f9a Binary files /dev/null and b/prosopopee/static/fonts/crimsontext-semibold-webfont.woff2 differ diff --git a/prosopopee/static/fonts/crimsontext-semibolditalic-webfont.eot b/prosopopee/static/fonts/crimsontext-semibolditalic-webfont.eot new file mode 100644 index 0000000..c42d590 Binary files /dev/null and b/prosopopee/static/fonts/crimsontext-semibolditalic-webfont.eot differ diff --git a/prosopopee/static/fonts/crimsontext-semibolditalic-webfont.svg b/prosopopee/static/fonts/crimsontext-semibolditalic-webfont.svg new file mode 100644 index 0000000..ba43bd9 --- /dev/null +++ b/prosopopee/static/fonts/crimsontext-semibolditalic-webfont.svg @@ -0,0 +1,1071 @@ + + + \ No newline at end of file diff --git a/prosopopee/static/fonts/crimsontext-semibolditalic-webfont.ttf b/prosopopee/static/fonts/crimsontext-semibolditalic-webfont.ttf new file mode 100644 index 0000000..64e3e0e Binary files /dev/null and b/prosopopee/static/fonts/crimsontext-semibolditalic-webfont.ttf differ diff --git a/prosopopee/static/fonts/crimsontext-semibolditalic-webfont.woff b/prosopopee/static/fonts/crimsontext-semibolditalic-webfont.woff new file mode 100644 index 0000000..9ffc142 Binary files /dev/null and b/prosopopee/static/fonts/crimsontext-semibolditalic-webfont.woff differ diff --git a/prosopopee/static/fonts/crimsontext-semibolditalic-webfont.woff2 b/prosopopee/static/fonts/crimsontext-semibolditalic-webfont.woff2 new file mode 100644 index 0000000..c98ffa3 Binary files /dev/null and b/prosopopee/static/fonts/crimsontext-semibolditalic-webfont.woff2 differ diff --git a/prosopopee/static/fonts/montserrat-regular-webfont.eot b/prosopopee/static/fonts/montserrat-regular-webfont.eot new file mode 100644 index 0000000..4ef1515 Binary files /dev/null and b/prosopopee/static/fonts/montserrat-regular-webfont.eot differ diff --git a/prosopopee/static/fonts/montserrat-regular-webfont.svg b/prosopopee/static/fonts/montserrat-regular-webfont.svg new file mode 100644 index 0000000..3991cf4 --- /dev/null +++ b/prosopopee/static/fonts/montserrat-regular-webfont.svg @@ -0,0 +1,501 @@ + + + \ No newline at end of file diff --git a/prosopopee/static/fonts/montserrat-regular-webfont.ttf b/prosopopee/static/fonts/montserrat-regular-webfont.ttf new file mode 100644 index 0000000..f810ff3 Binary files /dev/null and b/prosopopee/static/fonts/montserrat-regular-webfont.ttf differ diff --git a/prosopopee/static/fonts/montserrat-regular-webfont.woff b/prosopopee/static/fonts/montserrat-regular-webfont.woff new file mode 100644 index 0000000..0daf530 Binary files /dev/null and b/prosopopee/static/fonts/montserrat-regular-webfont.woff differ diff --git a/prosopopee/static/fonts/montserrat-regular-webfont.woff2 b/prosopopee/static/fonts/montserrat-regular-webfont.woff2 new file mode 100644 index 0000000..c2aaf62 Binary files /dev/null and b/prosopopee/static/fonts/montserrat-regular-webfont.woff2 differ diff --git a/prosopopee/static/fonts/montserrat-semibold-webfont.eot b/prosopopee/static/fonts/montserrat-semibold-webfont.eot new file mode 100644 index 0000000..2d825af Binary files /dev/null and b/prosopopee/static/fonts/montserrat-semibold-webfont.eot differ diff --git a/prosopopee/static/fonts/montserrat-semibold-webfont.svg b/prosopopee/static/fonts/montserrat-semibold-webfont.svg new file mode 100644 index 0000000..07b7a8f --- /dev/null +++ b/prosopopee/static/fonts/montserrat-semibold-webfont.svg @@ -0,0 +1,507 @@ + + + \ No newline at end of file diff --git a/prosopopee/static/fonts/montserrat-semibold-webfont.ttf b/prosopopee/static/fonts/montserrat-semibold-webfont.ttf new file mode 100644 index 0000000..f32b940 Binary files /dev/null and b/prosopopee/static/fonts/montserrat-semibold-webfont.ttf differ diff --git a/prosopopee/static/fonts/montserrat-semibold-webfont.woff b/prosopopee/static/fonts/montserrat-semibold-webfont.woff new file mode 100644 index 0000000..4e836ef Binary files /dev/null and b/prosopopee/static/fonts/montserrat-semibold-webfont.woff differ diff --git a/prosopopee/static/fonts/montserrat-semibold-webfont.woff2 b/prosopopee/static/fonts/montserrat-semibold-webfont.woff2 new file mode 100644 index 0000000..4885461 Binary files /dev/null and b/prosopopee/static/fonts/montserrat-semibold-webfont.woff2 differ diff --git a/prosopopee/templates/gallery-index.html b/prosopopee/templates/gallery-index.html index b67a30a..902ffc9 100644 --- a/prosopopee/templates/gallery-index.html +++ b/prosopopee/templates/gallery-index.html @@ -3,13 +3,14 @@
+ -{{ section.text }}
+