Difference between revisions of "SUNScholar/XMLUI Theme"
Jump to navigation
Jump to search
m (→CSS and HTML) |
m (→CSS and HTML) |
||
| Line 36: | Line 36: | ||
* http://jigsaw.w3.org/css-validator | * http://jigsaw.w3.org/css-validator | ||
| − | ====CSS | + | ====HTML and CSS==== |
| + | *http://www.w3schools.com/html | ||
*http://www.w3schools.com/css | *http://www.w3schools.com/css | ||
| + | *http://html-color-codes.info | ||
| + | ====Style Frameworks=== | ||
*http://getbootstrap.com | *http://getbootstrap.com | ||
| − | |||
===Programming Resources=== | ===Programming Resources=== | ||
Revision as of 15:36, 9 January 2015
Back to Theme
Contents
- 1 Introduction
- 2 Please note:
- 3 Requirements
- 4 Step 1 - Read the XMLUI theme tutorial
- 5 Step 2A - Customise Mirage 1
- 6 Step 2B - Customise Mirage 2
- 7 Step 3 - Static customisation
- 8 Step 4 - Check the XMLUI theme repositories
- 9 Standards
- 10 =Style Frameworks
- 11 Programming Resources
- 12 Screenshots
- 13 Comment
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 2A - Customise Mirage 1
Step 2B - Customise Mirage 2
Step 3 - Static customisation
Step 4 - 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
Programming Resources
Below are links to programming resources for XML, Java, HTML and CSS.
- http://web.lib.sun.ac.za/books
- 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
Screenshots
Below are screenshots comparing the themes.
Mirage 2 / DSpace 5.0 (In beta development)
Mirage 1 / DSpace 4.2 (In production)
Mirage 1 / DSpace 3.2 (Upgraded to 4.2 above)
Comment
