Skip to content
Snippets Groups Projects
Select Git revision
  • 519c02828d7b12230564f36cedfcb326d0ed514b
  • master default protected
2 results

web

  • Clone with SSH
  • Clone with HTTPS
    • user avatar
    Updated pages
    RTuxen authored 
    - Added voxel sizes
- Removed background from histograms
- Set ratio similar for all images
- removed axis numbers from plots
- text fixed
    519c0282
    History
    user avatar 519c0282
    History
    Name Last commit Last update
    about
    common
    examples
    pages
    .gitignore
    README.md
    about.html
    example1.html
    example2.html
    example3.html
    favicon.ico
    footer.html
    footer.js
    header.js
    index.html
    qim_repository_template.html
    qim_repository_template_all.html
    sidebar.js
    w3_nature_portfolio_template.html
    README.md

    QIM data repository - web

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

    Live version is here: http://qim.compute.dtu.dk/data-repository/!

    Pages use templates from w3schools, in particular the portfolio template.

    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 a 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.js, header.js, footer.js - JavaScript files for including the sidebar, header and footer. These js files now contain html code, which makes it difficult to modify the content here. So not totally satisfactory. In search of better solutionm, I tried the approach from w3-html-include, but sidebar did not open and close on andriod phone.
    • 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 pretty obvious. Images are placed in about folder.
    • example1.html - Rather elaborate example, you probably don't want to use this.
    • example2.html - Simpler, preferred.
    • example3.html - More images.

    Modifying

    You need basic html, I like to use w3schools/html. And basic css, also covered by w3schools/css. Get familiar with w3.css. Make sure you check your changes in different browsers, and (when live) from different platforms.

    Publishing

    To change the live version, update and add files at /www/sites/qim.compute.dtu.dk/data-repository. For example, in command line, you can use ssh or sftp to connect to server thinlinc.compute.dtu.dk then navigate to /www/sites/qim.compute.dtu.dk/data-repository and transfer files.

    Viewing issues

    When viewing pages on your machine, your browser might 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).
    2. In a browser, open http://localhost:8000/ and navigate to the pages.

    You might also need to force the browser to load fresh content (instead of showing a cached version of the pages). In Crome (on mac), hold down Shift while reloading. Check for your browser.