https://github.com/andfanilo/webpack-jupyter-theming

Experiment creating a custom.js theme for Jupyter notebook with webpack
https://github.com/andfanilo/webpack-jupyter-theming

animatecss jupyter-notebook webpack

Last synced: 5 days ago
JSON representation

Experiment creating a custom.js theme for Jupyter notebook with webpack

• Host: GitHub
• URL: https://github.com/andfanilo/webpack-jupyter-theming
• Owner: andfanilo
• Created: 2018-07-22T02:26:43.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-07-26T15:56:58.000Z (over 6 years ago)
• Last Synced: 2024-12-21T08:12:29.175Z (about 2 months ago)
• Topics: animatecss, jupyter-notebook, webpack
• Language: Jupyter Notebook
• Size: 168 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Theming Jupyter notebook with Webpack

This is a small experiment of using webpack to bundle external CSS and JS files and libraries into a unique `custom.js` to customize a Jupyter notebook frontend. For now it bundles [animate.css](https://daneden.github.io/animate.css/) and some custom js on the Jupyter JS API to add bounceIn animation to cell creation.

![Demo gif](https://github.com/andfanilo/webpack-jupyter-theming/raw/master/demo.gif "Demo gif")

## Prerequisites :

- conda 3+

- nodejs 8+

- npm 4+

## Install

```

npm install

conda create -n webpack-jupyter-theming python=3

conda activate webpack-jupyter-theming

conda install jupyter

```

## Run

```

npm run build

cp dist/custom.js /.jupyter/custom/

conda activate webpack-jupyter-theming

jupyter notebook

```