Giter Club home page Giter Club logo

This is the website and website buider for Pixpipe.io.
At the root of this repository are all the pages generated by the core. The core is in the core folder and generates all the pages except the root index.html (which is static).

How to modify content?

Fork it, edit it, and make a PR.

The main page

The root index.html is just a static page. To modify it, just modify the html code in it.

The other pages

The other pages of the website are generated from markdown content, thus, their HTMLcontent should not be edited.

The folder core/content/ contains one subdirectory for each page to be generated. The name of this directory is (or will be) the url of this page. The folder with a name starting with a underscore will not be processed.

Each page subfolder contains:

  • a data folder, to put images and other assets
  • a config.json to add the template to use (most likely "generic") title, the subtitle and the header image to use
  • a content.md that contains the core of the article, written in markdown

To create a new page, you can copy-paste the _example-page, rename it with the url you want and change the data inside.

The Footer

The footer of the home page is simply part of the index.html file while the footer of the article pages is part of the template in core/templates/. Both look the same and have the same content but they are two different things to update.

Generate the static website

Once a modification is done:

$ cd core
# if not installed, do it:
$ npm install

$ npm run build

This will generate the static files at the root of the project and copy the data subfolders.

pixpipe's Projects

assets icon assets

Logos, images and things like that (no code)

bvh-tree icon bvh-tree

A Bounding Volume Hierarchy implementation using javascript with some intersection methods

cookbook icon cookbook

Learn to use and develop with Pixpipe js

delaunay icon delaunay

Fast Delaunay Triangulation in JavaScript.

edfdecoder icon edfdecoder

European Data Format decoder in Javascript for Browser and Node ( /!\ NOT EDF+ )

mniobjparser icon mniobjparser

Parser of MNI obj file, the CIVET mesh output for brain surface

pixbincodec icon pixbincodec

A encoder/decoder for the PixBin format. Extends further than PixpipeJS native types.

pixpcodecjs icon pixpcodecjs

Coder/decoder for the binary pixp format (in pure JS)

pixpipejs icon pixpipejs

Image and signal processing pipeline in pure Javascript for browsers and Node

pyxbincodec icon pyxbincodec

[WORK IN PROGRESS] A Python codec for the PixBin file format

quickvoxelcore icon quickvoxelcore

Toolkit to display brain volumes (NIfTI, MINC2) with WebGL2, featuring obliques, colormaps, overlay, world coordinates, multiple cameras, etc.

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.