editWebsite
As an open source community, all source codes of this website are accessible through the repository. There are two braches: one is the master branch which hosts the developing codes for the next release of ICIQ website and some templates; the other one is the hg-pages branch which hosts the current website source codes. We use HTML kickstart as the template for our website. You can find the terminologies and instructions for editing the source codes on the HTML Kickstart website.
You can edit the source codes either through a version-control software (currently we use Git) or GitHub online editor. (DO NOT EDIT HTML/CSS/JS if you are not sure what you are doing.)
(Brackets is a nice front-end editor.)
Directory structure of this repo:
root direction is used for webpages shown or basic elements on the frontpage (home, observe, entangle...).
images folder is for all pictures.
mindmaps folder is for mindmaps.
css and js are style and javescript codes for decorating the website.
Entangle folder hosts all subpages linked in entangle.html page. Observe folder may be set up if there are linked subpages on the observe.html page. template is where the template page files are stored. Only the html file is needed for creating a new page (see the next part).
We also created a template folder for the templates used in these webpages. Pages added should use the templates. Simply copy all files in template folder and paste them in the folder in use. Now that you have that template, several things need to be done.
- Change the page title ("PageTitleHere").
<title>PageTitleHere | ICIQ - Information, Computation, Intelligence and Quantum</title> - Change description or meta data if you like.
- Add links to menu if this is a top level page. (if you want to create a top level page, it is better to discuss with ICIQ developers through issue discussion. All pages may need modifications if top level pages are added.) In the menu part,
class="current"means the associated menu button will be highlighted on that page. Move current highlight to a proper menu depending on what submenu you are working on. - Add contents to pages. Use the snippets in template.html and HTML KickStart.
Source code comments are shown in template.html. Read the comments first before creating a new page.