Customization directory for the EUROISMAR 2019 website on Indico https://www.euroismar2019.org/
Apart from the folders necessary for the customization directory, also include folders for the event CSS and the server config.
Updated for Indico 2.2. Github repo https://github.com/indico/indico
- Implemented responsive customizations to make it nicer for mobiles. (event CSS + templates)
- Removed buttons from top navigation bar on event display pages. (event CSS)
- Record server configs (
speedopt
) for speed optimizations from the HTML5 boilerplate project.
templates/core/events/display/conference/base.html
- template changes needed to add CSS class (resmenu
) to the side menu.event-css/euroismar2019.css
- uploaded to the specific event on the manage/layout page, included here so it is part of the repo. Responsive styles for theresmenu
class need to be at the end of the file.- idea: move the responsive styles to its own stylesheet and load it in the customization folder?
templates/core/footer.html
- template change to add JS at the end of page to attach event to theresmenu
class underouter
CSS id.- also works as a JS include in header, but have other JS that has to be added end of page, so put it all there.
- sitewide CSS - changed background colour of header to EUROISMAR green (CSS in customization directory)
- added extra instructions for abstract submitters for Markdown/LaTeX superscripts and subscripts (submission.html template)
- branded login page to ensure that visitors know they are still on EUROISMAR site (login_page.html template)
- hardcoded error page to return to EUROISMAR homepage instead of Indico category view (error.html)
- added event to track these events via Google Analytics: (footer.html)
- download of sponsorship brochure
- click through to registration form by GDCh/waiting list
- download of abstract book
- Notes:
- has to be in footer since DOM needs to be in place for events to be attached. Normal JS include adds into header.
- (suspected) cannot use extend footer.html due to escaping by Jinja leads to dropping of any <script></script> tags added to footer.html
- hardcoded Indico logos to return to EUROISMAR homepage (header.html template extension)
- Removed Indico in the title since it shows up in title on Google searches (indico_base.html)
- Changed site favicon to EUROISMAR logo (indico_base.html)
- Added viewport meta tag (indico_base.html) - this can in principle now be changed by an extension of the template in {% block extra_meta_tags %}
- Used jQuery to remove "Not scheduled" notice from all pages, mainly for posters. (footer.html)
Based on example from Linux Plumbers Conference.
Originally appears to be a modification of the "compact" or "nicecompact" theme that is built into Indico. Original templates called compact.html
link to search in Indico project for files named "compact.html".
Subsequently changed top of page and CSS to better match rest of EUROISMAR website. A number of colours were hardcoded to work around the conf_layout_params not found
error.
- added templates
templates/core/events/display/better.html
- child template, extendstemplates/core/events/display/conference/base.html
templates/core/events/timetable/display/better.html
- shared by LPC administrators and tweaked
- modified installed versions of two files to add "better" as a theme option.
/opt/indico/.venv/local/lib/python2.7/site-packages/indico/modules/events/themes.yaml
/opt/indico/.venv/lib/python2.7/site-packages/indico/web/static/dist/manifest.json
- as usual touch WGSI file to reload and see changes.
- added rules to event CSS to provide responsive mobile-friendly timetable resizing.
This "feature" is definitely better achieved as a plugin but currently hardcoded.
- no more scss, so scss -> css
- /static/ renamed to /files/
- url path for files to use in templates
"{{ url_for('assets.custom', filename='...') }}"
- quite a lot of changes in
indico_base.html
See https://docs.getindico.io/en/stable/config/settings/#customization
In /opt/indico/etc/indico.conf
Add this line:
CUSTOMIZATION_DIR = '/opt/indico/custom'
Also add this line to give more information on the path to templates for Jinja inheritance:
CUSTOMIZATION_DEBUG = 'True'
The "debug" info is stored in /opt/indico/log/indico.log