diff options
Diffstat (limited to 'themes/elenq')
31 files changed, 1700 insertions, 0 deletions
diff --git a/themes/elenq/static/css/fonts.css b/themes/elenq/static/css/fonts.css new file mode 100644 index 0000000..90740da --- /dev/null +++ b/themes/elenq/static/css/fonts.css @@ -0,0 +1,23 @@ +/* Webfont: LatoLatin-Regular */@font-face { + font-family: 'LatoLatinWeb'; + src: url('/theme/fonts/LatoLatin-Regular.eot'); /* IE9 Compat Modes */ + src: url('/theme/fonts/LatoLatin-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('/theme/fonts/LatoLatin-Regular.woff2') format('woff2'), /* Modern Browsers */ + url('/theme/fonts/LatoLatin-Regular.woff') format('woff'), /* Modern Browsers */ + url('/theme/fonts/LatoLatin-Regular.ttf') format('truetype'); + font-style: normal; + font-weight: normal; + text-rendering: optimizeLegibility; +} + +/* Webfont: LatoLatin-Light */@font-face { + font-family: 'LatoLatinLightWeb'; + src: url('/theme/fonts/LatoLatin-Light.eot'); /* IE9 Compat Modes */ + src: url('/theme/fonts/LatoLatin-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('/theme/fonts/LatoLatin-Light.woff2') format('woff2'), /* Modern Browsers */ + url('/theme/fonts/LatoLatin-Light.woff') format('woff'), /* Modern Browsers */ + url('/theme/fonts/LatoLatin-Light.ttf') format('truetype'); + font-style: normal; + font-weight: normal; + text-rendering: optimizeLegibility; +} diff --git a/themes/elenq/static/css/news.css b/themes/elenq/static/css/news.css new file mode 100644 index 0000000..957978b --- /dev/null +++ b/themes/elenq/static/css/news.css @@ -0,0 +1,27 @@ +/* News section in the first page + */ + +.news p{ /* Reduce margin in the news section*/ + margin-bottom: 1ex; +} + +.news_date{ + font-style: italic; +} +@media (min-width: 800px){ /*more than a tablet*/ + .news_header{ + width: 100%; + min-width: 100%; + display: inline-flex; + flex: 1; + -webkit-flex: 1; /* Safari 6.1+ */ + -ms-flex: 1; /* IE 10 */ + justify-content: space-between; + flex-wrap: nowrap; + align-items: baseline; + } + .news_date{ + font-style: normal; + font-size: 110%; + } +} diff --git a/themes/elenq/static/css/normalize.css b/themes/elenq/static/css/normalize.css new file mode 100644 index 0000000..81c6f31 --- /dev/null +++ b/themes/elenq/static/css/normalize.css @@ -0,0 +1,427 @@ +/*! normalize.css v3.0.2 | MIT License | git.io/normalize */ + +/** + * 1. Set default font family to sans-serif. + * 2. Prevent iOS text size adjust after orientation change, without disabling + * user zoom. + */ + +html { + font-family: sans-serif; /* 1 */ + -ms-text-size-adjust: 100%; /* 2 */ + -webkit-text-size-adjust: 100%; /* 2 */ +} + +/** + * Remove default margin. + */ + +body { + margin: 0; +} + +/* HTML5 display definitions + ========================================================================== */ + +/** + * Correct `block` display not defined for any HTML5 element in IE 8/9. + * Correct `block` display not defined for `details` or `summary` in IE 10/11 + * and Firefox. + * Correct `block` display not defined for `main` in IE 11. + */ + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +menu, +nav, +section, +summary { + display: block; +} + +/** + * 1. Correct `inline-block` display not defined in IE 8/9. + * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. + */ + +audio, +canvas, +progress, +video { + display: inline-block; /* 1 */ + vertical-align: baseline; /* 2 */ +} + +/** + * Prevent modern browsers from displaying `audio` without controls. + * Remove excess height in iOS 5 devices. + */ + +audio:not([controls]) { + display: none; + height: 0; +} + +/** + * Address `[hidden]` styling not present in IE 8/9/10. + * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. + */ + +[hidden], +template { + display: none; +} + +/* Links + ========================================================================== */ + +/** + * Remove the gray background color from active links in IE 10. + */ + +a { + background-color: transparent; +} + +/** + * Improve readability when focused and also mouse hovered in all browsers. + */ + +a:active, +a:hover { + outline: 0; +} + +/* Text-level semantics + ========================================================================== */ + +/** + * Address styling not present in IE 8/9/10/11, Safari, and Chrome. + */ + +abbr[title] { + border-bottom: 1px dotted; +} + +/** + * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. + */ + +b, +strong { + font-weight: bold; +} + +/** + * Address styling not present in Safari and Chrome. + */ + +dfn { + font-style: italic; +} + +/** + * Address variable `h1` font-size and margin within `section` and `article` + * contexts in Firefox 4+, Safari, and Chrome. + */ + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +/** + * Address styling not present in IE 8/9. + */ + +mark { + background: #ff0; + color: #000; +} + +/** + * Address inconsistent and variable font size in all browsers. + */ + +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` affecting `line-height` in all browsers. + */ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +/* Embedded content + ========================================================================== */ + +/** + * Remove border when inside `a` element in IE 8/9/10. + */ + +img { + border: 0; +} + +/** + * Correct overflow not hidden in IE 9/10/11. + */ + +svg:not(:root) { + overflow: hidden; +} + +/* Grouping content + ========================================================================== */ + +/** + * Address margin not present in IE 8/9 and Safari. + */ + +figure { + margin: 1em 40px; +} + +/** + * Address differences between Firefox and other browsers. + */ + +hr { + -moz-box-sizing: content-box; + box-sizing: content-box; + height: 0; +} + +/** + * Contain overflow in all browsers. + */ + +pre { + overflow: auto; +} + +/** + * Address odd `em`-unit font size rendering in all browsers. + */ + +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; +} + +/* Forms + ========================================================================== */ + +/** + * Known limitation: by default, Chrome and Safari on OS X allow very limited + * styling of `select`, unless a `border` property is set. + */ + +/** + * 1. Correct color not being inherited. + * Known issue: affects color of disabled elements. + * 2. Correct font properties not being inherited. + * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. + */ + +button, +input, +optgroup, +select, +textarea { + color: inherit; /* 1 */ + font: inherit; /* 2 */ + margin: 0; /* 3 */ +} + +/** + * Address `overflow` set to `hidden` in IE 8/9/10/11. + */ + +button { + overflow: visible; +} + +/** + * Address inconsistent `text-transform` inheritance for `button` and `select`. + * All other form control elements do not inherit `text-transform` values. + * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. + * Correct `select` style inheritance in Firefox. + */ + +button, +select { + text-transform: none; +} + +/** + * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` + * and `video` controls. + * 2. Correct inability to style clickable `input` types in iOS. + * 3. Improve usability and consistency of cursor style between image-type + * `input` and others. + */ + +button, +html input[type="button"], /* 1 */ +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; /* 2 */ + cursor: pointer; /* 3 */ +} + +/** + * Re-set default cursor for disabled elements. + */ + +button[disabled], +html input[disabled] { + cursor: default; +} + +/** + * Remove inner padding and border in Firefox 4+. + */ + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +/** + * Address Firefox 4+ setting `line-height` on `input` using `!important` in + * the UA stylesheet. + */ + +input { + line-height: normal; +} + +/** + * It's recommended that you don't attempt to style these elements. + * Firefox's implementation doesn't respect box-sizing, padding, or width. + * + * 1. Address box sizing set to `content-box` in IE 8/9/10. + * 2. Remove excess padding in IE 8/9/10. + */ + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Fix the cursor style for Chrome's increment/decrement buttons. For certain + * `font-size` values of the `input`, it causes the cursor style of the + * decrement button to change from `default` to `text`. + */ + +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +/** + * 1. Address `appearance` set to `searchfield` in Safari and Chrome. + * 2. Address `box-sizing` set to `border-box` in Safari and Chrome + * (include `-moz` to future-proof). + */ + +input[type="search"] { + -webkit-appearance: textfield; /* 1 */ + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; /* 2 */ + box-sizing: content-box; +} + +/** + * Remove inner padding and search cancel button in Safari and Chrome on OS X. + * Safari (but not Chrome) clips the cancel button when the search input has + * padding (and `textfield` appearance). + */ + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * Define consistent border, margin, and padding. + */ + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +/** + * 1. Correct `color` not being inherited in IE 8/9/10/11. + * 2. Remove padding so people aren't caught out if they zero out fieldsets. + */ + +legend { + border: 0; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Remove default vertical scrollbar in IE 8/9/10/11. + */ + +textarea { + overflow: auto; +} + +/** + * Don't inherit the `font-weight` (applied by a rule above). + * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. + */ + +optgroup { + font-weight: bold; +} + +/* Tables + ========================================================================== */ + +/** + * Remove most spacing between table cells. + */ + +table { + border-collapse: collapse; + border-spacing: 0; +} + +td, +th { + padding: 0; +}
\ No newline at end of file diff --git a/themes/elenq/static/css/skeleton.css b/themes/elenq/static/css/skeleton.css new file mode 100644 index 0000000..f28bf6c --- /dev/null +++ b/themes/elenq/static/css/skeleton.css @@ -0,0 +1,418 @@ +/* +* Skeleton V2.0.4 +* Copyright 2014, Dave Gamache +* www.getskeleton.com +* Free to use under the MIT license. +* http://www.opensource.org/licenses/mit-license.php +* 12/29/2014 +*/ + + +/* Table of contents +–––––––––––––––––––––––––––––––––––––––––––––––––– +- Grid +- Base Styles +- Typography +- Links +- Buttons +- Forms +- Lists +- Code +- Tables +- Spacing +- Utilities +- Clearing +- Media Queries +*/ + + +/* Grid +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +.container { + position: relative; + width: 100%; + max-width: 960px; + margin: 0 auto; + padding: 0 20px; + box-sizing: border-box; } +.column, +.columns { + width: 100%; + float: left; + box-sizing: border-box; } + +/* For devices larger than 400px */ +@media (min-width: 400px) { + .container { + width: 85%; + padding: 0; } +} + +/* For devices larger than 550px */ +@media (min-width: 550px) { + .container { + width: 80%; } + .column, + .columns { + margin-left: 4%; } + .column:first-child, + .columns:first-child { + margin-left: 0; } + + .one.column, + .one.columns { width: 4.66666666667%; } + .two.columns { width: 13.3333333333%; } + .three.columns { width: 22%; } + .four.columns { width: 30.6666666667%; } + .five.columns { width: 39.3333333333%; } + .six.columns { width: 48%; } + .seven.columns { width: 56.6666666667%; } + .eight.columns { width: 65.3333333333%; } + .nine.columns { width: 74.0%; } + .ten.columns { width: 82.6666666667%; } + .eleven.columns { width: 91.3333333333%; } + .twelve.columns { width: 100%; margin-left: 0; } + + .one-third.column { width: 30.6666666667%; } + .two-thirds.column { width: 65.3333333333%; } + + .one-half.column { width: 48%; } + + /* Offsets */ + .offset-by-one.column, + .offset-by-one.columns { margin-left: 8.66666666667%; } + .offset-by-two.column, + .offset-by-two.columns { margin-left: 17.3333333333%; } + .offset-by-three.column, + .offset-by-three.columns { margin-left: 26%; } + .offset-by-four.column, + .offset-by-four.columns { margin-left: 34.6666666667%; } + .offset-by-five.column, + .offset-by-five.columns { margin-left: 43.3333333333%; } + .offset-by-six.column, + .offset-by-six.columns { margin-left: 52%; } + .offset-by-seven.column, + .offset-by-seven.columns { margin-left: 60.6666666667%; } + .offset-by-eight.column, + .offset-by-eight.columns { margin-left: 69.3333333333%; } + .offset-by-nine.column, + .offset-by-nine.columns { margin-left: 78.0%; } + .offset-by-ten.column, + .offset-by-ten.columns { margin-left: 86.6666666667%; } + .offset-by-eleven.column, + .offset-by-eleven.columns { margin-left: 95.3333333333%; } + + .offset-by-one-third.column, + .offset-by-one-third.columns { margin-left: 34.6666666667%; } + .offset-by-two-thirds.column, + .offset-by-two-thirds.columns { margin-left: 69.3333333333%; } + + .offset-by-one-half.column, + .offset-by-one-half.columns { margin-left: 52%; } + +} + + +/* Base Styles +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +/* NOTE +html is set to 62.5% so that all the REM measurements throughout Skeleton +are based on 10px sizing. So basically 1.5rem = 15px :) */ +html { + font-size: 62.5%; } +body { + font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */ + line-height: 1.6; + font-weight: 400; + font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; + color: #222; } + + +/* Typography +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 2rem; + font-weight: 300; } +h1 { font-size: 4.0rem; line-height: 1.2; letter-spacing: -.1rem;} +h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; } +h3 { font-size: 3.0rem; line-height: 1.3; letter-spacing: -.1rem; } +h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; } +h5 { font-size: 1.8rem; line-height: 1.5; letter-spacing: -.05rem; } +h6 { font-size: 1.5rem; line-height: 1.6; letter-spacing: 0; } + +/* Larger than phablet */ +@media (min-width: 550px) { + h1 { font-size: 5.0rem; } + h2 { font-size: 4.2rem; } + h3 { font-size: 3.6rem; } + h4 { font-size: 3.0rem; } + h5 { font-size: 2.4rem; } + h6 { font-size: 1.5rem; } +} + +p { + margin-top: 0; } + + +/* Links +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +a { + color: #1EAEDB; } +a:hover { + color: #0FA0CE; } + + +/* Buttons +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +.button, +button, +input[type="submit"], +input[type="reset"], +input[type="button"] { + display: inline-block; + height: 38px; + padding: 0 30px; + color: #555; + text-align: center; + font-size: 11px; + font-weight: 600; + line-height: 38px; + letter-spacing: .1rem; + text-transform: uppercase; + text-decoration: none; + white-space: nowrap; + background-color: transparent; + border-radius: 4px; + border: 1px solid #bbb; + cursor: pointer; + box-sizing: border-box; } +.button:hover, +button:hover, +input[type="submit"]:hover, +input[type="reset"]:hover, +input[type="button"]:hover, +.button:focus, +button:focus, +input[type="submit"]:focus, +input[type="reset"]:focus, +input[type="button"]:focus { + color: #333; + border-color: #888; + outline: 0; } +.button.button-primary, +button.button-primary, +input[type="submit"].button-primary, +input[type="reset"].button-primary, +input[type="button"].button-primary { + color: #FFF; + background-color: #33C3F0; + border-color: #33C3F0; } +.button.button-primary:hover, +button.button-primary:hover, +input[type="submit"].button-primary:hover, +input[type="reset"].button-primary:hover, +input[type="button"].button-primary:hover, +.button.button-primary:focus, +button.button-primary:focus, +input[type="submit"].button-primary:focus, +input[type="reset"].button-primary:focus, +input[type="button"].button-primary:focus { + color: #FFF; + background-color: #1EAEDB; + border-color: #1EAEDB; } + + +/* Forms +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +input[type="email"], +input[type="number"], +input[type="search"], +input[type="text"], +input[type="tel"], +input[type="url"], +input[type="password"], +textarea, +select { + height: 38px; + padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */ + background-color: #fff; + border: 1px solid #D1D1D1; + border-radius: 4px; + box-shadow: none; + box-sizing: border-box; } +/* Removes awkward default styles on some inputs for iOS */ +input[type="email"], +input[type="number"], +input[type="search"], +input[type="text"], +input[type="tel"], +input[type="url"], +input[type="password"], +textarea { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; } +textarea { + min-height: 65px; + padding-top: 6px; + padding-bottom: 6px; } +input[type="email"]:focus, +input[type="number"]:focus, +input[type="search"]:focus, +input[type="text"]:focus, +input[type="tel"]:focus, +input[type="url"]:focus, +input[type="password"]:focus, +textarea:focus, +select:focus { + border: 1px solid #33C3F0; + outline: 0; } +label, +legend { + display: block; + margin-bottom: .5rem; + font-weight: 600; } +fieldset { + padding: 0; + border-width: 0; } +input[type="checkbox"], +input[type="radio"] { + display: inline; } +label > .label-body { + display: inline-block; + margin-left: .5rem; + font-weight: normal; } + + +/* Lists +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +ul { + list-style: circle inside; } +ol { + list-style: decimal inside; } +ol, ul { + padding-left: 0; + margin-top: 0; } +ul ul, +ul ol, +ol ol, +ol ul { + margin: 1.5rem 0 1.5rem 3rem; + font-size: 90%; } +li { + margin-bottom: 1rem; } + + +/* Code +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +code { + padding: .2rem .5rem; + margin: 0 .2rem; + font-size: 90%; + white-space: nowrap; + background: #F1F1F1; + border: 1px solid #E1E1E1; + border-radius: 4px; } +pre > code { + display: block; + padding: 1rem 1.5rem; + white-space: pre; } + + +/* Tables +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +th, +td { + padding: 12px 15px; + text-align: left; + border-bottom: 1px solid #E1E1E1; } +th:first-child, +td:first-child { + padding-left: 0; } +th:last-child, +td:last-child { + padding-right: 0; } + + +/* Spacing +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +button, +.button { + margin-bottom: 1rem; } +input, +textarea, +select, +fieldset { + margin-bottom: 1.5rem; } +pre, +blockquote, +dl, +figure, +table, +p, +ul, +ol, +form { + margin-bottom: 2.5rem; } + + +/* Utilities +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +.u-full-width { + width: 100%; + box-sizing: border-box; } +.u-max-full-width { + max-width: 100%; + box-sizing: border-box; } +.u-pull-right { + float: right; } +.u-pull-left { + float: left; } + + +/* Misc +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +hr { + margin-top: 3rem; + margin-bottom: 3.5rem; + border-width: 0; + border-top: 1px solid #E1E1E1; } + + +/* Clearing +–––––––––––––––––––––––––––––––––––––––––––––––––– */ + +/* Self Clearing Goodness */ +.container:after, +.row:after, +.u-cf { + content: ""; + display: table; + clear: both; } + + +/* Media Queries +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +/* +Note: The best way to structure the use of media queries is to create the queries +near the relevant code. For example, if you wanted to change the styles for buttons +on small devices, paste the mobile query code up in the buttons section and style it +there. +*/ + + +/* Larger than mobile */ +@media (min-width: 400px) {} + +/* Larger than phablet (also point when grid becomes active) */ +@media (min-width: 550px) {} + +/* Larger than tablet */ +@media (min-width: 750px) {} + +/* Larger than desktop */ +@media (min-width: 1000px) {} + +/* Larger than Desktop HD */ +@media (min-width: 1200px) {} diff --git a/themes/elenq/static/css/style.css b/themes/elenq/static/css/style.css new file mode 100644 index 0000000..0f27a5f --- /dev/null +++ b/themes/elenq/static/css/style.css @@ -0,0 +1,315 @@ +body{ + font-family: "LatoLatinWeb", Helvetica, Arial, sans-serif; + line-height: 1.6; + color: #222; +} + +.text-center{ + text-align: center; +} + +.text-right{ + text-align: right; +} + +.text-justify{ + text-align: justify; +} + +.text-nodeco{ + text-decoration: none; +} +.text-nodeco-black{ + text-decoration: none; + color: #222; +} + +.text-minimal{ + font-size: 0.7em; +} + +.text-small{ + font-size: 0.9em; +} + +.only-reader{ + font-size: 0; +} + +section{ + padding-top: 2rem; + padding-bottom: 2rem; + margin-bottom: 0; +} +q, blockquote{ + font-style: italic; +} + + +img { + display: block; + margin-left: auto; + margin-right: auto; + margin-top: 3ex; + margin-bottom: 3ex; +} +img.round{ + border-radius: 50%; +} + + +hr.short{ + width: 100px; +} + + +.bar-bottom { + border-top: 1px solid #eee; + position: relative; + width: 100%; + margin: 0 auto; + margin-top: 10ex; + padding: 1rem 0; + box-sizing: border-box; + + font-size: 70%; +} + + + + +/* + * Container + */ +.container { + max-width: 800px; + margin: auto; +} + + + +.mainheader{ + top: 0; + display: block; + width: 100%; + background: #fff; + z-index: 99; + border-top: 1px solid #eee; + border-bottom: 1px solid #eee; + margin-bottom: 3ex; +} +.navbar { + width: 100%; + } +.navbar-link, +.navbar-control{ + text-transform: uppercase; + font-size: 11px; + font-weight: 600; + letter-spacing: .2rem; + text-decoration: none; + line-height: 6.5rem; + display: inline-block; + color: #222; + } +.navbar-right, +.navbar-left{ + display: inline; +} +.navbar-link.active, +.navbar-link:active { + color: #33C3F0; +} +.navbar-separator{ + margin: 0 auto; +} + + +/* Large devices everything inline and the header floating fixed on top + */ +@media (min-width: 801px) { + .mainheader{ + position: fixed; + height: 6.5rem; + } + + /* Push content down, because the header is floating over it */ + .content:before{ + display: block; + content: " "; + height: 10rem; + visibility: hidden; + } + + .link-right { + margin-left: 15px; + margin-right: 0px; + } + .link-left{ + margin-right: 25px; + } + .nav-right{ + text-align: right; + } + .navbar-right{ + float: right; + } + .navbar-separator{ + display: none; + } + +} + +/* Smaller devices leave the header at the top of the page and make it more + * vertical */ +@media (max-width: 800px){ + /* Main navbar toggle */ + .navbar-link{ + margin-left: 3ex; + margin-right: 3ex; + } + .navbar-right, + .navbar-left{ + width: 100%; + min-width: 100%; + display: inline-flex; + flex: 1; + -webkit-flex: 1; /* Safari 6.1+ */ + -ms-flex: 1; /* IE 10 */ + justify-content: space-around; + flex-flow: row; + } + .navbar-left{ + flex-flow: row wrap; + } + + .link-right{ + margin: auto; + line-height: 5rem; + } +} + +/* Typography (overrides skeleton) + */ +h1, h2, h3, h4, h5, h6 { + text-decoration: none; + margin-top: 1ex; + margin-bottom: 0; + line-height: 2; + font-weight: 300; +} +h1.main-title { + font-size: 4.5rem; line-height: 1.2; text-align: center; + margin-bottom: 2rem; + margin-top: 2rem; + font-family: "LatoLatinLightWeb", Helvetica, Arial, sans-serif; +} +h2.entry-title{ + font-size: 4.0rem; line-height: 1.2; +} +h1 { font-size: 3.0rem; } +h2 { font-size: 2.8rem; } +h3 { font-size: 2.3rem; } +h4 { font-size: 2.1rem; } +h5 { font-size: 1.8rem; } +h6 { font-size: 1.5rem; } +.hentry .entry-content h1{ font-size: 2.2rem; } +.hentry .entry-content h2{ font-size: 2.0rem; } +.hentry .entry-content h3{ font-size: 1.8rem; } +.hentry .entry-content h4{ font-size: 1.6rem; } +.hentry .entry-content h5{ font-size: 1.4rem; } +.hentry .entry-content h6{ font-size: 1.2rem; } + +@media (min-width: 550px) { + h1.main-title { + font-size: 5.0rem; + } + h2.entry-title{ + font-size: 5.0rem; + } + h1 { font-size: 4.2rem; } + h2 { font-size: 3.2rem; } + h3 { font-size: 2.7rem; } + h4 { font-size: 2.2rem; } + h5 { font-size: 2.0rem; } + h6 { font-size: 1.7rem; } +} + +p { + font-size: 1.7rem; + text-align: justify; +} + +/* Image | text + */ +.card-picture *{ + height: auto; + width: 100%; +} +.card-picture{ + margin-left: auto; + margin-right: auto; + margin-top: 2ex; + margin-bottom: 2ex; + height: auto; + width: 150px; + min-width: 150px; +} +@media (min-width: 800px){ /*more than a tablet*/ + .card{ + margin-top: 3ex; + margin-bottom: 3ex; + + width: 100%; + min-width: 100%; + display: inline-flex; + flex: 1; + -webkit-flex: 1; /* Safari 6.1+ */ + -ms-flex: 1; /* IE 10 */ + justify-content: space-around; + align-items: center; + } + + .card-picture{ + margin: 2ex; + } + + .card-data{ + flex-grow: 2; + flex-shrink: 2; + margin-left: 3ex; + } +} + + +.entry-content{ + margin-top: 3rem; +} + +.entry-content table{ + margin-left: auto; + margin-right: auto; +} + +ol, ul { + font-size: 1.7rem; + list-style-position: outside; + margin-left: 3rem; + margin-right: 3rem; +} +li{ + padding-left: 1ex; +} +#post-list{ + list-style: none; + margin-left: 0; + margin-right: 0; +} +#post-list li{ + padding-left: 0; +} + +.footer-logo{ + width: 120px; + margin-top: 0; +} diff --git a/themes/elenq/static/fonts/LatoLatin-Light.eot b/themes/elenq/static/fonts/LatoLatin-Light.eot Binary files differnew file mode 100644 index 0000000..865537d --- /dev/null +++ b/themes/elenq/static/fonts/LatoLatin-Light.eot diff --git a/themes/elenq/static/fonts/LatoLatin-Light.ttf b/themes/elenq/static/fonts/LatoLatin-Light.ttf Binary files differnew file mode 100644 index 0000000..6af1b85 --- /dev/null +++ b/themes/elenq/static/fonts/LatoLatin-Light.ttf diff --git a/themes/elenq/static/fonts/LatoLatin-Light.woff b/themes/elenq/static/fonts/LatoLatin-Light.woff Binary files differnew file mode 100644 index 0000000..e7d4278 --- /dev/null +++ b/themes/elenq/static/fonts/LatoLatin-Light.woff diff --git a/themes/elenq/static/fonts/LatoLatin-Light.woff2 b/themes/elenq/static/fonts/LatoLatin-Light.woff2 Binary files differnew file mode 100644 index 0000000..b6d0288 --- /dev/null +++ b/themes/elenq/static/fonts/LatoLatin-Light.woff2 diff --git a/themes/elenq/static/fonts/LatoLatin-Regular.eot b/themes/elenq/static/fonts/LatoLatin-Regular.eot Binary files differnew file mode 100644 index 0000000..96a9035 --- /dev/null +++ b/themes/elenq/static/fonts/LatoLatin-Regular.eot diff --git a/themes/elenq/static/fonts/LatoLatin-Regular.ttf b/themes/elenq/static/fonts/LatoLatin-Regular.ttf Binary files differnew file mode 100644 index 0000000..bcc5778 --- /dev/null +++ b/themes/elenq/static/fonts/LatoLatin-Regular.ttf diff --git a/themes/elenq/static/fonts/LatoLatin-Regular.woff b/themes/elenq/static/fonts/LatoLatin-Regular.woff Binary files differnew file mode 100644 index 0000000..bf73a6d --- /dev/null +++ b/themes/elenq/static/fonts/LatoLatin-Regular.woff diff --git a/themes/elenq/static/fonts/LatoLatin-Regular.woff2 b/themes/elenq/static/fonts/LatoLatin-Regular.woff2 Binary files differnew file mode 100644 index 0000000..a4d084b --- /dev/null +++ b/themes/elenq/static/fonts/LatoLatin-Regular.woff2 diff --git a/themes/elenq/static/fonts/OFL.txt b/themes/elenq/static/fonts/OFL.txt new file mode 100644 index 0000000..6d2c416 --- /dev/null +++ b/themes/elenq/static/fonts/OFL.txt @@ -0,0 +1,94 @@ +Copyright (c) 2010-2015, Łukasz Dziedzic (dziedzic@typoland.com),
+with Reserved Font Name Lato.
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/themes/elenq/static/img/ElenQTechLogo.png b/themes/elenq/static/img/ElenQTechLogo.png Binary files differnew file mode 100644 index 0000000..e45870a --- /dev/null +++ b/themes/elenq/static/img/ElenQTechLogo.png diff --git a/themes/elenq/static/img/ElenQTechLogo.svg b/themes/elenq/static/img/ElenQTechLogo.svg new file mode 100644 index 0000000..846154d --- /dev/null +++ b/themes/elenq/static/img/ElenQTechLogo.svg @@ -0,0 +1,143 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" + xmlns:svg="http://www.w3.org/2000/svg" + xmlns="http://www.w3.org/2000/svg" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + version="1.1" + id="svg2" + viewBox="0 0 177.16534 88.582677" + height="25mm" + width="50mm" + inkscape:version="0.91 r13725" + sodipodi:docname="ElenQTechLogo.svg"> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1920" + inkscape:window-height="1021" + id="namedview24" + showgrid="false" + inkscape:zoom="2.1404537" + inkscape:cx="26.863464" + inkscape:cy="35.757626" + inkscape:window-x="0" + inkscape:window-y="0" + inkscape:window-maximized="1" + inkscape:current-layer="svg2" /> + <defs + id="defs4" /> + <metadata + id="metadata7"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title></dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <g + transform="translate(14.288691,-975.73226)" + id="layer1"> + <g + transform="translate(-161.98599,807.24042)" + id="g3429"> + <g + id="flowRoot3336" + style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" + transform="translate(-13.571429,-11.785714)"> + <path + id="path3489" + style="font-style:normal;font-variant:normal;font-weight:100;font-stretch:normal;font-size:75px;font-family:Armata;-inkscape-font-specification:'Armata Thin'" + d="m 175.55742,234.47886 27.525,0 0,-2.7 -24.3,0 0,-17.25 20.55,0 0,-2.7 -20.55,0 0,-15.9 24.3,0 0,-2.7 -27.525,0 0,41.25 z" + inkscape:connector-curvature="0" /> + <path + id="path3491" + style="font-style:normal;font-variant:normal;font-weight:100;font-stretch:normal;font-size:75px;font-family:Armata;-inkscape-font-specification:'Armata Thin'" + d="m 208.22344,234.47886 3.225,0 0,-41.25 -3.225,0 0,41.25 z" + inkscape:connector-curvature="0" /> + <path + id="path3493" + style="font-style:normal;font-variant:normal;font-weight:100;font-stretch:normal;font-size:75px;font-family:Armata;-inkscape-font-specification:'Armata Thin'" + d="m 216.6375,219.70386 c 0,11.25 8.7,15.6 16.5,15.6 11.85,0 15.3,-4.725 16.05,-9.225 l -3.6,0 c -0.75,1.875 -2.175,6 -12.45,6 -5.925,0 -12.45,-3.6 -12.975,-11.025 l 29.025,0 0,-3.225 c -0.75,-10.425 -6.45,-15.75 -16.05,-15.75 -9.6,0 -16.5,7.2 -16.5,17.625 z m 3.675,-1.875 c 1.05,-7.875 5.175,-12.6 13.125,-12.6 7.95,0 11.4,5.1 12.15,12.6 l -25.275,0 z" + inkscape:connector-curvature="0" /> + <path + id="path3495" + style="font-style:normal;font-variant:normal;font-weight:100;font-stretch:normal;font-size:75px;font-family:Armata;-inkscape-font-specification:'Armata Thin'" + d="m 254.5875,234.47886 3.225,0 0,-25.875 c 1.575,-2.025 5.025,-3.225 10.2,-3.225 3.6,0 8.1,1.35 8.1,7.65 l 0,21.45 3.45,0 0,-21.45 c 0,-8.25 -6.15,-10.95 -11.55,-10.95 -5.55,0 -9.075,1.35 -10.2,4.05 l 0,-3.225 -3.225,0 0,31.575 z" + inkscape:connector-curvature="0" /> + <path + id="path3497" + style="font-style:normal;font-variant:normal;font-weight:100;font-stretch:normal;font-size:75px;font-family:Armata;-inkscape-font-specification:'Armata Thin'" + d="m 284.53125,213.85386 c 0,11.175 9.3,21.45 20.625,21.45 4.8,0 9.15,-1.875 12.675,-4.8 l 4.8,3.975 3.75,0 -6.6,-5.775 c 3.675,-3.975 6,-9.3 6,-14.85 0,-11.1 -9.225,-21.375 -20.625,-21.375 -11.4,0 -20.625,10.2 -20.625,21.375 z m 3.3,0 c 0,-9.15 7.575,-18.3 17.325,-18.3 9.75,0 17.325,9.15 17.325,18.3 0,9.15 -7.575,18.375 -17.325,18.375 -9.75,0 -17.325,-9.225 -17.325,-18.375 z" + inkscape:connector-curvature="0" /> + </g> + <g + id="text3346" + style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"> + <path + id="path3500" + style="font-style:normal;font-variant:normal;font-weight:100;font-stretch:normal;font-size:23.75px;font-family:Armata;-inkscape-font-specification:'Armata Thin'" + d="m 176.40771,232.67678 4.0375,0 0,12.18375 1.02125,0 0,-12.18375 4.06125,0 0,-0.87875 -9.12,0 0,0.87875 z" + inkscape:connector-curvature="0" /> + <path + id="path3502" + style="font-style:normal;font-variant:normal;font-weight:100;font-stretch:normal;font-size:23.75px;font-family:Armata;-inkscape-font-specification:'Armata Thin'" + d="m 187.0132,244.86053 8.71625,0 0,-0.855 -7.695,0 0,-5.4625 6.5075,0 0,-0.855 -6.5075,0 0,-5.035 7.695,0 0,-0.855 -8.71625,0 0,13.0625 z" + inkscape:connector-curvature="0" /> + <path + id="path3504" + style="font-style:normal;font-variant:normal;font-weight:100;font-stretch:normal;font-size:23.75px;font-family:Armata;-inkscape-font-specification:'Armata Thin'" + d="m 197.23869,238.32928 c 0,4.275 1.97125,6.7925 5.62875,6.7925 2.8025,0 5.15375,-1.49625 5.15375,-3.63375 l -1.14,0 c 0,1.30625 -1.5675,2.6125 -4.01375,2.6125 -3.15875,0 -4.5125,-3.06375 -4.5125,-5.77125 0,-3.11125 1.82875,-5.77125 4.6075,-5.77125 2.4225,0 3.91875,1.25875 3.91875,2.68375 l 1.14,0 c 0,-2.35125 -2.35125,-3.68125 -5.15375,-3.68125 -3.895,0 -5.62875,3.4675 -5.62875,6.76875 z" + inkscape:connector-curvature="0" /> + <path + id="path3506" + style="font-style:normal;font-variant:normal;font-weight:100;font-stretch:normal;font-size:23.75px;font-family:Armata;-inkscape-font-specification:'Armata Thin'" + d="m 209.64992,244.86053 1.02125,0 0,-6.3175 6.5075,0 0,6.3175 1.02125,0 0,-13.0625 -1.02125,0 0,5.89 -6.5075,0 0,-5.89 -1.02125,0 0,13.0625 z" + inkscape:connector-curvature="0" /> + <path + id="path3508" + style="font-style:normal;font-variant:normal;font-weight:100;font-stretch:normal;font-size:23.75px;font-family:Armata;-inkscape-font-specification:'Armata Thin'" + d="m 219.99416,244.86053 1.045,0 0,-11.115 7.19625,11.115 1.02125,0 0,-13.0625 -1.02125,0 0,11.23375 -7.19625,-11.23375 -1.045,0 0,13.0625 z" + inkscape:connector-curvature="0" /> + <path + id="path3510" + style="font-style:normal;font-variant:normal;font-weight:100;font-stretch:normal;font-size:23.75px;font-family:Armata;-inkscape-font-specification:'Armata Thin'" + d="m 230.8917,238.32928 c 0,3.53875 2.945,6.7925 6.53125,6.7925 3.58625,0 6.53125,-3.25375 6.53125,-6.7925 0,-3.515 -2.92125,-6.76875 -6.53125,-6.76875 -3.61,0 -6.53125,3.23 -6.53125,6.76875 z m 1.045,0 c 0,-2.8975 2.39875,-5.795 5.48625,-5.795 3.0875,0 5.48625,2.8975 5.48625,5.795 0,2.8975 -2.39875,5.81875 -5.48625,5.81875 -3.0875,0 -5.48625,-2.92125 -5.48625,-5.81875 z" + inkscape:connector-curvature="0" /> + <path + id="path3512" + style="font-style:normal;font-variant:normal;font-weight:100;font-stretch:normal;font-size:23.75px;font-family:Armata;-inkscape-font-specification:'Armata Thin'" + d="m 245.55213,244.86053 7.90875,0 0,-1.02125 -6.8875,0 0,-12.04125 -1.02125,0 0,13.0625 z" + inkscape:connector-curvature="0" /> + <path + id="path3514" + style="font-style:normal;font-variant:normal;font-weight:100;font-stretch:normal;font-size:23.75px;font-family:Armata;-inkscape-font-specification:'Armata Thin'" + d="m 254.92002,238.32928 c 0,3.53875 2.945,6.7925 6.53125,6.7925 3.58625,0 6.53125,-3.25375 6.53125,-6.7925 0,-3.515 -2.92125,-6.76875 -6.53125,-6.76875 -3.61,0 -6.53125,3.23 -6.53125,6.76875 z m 1.045,0 c 0,-2.8975 2.39875,-5.795 5.48625,-5.795 3.0875,0 5.48625,2.8975 5.48625,5.795 0,2.8975 -2.39875,5.81875 -5.48625,5.81875 -3.0875,0 -5.48625,-2.92125 -5.48625,-5.81875 z" + inkscape:connector-curvature="0" /> + <path + id="path3516" + style="font-style:normal;font-variant:normal;font-weight:100;font-stretch:normal;font-size:23.75px;font-family:Armata;-inkscape-font-specification:'Armata Thin'" + d="m 269.5092,238.32928 c 0,4.275 1.97125,6.7925 5.62875,6.7925 1.63875,0 3.0875,-0.5225 4.01375,-1.3775 l 0,1.11625 1.02125,0 0,-6.4125 -5.225,0 0,1.02125 4.20375,0 0,2.01875 c 0,1.30625 -1.5675,2.6125 -4.01375,2.6125 -3.15875,0 -4.5125,-3.06375 -4.5125,-5.77125 0,-3.11125 1.82875,-5.77125 4.6075,-5.77125 2.4225,0 3.91875,1.25875 3.91875,2.68375 l 1.02125,0 c 0,-2.35125 -2.2325,-3.68125 -5.035,-3.68125 -3.895,0 -5.62875,3.4675 -5.62875,6.76875 z" + inkscape:connector-curvature="0" /> + <path + id="path3518" + style="font-style:normal;font-variant:normal;font-weight:100;font-stretch:normal;font-size:23.75px;font-family:Armata;-inkscape-font-specification:'Armata Thin'" + d="m 281.68182,231.79803 4.75,7.62375 0,5.43875 1.02125,0 0,-5.43875 4.77375,-7.62375 -1.14,0 -4.1325,6.65 -4.10875,-6.65 -1.16375,0 z" + inkscape:connector-curvature="0" /> + </g> + </g> + </g> +</svg> diff --git a/themes/elenq/static/img/ElenQTechLogoSimple.png b/themes/elenq/static/img/ElenQTechLogoSimple.png Binary files differnew file mode 100644 index 0000000..36e86ed --- /dev/null +++ b/themes/elenq/static/img/ElenQTechLogoSimple.png diff --git a/themes/elenq/templates/archives.html b/themes/elenq/templates/archives.html new file mode 100644 index 0000000..050f268 --- /dev/null +++ b/themes/elenq/templates/archives.html @@ -0,0 +1,11 @@ +{% extends "base.html" %} +{% block content %} +<h1>Archives for {{ SITENAME }}</h1> + +<dl> +{% for article in dates %} + <dt>{{ article.locale_date }}</dt> + <dd><a href="{{ SITEURL }}/{{ article.url }}">{{ article.title }}</a></dd> +{% endfor %} +</dl> +{% endblock %} diff --git a/themes/elenq/templates/article.html b/themes/elenq/templates/article.html new file mode 100644 index 0000000..a2b5635 --- /dev/null +++ b/themes/elenq/templates/article.html @@ -0,0 +1,44 @@ +{% extends "base.html" %} +{% block head %} + {{ super() }} + {% if article.description %} + <meta name="description" content="{{article.description}}" /> + {% endif %} + + {% for tag in article.tags %} + <meta name="tags" content="{{tag}}" /> + {% endfor %} + +{% endblock %} + +{% block content %} +<section id="content" class="body"> + <header> + <h2 class="entry-title"> + <a class="text-nodeco-black" href="{{ SITEURL }}/{{ article.url }}" rel="bookmark" + title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a></h2> + {% import 'translations.html' as translations with context %} + {{ translations.translations_for(article) }} + </header> + <footer class="post-info"> + <time class="published" datetime="{{ article.date.isoformat() }}"> + {{ article.locale_date }} + </time> + {% if article.modified %} + <time class="modified" datetime="{{ article.modified.isoformat() }}"> + {{ article.locale_modified }} + </time> + {% endif %} + {% if article.authors %} + <address class="vcard author"> + By {% for author in article.authors %} + <a class="url fn" href="{{ SITEURL }}/{{ author.url }}">{{ author }}</a> + {% endfor %} + </address> + {% endif %} + </footer><!-- /.post-info --> + <div class="entry-content"> + {{ article.content }} + </div><!-- /.entry-content --> +</section> +{% endblock %} diff --git a/themes/elenq/templates/author.html b/themes/elenq/templates/author.html new file mode 100644 index 0000000..e9f7870 --- /dev/null +++ b/themes/elenq/templates/author.html @@ -0,0 +1,7 @@ +{% extends "index.html" %} + +{% block title %}{{ SITENAME }} - Articles by {{ author }}{% endblock %} +{% block content_title %} +<h2>Articles by {{ author }}</h2> +{% endblock %} + diff --git a/themes/elenq/templates/authors.html b/themes/elenq/templates/authors.html new file mode 100644 index 0000000..4914904 --- /dev/null +++ b/themes/elenq/templates/authors.html @@ -0,0 +1,13 @@ +{% extends "base.html" %} + +{% block title %}{{ SITENAME }} - Authors{% endblock %} + +{% block content %} + <h1>Authors on {{ SITENAME }}</h1> + + <ul> + {%- for author, articles in authors|sort %} + <li><a href="{{ SITEURL }}/{{ author.url }}">{{ author }}</a> ({{ articles|count }})</li> + {% endfor %} + </ul> +{% endblock %} diff --git a/themes/elenq/templates/base.html b/themes/elenq/templates/base.html new file mode 100644 index 0000000..d591ee5 --- /dev/null +++ b/themes/elenq/templates/base.html @@ -0,0 +1,81 @@ +<!DOCTYPE html> +<html lang="{{ DEFAULT_LANG }}"> + <head> + {% block head %} + <title>{% block title %}{{ SITENAME }}{% endblock title %}</title> + <meta charset="utf-8" /> + {% if FEED_ALL_ATOM %} + <link href="{{ FEED_DOMAIN }}/{% if FEED_ALL_ATOM_URL %}{{ FEED_ALL_ATOM_URL }}{% else %}{{ FEED_ALL_ATOM }}{% endif %}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Full Atom Feed" /> + {% endif %} + {% if FEED_ALL_RSS %} + <link href="{{ FEED_DOMAIN }}/{% if FEED_ALL_RSS_URL %}{{ FEED_ALL_RSS_URL }}{% else %}{{ FEED_ALL_RSS }}{% endif %}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} Full RSS Feed" /> + {% endif %} + {% if FEED_ATOM %} + <link href="{{ FEED_DOMAIN }}/{%if FEED_ATOM_URL %}{{ FEED_ATOM_URL }}{% else %}{{ FEED_ATOM }}{% endif %}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Atom Feed" /> + {% endif %} + {% if FEED_RSS %} + <link href="{{ FEED_DOMAIN }}/{% if FEED_RSS_URL %}{{ FEED_RSS_URL }}{% else %}{{ FEED_RSS }}{% endif %}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} RSS Feed" /> + {% endif %} + {% if CATEGORY_FEED_ATOM and category %} + <link href="{{ FEED_DOMAIN }}/{% if CATEGORY_FEED_ATOM_URL %}{{ CATEGORY_FEED_ATOM_URL|format(category.slug) }}{% else %}{{ CATEGORY_FEED_ATOM|format(category.slug) }}{% endif %}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Categories Atom Feed" /> + {% endif %} + {% if CATEGORY_FEED_RSS and category %} + <link href="{{ FEED_DOMAIN }}/{% if CATEGORY_FEED_RSS_URL %}{{ CATEGORY_FEED_RSS_URL|format(category.slug) }}{% else %}{{ CATEGORY_FEED_RSS|format(category.slug) }}{% endif %}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} Categories RSS Feed" /> + {% endif %} + {% if TAG_FEED_ATOM and tag %} + <link href="{{ FEED_DOMAIN }}/{% if TAG_FEED_ATOM_URL %}{{ TAG_FEED_ATOM_URL|format(tag.slug) }}{% else %}{{ TAG_FEED_ATOM|format(tag.slug) }}{% endif %}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Tags Atom Feed" /> + {% endif %} + {% if TAG_FEED_RSS and tag %} + <link href="{{ FEED_DOMAIN }}/{% if TAG_FEED_RSS_URL %}{{ TAG_FEED_RSS_URL|format(tag.slug) }}{% else %}{{ TAG_FEED_RSS|format(tag.slug) }}{% endif %}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} Tags RSS Feed" /> + {% endif %} + {% endblock head %} + + <link rel="stylesheet" href="/theme/css/normalize.css"> + <link rel="stylesheet" href="/theme/css/skeleton.css"> + <link rel="stylesheet" href="/theme/css/style.css"> + <link rel="stylesheet" href="/theme/css/fonts.css"> + </head> + + <body id="index" class="home"> + <header class="mainheader"> + <div class="container"> + <nav id="menu" class="navbar"> + <div class="navbar-left"> + {% for title, link in MENUITEMS %} + <a class="navbar-link link-left" href="{{ link }}">{{ title }}</a> + {% endfor %} + {% if DISPLAY_CATEGORIES_ON_MENU -%} + {% for cat, null in categories %} + <a class="navbar-link link-left {% if cat == category %}active{% endif %}" href="{{ SITEURL }}/{{ cat.url }}">{{ cat }}</a> + {% endfor %} + {% endif %} + </div> + <hr class="short navbar-separator"/> + <div class="navbar-right"> + {% if DISPLAY_PAGES_ON_MENU -%} + {% for pg in pages %} + <a class="navbar-link link-right {% if pg == page %}active{% endif %}" href="{{ SITEURL }}/{{ pg.url }}">{{ pg.title }}</a> + {% endfor %} + {% endif %} + </div> + </nav> + </div> + </header> + <div class="content container"> + <h1 class="main-title"><a class="text-nodeco-black" href="{{ SITEURL }}/">{{ SITENAME }}{% if SITESUBTITLE %}:<br/> {{ SITESUBTITLE }}{% endif %}</a></h1> + {% block content %} + {% endblock content %} + </div> + <footer id="contentinfo" class="bar-bottom"> + <address id="about" class="container text-center"> + Supported by: + </address><!-- /#about --> + + <div class="container text-center"> + <a href="https://elenq.tech"> + <img class="footer-logo"src="/theme/img/ElenQTechLogoSimple.png" alt="ElenQ Technology"> + </a> + </div> + </footer><!-- /#contentinfo --> + </body> +</html> diff --git a/themes/elenq/templates/categories.html b/themes/elenq/templates/categories.html new file mode 100644 index 0000000..e29be0c --- /dev/null +++ b/themes/elenq/templates/categories.html @@ -0,0 +1,8 @@ +{% extends "base.html" %} +{% block content %} +<ul> +{% for category, articles in categories %} + <li><a href="{{ SITEURL }}/{{ category.url }}">{{ category }}</a></li> +{% endfor %} +</ul> +{% endblock %} diff --git a/themes/elenq/templates/category.html b/themes/elenq/templates/category.html new file mode 100644 index 0000000..4e6fd24 --- /dev/null +++ b/themes/elenq/templates/category.html @@ -0,0 +1,5 @@ +{% extends "index.html" %} +{% block content_title %} +<h2>Articles in the {{ category }} category</h2> +{% endblock %} + diff --git a/themes/elenq/templates/index.html b/themes/elenq/templates/index.html new file mode 100644 index 0000000..169e661 --- /dev/null +++ b/themes/elenq/templates/index.html @@ -0,0 +1,28 @@ +{% extends "base.html" %} +{% block content %} +<section id="content"> +{% block content_title %} +<h2>Home</h2> +{% endblock %} + +<ol id="post-list"> +{% for article in articles_page.object_list %} + <li><article class="hentry"> + <header> <h3 class="entry-title"><a class="text-nodeco-black" href="{{ SITEURL }}/{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a></h3> </header> + <footer class="post-info"> + <time class="published" datetime="{{ article.date.isoformat() }}"> {{ article.locale_date }} </time> + <address class="vcard author">By + {% for author in article.authors %} + <a class="url fn" href="{{ SITEURL }}/{{ author.url }}">{{ author }}</a> + {% endfor %} + </address> + </footer><!-- /.post-info --> + <div class="entry-content"> {{ article.summary }} </div><!-- /.entry-content --> + </article></li> +{% endfor %} +</ol><!-- /#posts-list --> +{% if articles_page.has_other_pages() %} + {% include 'pagination.html' %} +{% endif %} +</section><!-- /#content --> +{% endblock content %} diff --git a/themes/elenq/templates/page.html b/themes/elenq/templates/page.html new file mode 100644 index 0000000..5ceb779 --- /dev/null +++ b/themes/elenq/templates/page.html @@ -0,0 +1,15 @@ +{% extends "base.html" %} +{% block title %}{{ page.title }}{%endblock%} +{% block content %} + <h1>{{ page.title }}</h1> + {% import 'translations.html' as translations with context %} + {{ translations.translations_for(page) }} + + {{ page.content }} + + {% if page.modified %} + <p> + Last updated: {{ page.locale_modified }} + </p> + {% endif %} +{% endblock %} diff --git a/themes/elenq/templates/pagination.html b/themes/elenq/templates/pagination.html new file mode 100644 index 0000000..4219a5c --- /dev/null +++ b/themes/elenq/templates/pagination.html @@ -0,0 +1,11 @@ +{% if DEFAULT_PAGINATION %} +<p class="paginator"> + {% if articles_page.has_previous() %} + <a href="{{ SITEURL }}/{{ articles_previous_page.url }}">«</a> + {% endif %} + Page {{ articles_page.number }} / {{ articles_paginator.num_pages }} + {% if articles_page.has_next() %} + <a href="{{ SITEURL }}/{{ articles_next_page.url }}">»</a> + {% endif %} +</p> +{% endif %} diff --git a/themes/elenq/templates/period_archives.html b/themes/elenq/templates/period_archives.html new file mode 100644 index 0000000..d930dbb --- /dev/null +++ b/themes/elenq/templates/period_archives.html @@ -0,0 +1,11 @@ +{% extends "base.html" %} +{% block content %} +<h1>Archives for {{ period | reverse | join(' ') }}</h1> + +<dl> +{% for article in dates %} + <dt>{{ article.locale_date }}</dt> + <dd><a href="{{ SITEURL }}/{{ article.url }}">{{ article.title }}</a></dd> +{% endfor %} +</dl> +{% endblock %} diff --git a/themes/elenq/templates/tag.html b/themes/elenq/templates/tag.html new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/themes/elenq/templates/tag.html diff --git a/themes/elenq/templates/tags.html b/themes/elenq/templates/tags.html new file mode 100644 index 0000000..b5d1482 --- /dev/null +++ b/themes/elenq/templates/tags.html @@ -0,0 +1,10 @@ +{% extends "base.html" %} + +{% block title %}{{ SITENAME }} - Tags{% endblock %} + +{% block content %} + <h1>Tags for {{ SITENAME }}</h1> + {%- for tag, articles in tags|sort %} + <li><a href="{{ SITEURL }}/{{ tag.url }}">{{ tag }}</a> ({{ articles|count }})</li> + {% endfor %} +{% endblock %} diff --git a/themes/elenq/templates/translations.html b/themes/elenq/templates/translations.html new file mode 100644 index 0000000..db8c372 --- /dev/null +++ b/themes/elenq/templates/translations.html @@ -0,0 +1,9 @@ +{% macro translations_for(article) %} +{% if article.translations %} +Translations: +{% for translation in article.translations %} +<a href="{{ SITEURL }}/{{ translation.url }}">{{ translation.lang }}</a> +{% endfor %} +{% endif %} +{% endmacro %} + |
