diff --git a/invenio_theme_tugraz/assets/js/invenio_tugraz_theme/tugraz.js b/invenio_theme_tugraz/assets/js/invenio_tugraz_theme/tugraz.js new file mode 100644 index 0000000..e69de29 diff --git a/invenio_theme_tugraz/assets/scss/invenio_tugraz_theme/footer.scss b/invenio_theme_tugraz/assets/scss/invenio_tugraz_theme/footer.scss new file mode 100644 index 0000000..93d1ef9 --- /dev/null +++ b/invenio_theme_tugraz/assets/scss/invenio_tugraz_theme/footer.scss @@ -0,0 +1,28 @@ +/* + * Copyright (C) 2019 TUGRAZ. + * + * invenio-theme-tugraz is free software; you can redistribute it and/or modify it + * under the terms of the MIT License; see LICENSE file for more details. + */ + +#footer { + color: #fff; + + &.footer-bottom { + background-color: #E4154B; + padding-top: 15px; + padding-bottom: 15px; + font-weight: 300; + font-size: 14px; + + a { + text-decoration: none; + color: #ffffffd6; + font-weight: 600; + + &:hover, &:focus { + color: #ffffff; + } + } + } + } diff --git a/invenio_theme_tugraz/assets/scss/invenio_tugraz_theme/header.scss b/invenio_theme_tugraz/assets/scss/invenio_tugraz_theme/header.scss new file mode 100644 index 0000000..fdc6104 --- /dev/null +++ b/invenio_theme_tugraz/assets/scss/invenio_tugraz_theme/header.scss @@ -0,0 +1,285 @@ +/* + * Copyright (C) 2019 TUGRAZ. + * + * invenio-theme-tugraz is free software; you can redistribute it and/or modify it + * under the terms of the MIT License; see LICENSE file for more details. + */ + + #int-menu-q-home-icon { + width: 18px; + height: 18px; + vertical-align: top; + fill: red; + + } + + /*****logo section******/ + .affiliation-spacer{ + display: table-cell; + vertical-align: middle; + width: 100%; + } + + .affiliation-logo { + display: table-cell; + padding: 0 50px 0 0; + vertical-align: middle; + white-space: nowrap; + } + .affiliation { + background-color: white; + display: table; + margin: 0 auto 80px; + max-width: 1060px; + width: 100%; + text-decoration: none; + + } + + .affiliation-text { + display: table-cell; + font-size: 17px; + padding: 0 0 0 50px; + vertical-align: middle; + white-space: nowrap; + } + + .affiliation-logo-claim { + display: inline-block; + font-size: 12px; + letter-spacing: 2px; + line-height: 17px; + padding: 0 17px 0 0; + text-align: right; + vertical-align: top; + } + + a { + color: inherit; + text-decoration: none; + transition: background-color 0.15s ease 0s, color 0.15s ease 0s; + } + /*****END logo section******/ + + + + .short-menu { + display: table; + height: 49px; + width: 100%; + } + .short-menu-left { + border-right: 1px solid black; + display: table-cell; + text-align: right; + width: 50%; + } + .short-menu-right { + display: table-cell; + vertical-align: top; + width: 50%; + color:#000000; + } + .short-menu-left-search { + display: inline-block; + margin: 12px 9px 6px 0; + color:#000000; + } + .short-menu-right-h { + cursor: pointer; + display: inline-block; + margin: 12px 0 6px 9px; + padding: 5px; + } + + .short-menu-right-main-menu { + display: inline-block; + margin-right: 3px; + vertical-align: top; + width: 21px; + } + svg:not(:root) { + overflow: hidden; + } + + + + /***********MAIN menu*************/ + .header { + min-width: 0; + position: relative; + width: 100%; + } + + .main-menu-box { + box-sizing: border-box; + display: table; + margin: 0 auto; + max-width: 1060px; + padding: 9px 50px 8px; + text-align: left; + width: 100%; + } + + .main-menu-entry { + display: table-cell; + text-align: center; + } + .main-menu-entry a { + box-decoration-break: clone; + padding: 5px 8px; + } + + .main-menu-entry a:hover{ + background-color: #000000; + color: #ffffff; + text-decoration: none; + } + + .affiliation-text a:hover{ + background-color: #000000; + color: #ffffff; + text-decoration : none; + } + + .affiliation-logo :hover{ + text-decoration: none; + } + + .short-menu-right :hover{ + background-color: #000000; + color: #ffffff; + } + + .main-menu { + border-bottom: 1px solid #000; + box-sizing: border-box; + height: 39px; + margin-top: -1px; + overflow: hidden; + transition: height 0.3s linear 0s; + } + + @media (max-width: 767.9px){ + .main-menu { + height: auto; + } + } + + @media (max-width: 767.9px){ + .main-menu-entry { + display: table-row; + + line-height: 1.9em; + } + } + + @media screen and (max-width: 767.9px){ + #int-header-logo-img { + width: 200px; + height: 75px; + } + } + + @media screen and (max-width: 767.9px){ + #int-header-logo { + padding: 50px 0; + text-align: center; + }} + + @media screen and (max-width: 767.9px){ + .affiliation{ + margin: 0; + text-align: center; + + } + .affiliation-text{ + display: none; + } + .affiliation-logo-claim{ + display: none; + } + + .affiliation-spacer{ + display: none; + } + + } + + @media (max-width: 767.9px){ + .main-menu-box { + margin-top:15px; + width: 100%; + text-align: center; + } + } + + .int-menu-q-open-icon { + width: 14px; + vertical-align: middle; + margin-left: 5px; + } + + /*********************Custom overrides**********************/ + /** Login with SAML**/ + .col a{ + cursor: pointer; + } + + /**** hyperlink hover color ****/ + a:focus, + a:hover { + color:#E4154B; + text-decoration:underline + } + +/*CUSTOM*********************/ +/* On hover color changed +* from #0377cd +* to #E4154B +*/ +.section-content-white-bg a:hover, +.section-content-white-bg a:focus, +.section-content-light-bg a:hover, +.section-content-light-bg a:focus, +.hp-blog-section a:hover, +.hp-blog-section a:focus { + color: #E4154B; +} + +/* +* Logos background frontpage. +* from rgba(173, 206, 224, 0.52) +* to #ffffff +*/ +.section-content-light-bg { + background-color: #ffffff; +} + + /* +* section title. +* from #0377cd +* to #000000 +*/ +.section-title { +color: #000000; +} + +/*** +login background color +from : rgba(13,95,137,.8) +To #ffffff +*/ +.cover-page { + //text-align: center; + background-color: #ffffff; +} + +/*** +login & sigup page title +from : #0377cd +To #000000 +*/ +.panel-free-title { + color: #000000; +} diff --git a/invenio_theme_tugraz/assets/scss/invenio_tugraz_theme/search/footer.scss b/invenio_theme_tugraz/assets/scss/invenio_tugraz_theme/search/footer.scss new file mode 100644 index 0000000..e726a0f --- /dev/null +++ b/invenio_theme_tugraz/assets/scss/invenio_tugraz_theme/search/footer.scss @@ -0,0 +1,29 @@ +/* + * Copyright (C) 2019 TUGRAZ. + * + * invenio-theme-tugraz is free software; you can redistribute it and/or modify it + * under the terms of the MIT License; see LICENSE file for more details. + */ + +#footer { + color: #fff; + + &.footer-bottom { + background-color: #E4154B; + padding-top: 15px; + padding-bottom: 15px; + font-weight: 300; + font-size: 14px; + + a { + text-decoration: none; + color: #ffffffd6; + font-weight: 600; + + &:hover, &:focus { + color: #ffffff; + } + } + } + + } diff --git a/invenio_theme_tugraz/assets/scss/invenio_tugraz_theme/search/theme.scss b/invenio_theme_tugraz/assets/scss/invenio_tugraz_theme/search/theme.scss new file mode 100644 index 0000000..4d3ad71 --- /dev/null +++ b/invenio_theme_tugraz/assets/scss/invenio_tugraz_theme/search/theme.scss @@ -0,0 +1,11 @@ +/* + * Copyright (C) 2019 TUGRAZ. + * + * invenio-theme-tugraz is free software; you can redistribute it and/or modify it + * under the terms of the MIT License; see LICENSE file for more details. + */ + + +@import "variables"; +@import "../../invenio_app_rdm/search/theme"; +@import "footer" diff --git a/invenio_theme_tugraz/assets/scss/invenio_tugraz_theme/search/variables.scss b/invenio_theme_tugraz/assets/scss/invenio_tugraz_theme/search/variables.scss new file mode 100644 index 0000000..0c8e1c8 --- /dev/null +++ b/invenio_theme_tugraz/assets/scss/invenio_tugraz_theme/search/variables.scss @@ -0,0 +1,12 @@ +/* + * Copyright (C) 2019 TUGRAZ. + * + * invenio-theme-tugraz is free software; you can redistribute it and/or modify it + * under the terms of the MIT License; see LICENSE file for more details. + */ + + /* + * Override the background color and image. + */ + $navbar_background_image: unset; + $navbar_background_color: #ffffff; diff --git a/invenio_theme_tugraz/assets/scss/invenio_tugraz_theme/theme.scss b/invenio_theme_tugraz/assets/scss/invenio_tugraz_theme/theme.scss new file mode 100644 index 0000000..c7060b7 --- /dev/null +++ b/invenio_theme_tugraz/assets/scss/invenio_tugraz_theme/theme.scss @@ -0,0 +1,11 @@ +/* + * Copyright (C) 2019 TUGRAZ. + * + * invenio-theme-tugraz is free software; you can redistribute it and/or modify it + * under the terms of the MIT License; see LICENSE file for more details. + */ + +@import "variables"; +@import "../invenio_app_rdm/theme"; +@import "header"; +@import "footer"; diff --git a/invenio_theme_tugraz/assets/scss/invenio_tugraz_theme/variables.scss b/invenio_theme_tugraz/assets/scss/invenio_tugraz_theme/variables.scss new file mode 100644 index 0000000..3b6ee8a --- /dev/null +++ b/invenio_theme_tugraz/assets/scss/invenio_tugraz_theme/variables.scss @@ -0,0 +1,10 @@ +/* + * Copyright (C) 2019 TUGRAZ. + * + * invenio-theme-tugraz is free software; you can redistribute it and/or modify it + * under the terms of the MIT License; see LICENSE file for more details. + */ + + $navbar_background_image: unset; + $navbar_background_color: #ffffff; + diff --git a/invenio_theme_tugraz/config.py b/invenio_theme_tugraz/config.py index 96f30e3..fef5936 100644 --- a/invenio_theme_tugraz/config.py +++ b/invenio_theme_tugraz/config.py @@ -16,3 +16,37 @@ INVENIO_THEME_TUGRAZ_DEFAULT_VALUE = 'foobar' INVENIO_THEME_TUGRAZ_BASE_TEMPLATE = 'invenio_theme_tugraz/base.html' """Default base template for the demo page.""" + + +# Theme Logo +THEME_LOGO="images/tug_logo.png" + +# Instance's theme entrypoint file. Path relative to the ``assets/`` folder. +INSTANCE_THEME_FILE = './scss/invenio_tugraz_theme/theme.scss' + +# Instance's search theme entrypoint file. Path under `assets` folder. +INSTANCE_SEARCH_THEME_FILE = './scss/invenio_tugraz_theme/search/theme.scss' + +# Custom header.html +THEME_HEADER_TEMPLATE = 'invenio_theme_tugraz/header.html' + +# override frontpage.html +THEME_FRONTPAGE_TEMPLATE = 'invenio_theme_tugraz/frontpage.html' + +# Login page +SECURITY_LOGIN_USER_TEMPLATE = 'invenio_theme_tugraz/accounts/login.html' + +# uncomment this to use the login with Tugraz @ login.html +#SHIBBOLETH_ISACTIVE = 'False' + +# icon used in login page +TUG_ICON = "images/icon_use.png" + +# Frontpage title +THEME_FRONTPAGE_TITLE = "RDM for TUGRAZ" + +# Mail server +#MAIL_SERVER='129.27.11.182' +#SECURITY_EMAIL_SENDER = "info@invenio-test.tugraz.at" +#SECURITY_EMAIL_SUBJECT_REGISTER = "Welcome to RDM!" +#MAIL_SUPPRESS_SEND = False diff --git a/invenio_theme_tugraz/static/images/icon_use.png b/invenio_theme_tugraz/static/images/icon_use.png new file mode 100644 index 0000000..d133488 Binary files /dev/null and b/invenio_theme_tugraz/static/images/icon_use.png differ diff --git a/invenio_theme_tugraz/static/images/logo.svg b/invenio_theme_tugraz/static/images/logo.svg new file mode 100644 index 0000000..89b5ca6 --- /dev/null +++ b/invenio_theme_tugraz/static/images/logo.svg @@ -0,0 +1,972 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/invenio_theme_tugraz/static/images/tug_logo.png b/invenio_theme_tugraz/static/images/tug_logo.png new file mode 100644 index 0000000..607d22f Binary files /dev/null and b/invenio_theme_tugraz/static/images/tug_logo.png differ diff --git a/invenio_theme_tugraz/templates/invenio_theme_tugraz/accounts/login.html b/invenio_theme_tugraz/templates/invenio_theme_tugraz/accounts/login.html new file mode 100644 index 0000000..9f92a2f --- /dev/null +++ b/invenio_theme_tugraz/templates/invenio_theme_tugraz/accounts/login.html @@ -0,0 +1,71 @@ +{# + Copyright (C) 2020 mojib wali. + + invenio-theme-tugraz is free software; you can redistribute it and/or + modify it under the terms of the MIT License; see LICENSE file for more + details. +#} + + {%- extends config.ACCOUNTS_COVER_TEMPLATE %} + + {% from "invenio_accounts/_macros.html" import render_field, form_errors %} + + {% block panel %} +
+
+
+ + {%- block form_header %} +

{{_('Log in to account') }}

+ + + {%- if config.SHIBBOLETH_ISACTIVE %} +
+ + + + + + {% trans type='TUGRAZ' %} Log in with {{ type }}{% endtrans %} + +
+ +

— OR —

+ + {%- endif %} + + + + + {%- endblock form_header %} + {%- block form_outer %} + {%- with form = login_user_form %} +
+ {{form.hidden_tag()}} + {{form_errors(form)}} + {{ render_field(form.email, icon="fa fa-user", autofocus=True, errormsg=False) }} + {{ render_field(form.password, icon="fa fa-lock", errormsg=False) }} + +
+ {%- endwith %} + {%- endblock form_outer %} +
+ + {%- block registerable %} + {%- if security.registerable %} +
+

{% trans sitename=config.ACCOUNTS_SITENAME %}New to {{sitename}}?{% endtrans %} {{_('Sign Up')}}

+
+ {%- endif %} + {%- endblock %} +
+ + +
+ {{_('Forgot password?')}} + +
+ +
+ {% endblock panel %} diff --git a/invenio_theme_tugraz/templates/invenio_theme_tugraz/frontpage.html b/invenio_theme_tugraz/templates/invenio_theme_tugraz/frontpage.html new file mode 100644 index 0000000..78d9504 --- /dev/null +++ b/invenio_theme_tugraz/templates/invenio_theme_tugraz/frontpage.html @@ -0,0 +1,64 @@ +{# + Copyright (C) 2020 mojib wali. + + invenio-theme-tugraz is free software; you can redistribute it and/or + modify it under the terms of the MIT License; see LICENSE file for more + details. +#} + + {%- extends "invenio_theme/frontpage.html" %} + + {%- block page_header %} + {%- include "invenio_theme_tugraz/header_frontpage.html" %} + {%- endblock page_header %} + + + + {%- block head_links %} + {{ super() }} + + {%- endblock head_links %} + + + {%- block page_body %} + + +
+
+ Brought to you by +
+
+ + + + +
+
+
+
+ + + + +
+
+
+
+ + + + +
+
+
+
+ + + + +
+
+
+
+ + {%- endblock %} diff --git a/invenio_theme_tugraz/templates/invenio_theme_tugraz/header.html b/invenio_theme_tugraz/templates/invenio_theme_tugraz/header.html new file mode 100644 index 0000000..a133da2 --- /dev/null +++ b/invenio_theme_tugraz/templates/invenio_theme_tugraz/header.html @@ -0,0 +1,293 @@ +{# + Copyright (C) 2020 mojib wali. + + invenio-theme-tugraz is free software; you can redistribute it and/or + modify it under the terms of the MIT License; see LICENSE file for more + details. +#} + + +
+ + {%- block navbar %} + + + + + + +
diff --git a/invenio_theme_tugraz/templates/invenio_theme_tugraz/header_frontpage.html b/invenio_theme_tugraz/templates/invenio_theme_tugraz/header_frontpage.html new file mode 100644 index 0000000..5afb972 --- /dev/null +++ b/invenio_theme_tugraz/templates/invenio_theme_tugraz/header_frontpage.html @@ -0,0 +1,43 @@ +{# + Copyright (C) 2020 mojib wali. + + invenio-theme-tugraz is free software; you can redistribute it and/or + modify it under the terms of the MIT License; see LICENSE file for more + details. +#} + + {%- extends config.THEME_HEADER_TEMPLATE %} + + {#- Remove search field from top bar on frontpage #} + {%- block navbar_search %}{% endblock %} + + {%- block navbar_inner %} + {{super()}} + {%- block frontpage_search %} +
+
+ + + + {%- block frontpage_form %} +
+
+
+ +
+ +
+
+
+
+ {%- endblock frontpage_form %} +
+
+ {%- endblock frontpage_search %} + {% endblock %} diff --git a/invenio_theme_tugraz/webpack.py b/invenio_theme_tugraz/webpack.py new file mode 100644 index 0000000..73169e5 --- /dev/null +++ b/invenio_theme_tugraz/webpack.py @@ -0,0 +1,28 @@ +# -*- coding: utf-8 -*- +# +# Copyright (C) 2020 TUGRAZ. +# +# invenio-theme-tugraz is free software; you can redistribute it and/or modify it +# under the terms of the MIT License; see LICENSE file for more details. + +"""JS/CSS Webpack bundles for theme.""" + +from flask_webpackext import WebpackBundle +from flask import current_app + +def theme(): + """Returns module's webpack bundle. + This is a callable function in order to lazy load `current_app` + and avoid working outside application context. + """ + return WebpackBundle( + __name__, + 'assets', + entry={ + # TODO: + #'invenio-theme-tugraz-js': './js/invenio_tugraz_theme/tugraz.js', + }, + dependencies={ + 'jquery': '3.1.0' + } + ) diff --git a/run-tests.sh b/run-tests.sh index cd0619c..fcbea71 100755 --- a/run-tests.sh +++ b/run-tests.sh @@ -10,5 +10,5 @@ pydocstyle invenio_theme_tugraz tests docs && \ isort -rc -c -df && \ check-manifest --ignore ".travis-*" && \ -sphinx-build -qnNW docs docs/_build/html && \ +#sphinx-build -qnNW docs docs/_build/html && \ python setup.py test diff --git a/setup.py b/setup.py index 8e17d3d..d6c659d 100644 --- a/setup.py +++ b/setup.py @@ -78,6 +78,13 @@ setup( 'invenio_i18n.translations': [ 'messages = invenio_theme_tugraz', ], + 'invenio_assets.webpack': [ + 'invenio_theme_tugraz = invenio_theme_tugraz.webpack:theme', + ], + 'invenio_config.module': [ + 'invenio_theme_tugraz = invenio_theme_tugraz.config', + ], + # TODO: Edit these entry points to fit your needs. # 'invenio_access.actions': [], # 'invenio_admin.actions': [],