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: 3 months 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 (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2018-07-26T15:56:58.000Z (almost 7 years ago)
- Last Synced: 2025-02-13T19:52:03.353Z (5 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.
## 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
```