SUNScholar/XMLUI Theme
Jump to navigation
Jump to search
Back to Theme
Contents
Introduction
This page describes the method for customising DSpace using the Manakin (XMLUI) interface with the supplied Mirage themes.
This procedure is much easier to achieve if you build yourself an Ubuntu desktop computer to use first.
PLEASE NOTE:
- The Mirage1 theme is not responsive (automatically sizes web components for mobile devices) but it is lightweight (does not need to load many web components to function) and therefore better suited for situations where internet bandwidth is an issue.
- The Mirage2 theme is responsive, however there is a cost in increased internet bandwidth usage in order to load all the web components required. Some optimisation, eg: minification of css files can be done, but in general more bandwidth is required for the Mirage2 theme.
Requirements
- Use port 80 and 443 as default on the Tomcat Java webapp server.
- Configure chosen UI as the default ROOT Java webapp.
Step 1 - Read the XMLUI theme tutorial
Step 2 - Common Elements
Step 3A - Customise Mirage 1
Step 3B - Customise Mirage 2
Step 4 - Static Customisation
Step 5 - Check the XMLUI theme repositories
Check out the following theme repositories.
- http://web.lib.sun.ac.za/style/sunscholar/theme
- https://wiki.duraspace.org/display/DSPACE/Repository+of+XMLUI+themes
- https://github.com/LongsightGroup/DSpace/tree/longsight-4_x/dspace-xmlui/src/main/webapp/themes
Standards
WWW General
- http://www.w3.org/standards/webarch
- http://www.w3.org/standards/webdesign
- http://www.w3.org/standards/xml
- http://validator.w3.org
- http://jigsaw.w3.org/css-validator
HTML and CSS
Style Frameworks
Styling Resources
- http://getfirebug.com
- http://web.lib.sun.ac.za/books
- https://www.edx.org/course/learn-html5-w3c-w3cx-html5-1x
- http://www.cafeconleche.org/books/xmljava/chapters/index.html
- https://github.com/vhf/free-programming-books/blob/master/free-programming-books.md
- http://www.toptal.com/handbook
- http://restfulwebapis.org
- http://html5please.com
- http://learnlayout.com
- http://www.csstutorial.net
- http://www.echoecho.com/css.htm
- http://htmldog.com
- http://htmlhelp.com/reference/css
- http://www.fontsquirrel.com
Sample Themes
- https://github.com/hamslaai/Mirage2
- https://github.com/aaronhelton/dag2
- https://github.com/quatroelementos/mirage-gray
- https://github.com/quatroelementos/mirage-blue
- https://github.com/dswalker/alchemy
