Giter VIP home page Giter VIP logo

fiji.github.io's Introduction

This is the repository for the Fiji website. It's a simple front-facing website that lists basic information about Fiji, and directs users to more information if they need it. In addition, it has an archive of older bug information, kept for posterity. It is built with Bootstrap 4, jQuery, Font Awesome, and a few other open-source web libraries.

Like Fiji itself, this website is built by the Fiji community, and is continuously improved by contributors all around the world. With that in mind, all forks and PRs are welcome!

Development Setup

Setting up the website and developing on it is quite simple - all any developer needs is terminal access and a text editor!

First, clone (and fork, if needed) the repository:

$ git clone https://github.com/fiji/fiji.github.io.git
$ cd fiji.github.io

Then, we have to serve the directory with a HTTP server. This is because the plugins pane is generated with data from plugins.json, which the website gets via an http request. Luckily, there are many ways to start a quick webserver - here is one example with python.

$ python -m SimpleHTTPServer
Serving HTTP on 0.0.0.0 port 8000 ...

And voila, everything should be done! Visit whatever port the HTTP server is opened on (this tends to be http://localhost:8000/ by default).

Adding A Plugin

Want to feature a plugin on the Fiji website? Great! All you need to do is submit a PR editing the plugins.json file, and optionally uploading a picture.

In plugins.json, there is one JSON object titled plugins, which is an array of (anonymous) plugin objects. To properly create a plugin object, it needs three mandatory (and one optional) parameters:

  • name: the name of the plugin. It's alright if it has spaces or other non-URL friendly characters - it's internally slugified when referenced.
  • description: a brief (one or two line) description of the plugin.
  • link: a link to the ImageJ wiki entry for the plugin, or another informational website if not available.
  • imgUrl: an (optional) URL to an image that showcases the plugin.
    • The image can either be a relative path (to an image that already exists in this repo, like site/img/plugins/...), or an external link to some other resource. However, we prefer that you upload your own image to the repository when possible.
    • The image can be any standard file type that is supported by the web - however, compressed JPGs and PNGs tend to be the best for page performance.

fiji.github.io's People

Contributors

ctrueden avatar dscho avatar hinerm avatar joshmoore avatar laulauthom avatar mattxwang avatar mutterer avatar

Watchers

 avatar

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.