Giter VIP home page Giter VIP logo

html4scientists's Introduction

HTML4Scientists

A html framework for scientists who is not so familiar with the most recent html techniques.

A demo site

Who is using this framework

A collection is here: Who is using it

How to use

This template is designed to have the following features:

  1. All pages load same css and js files in head tag, unless other pointed out specifically.
  2. CSS/JS that is only used in that page is loaded in body tag unless it's not working.
  3. All pages have the same footer which is configured in config/footer.json file.
  4. Publication list can be automatically generated from config/publications.bib file by default or from an inline bib code (check template/publication/publication.html for example)

General web pages

Use the template.html in template folder to create your own page general page template. Then copy the menu and footer code into every other pages.

Things to change

  • Favicon (You can keep mime if you want. The defaul is a Omega + Lambda, which indicates one of the most interesting topic in physics.)
  • All the codes with []
  • Check the links
  • Sync the menu and footer codes between pages
  • Google Analytics tracking code just before the closing of body tag. Should add your own in everypage unless you don't want to track.

Refer to HTML Kickstart for more instructions about the built-in elements.

Publication list

Publication list is one of the most useful features in this template. You can find the following two files in template/publication folder.

  1. publication.html
  2. publication-fromfile.html

The first one is the template for rendering inhtml bib contents. Add your bib contents in the html where we marked explicitly with ascii art.

publication-fromfile.html is a template for loading your publications.bib file with js and generate a publication table just like the other one. The good thing about using a different publications.bib file for your records is that you do not need to modify the html to add more publications. However, the draw backs of this is that the publication list can't be shown in a browser without js support (which is really rare these days).

Refer to bib publication list for more information.

Licenses

HTML4Scientists is licensed under MIT license. This framework is built with HTML KickStart (Joshua Gatcke http://www.99lime.com | HTML KickStart) which is also released under MIT Open Source license.

html4scientists's People

Contributors

emptymalei avatar

Stargazers

Dan Hively avatar  avatar Andrew Tolmie avatar 萌狸 avatar  avatar  avatar Xiaodong Qi avatar 帝归 avatar

Watchers

Kainy Guo avatar  avatar James Cloos avatar  avatar zhu jianjiang avatar 萌狸 avatar  avatar

Forkers

i4saken

html4scientists's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.