README.md

# QIM data repository - web

Web pages for the QIM 3D data repository. The data is placed elsewhere.

Pages use [templates](https://www.w3schools.com/w3css/w3css_templates.asp) from w3schools, in particular the 
[portfolio](https://www.w3schools.com/w3css/tryw3css_templates_portfolio.htm) template.

## Use
When viewing pages on your machine, your browser will probably prevent loading JavaScript code (which is used to inserts sidebar, header and footer). 
Instead of changing your security policy, you can run a local server, e.g. Python’s built-in http server.
1. From the command line, run `python -m http.server` (this is for Python 3.x).
1. In a browser, open [http://localhost:8000/](http://localhost:8000/) and navigate to the pages.

## Content
Some of the helping files are:
* `w3_nature_portfolio_template.html` - This is the original template, placed here for just for reference, so you will probably not need it. 
* `qim_repository_template_all.html` - This is the original w3 template with modified sidebar, header and footer. Also colors. This can be used when making changes to sidebar, header and footer. Can also be used for checking other possibilities given by the template. But probably not updated, so be careful when using.  
* `sidebar.html`, `header.html`, `footer.html` - Files for including sidebar, header and footer. This requires JavaScript from `includeHTML.js`, copied from [w3-html-include](https://www.w3schools.com/howto/howto_html_include.asp).
* `qim_repository_template.html` - This is the template where sidebar, header and footer are included from JavaScript files. I'm not guaranteeing that it's updated.

The main files are:
* `index.html` - Obvious.
* `about.html` - Also prety obvious. Images are placed in about folder.
* `example1.html` - Rather elaborate example, you probably don't want to use this.
* `example2.html` - Simpler, prefered.
* `example3.html` - More images.