Jupyter/Base16 - Revision history

Admin: /* Installing Base16 IPython Matplotlib */

2017-12-02T13:19:12Z

Installing Base16 IPython Matplotlib

← Older revision		Revision as of 13:19, 2 December 2017
Line 53:		Line 53:

	[[Image:JupyterBase16_after_after.png\|500px]]		[[Image:JupyterBase16_after_after.png\|500px]]

			[[Image:JupyterBase16_after_after2.png\|500px]]

Admin: /* Installing Base16 Jupyter */

2017-12-02T13:17:48Z

Installing Base16 Jupyter

← Older revision		Revision as of 13:17, 2 December 2017
Line 43:		Line 43:

	[[Image:JupyterBase16_after.png\|500px]]		[[Image:JupyterBase16_after.png\|500px]]

			==Installing Base16 IPython Matplotlib==

			To get this looking even better, we need the matplotlib plots to have a style that matches the notebook theme. We can do this using the Base16-IPython-Matplotlib repository.

			Guide: [[Jupyter/Base16mpl]]

			End product:

			[[Image:JupyterBase16_after_after.png\|500px]]

Admin: /* Installing Base16 Jupyter */

2017-12-02T11:38:31Z

Installing Base16 Jupyter

← Older revision		Revision as of 11:38, 2 December 2017
Line 43:		Line 43:

	[[Image:JupyterBase16_after.png\|500px]]		[[Image:JupyterBase16_after.png\|500px]]




			[[Category:Jupyter]]

Admin at 11:37, 2 December 2017

2017-12-02T11:37:28Z

← Older revision		Revision as of 11:37, 2 December 2017
Line 10:		Line 10:

	<pre>		<pre>
	git clone ~~--recurse-submodules~~ https://github.com/charlesreid1/base16-jupyter		git clone https://github.com/charlesreid1/base16-jupyter
	</pre>		</pre>

	~~or, if~~ the ~~repo is already checked out,~~		Create a Jupyter config directory in the default location and start a notebook server:

	<pre>		<pre>
	~~$ cd base16~~-~~jupyter~~		jupyter notebook --generate-config
	~~$ git submodule update~~ --~~remote~~		jupyter notebook
	</pre>		</pre>

	~~==Installing Base16 IPython==~~		Create a Jupyter config directory in a custom location and start a notebook server with that configuration:

	~~Clone repo here: https://github.com/nsonnad/base16-ipython-notebook~~

	~~List of themes here: https://github.com/nsonnad/base16-ipython-notebook/tree/master/ipython-3/output~~

	~~Start by creating~~ a ~~custom~~ Jupyter config directory:

	<pre>		<pre>
	$ jupyter notebook --generate-config		JUPYTER_CONFIG_DIR=~/jupyter_custom jupyter notebook --generate-config
	~~Writing default config to:~~ ~/.jupyter~~/jupyter_notebook_config.py~~		JUPYTER_CONFIG_DIR=~/jupyter_custom jupyter notebook
	~~</pre>~~

	~~Or skip straight to it:~~

	~~<pre>~~
	~~mkdir -p ~/.jupyter/custom~~
	</pre>		</pre>

	~~once per profile, then~~:		Custom CSS should go in <code>custom/custom.css</code>:

	<pre>		<pre>
	~~wget -O ~/.jupyter/custom~~/custom~~.css \~~		mkdir $JUPYTER_CONFIG_DIR/custom
	~~https://raw.githubusercontent.com/nsonnad/base16-ipython-notebook/master/ipython-3/output/base16-bespin-dark.css~~
	</pre>		</pre>

	~~===Bringing the toolbar back===~~		Then copy any of the CSS files into this directory:

	~~The themes get rid~~ of the ~~toolbar; to bring it back~~:

	<pre>		<pre>
	~~vim ~/.~~jupyter/~~custom~~/~~custom~~.css		cd base16-jupyter/
	~~</pre>~~		cp colors/base16-bespin-dark.css $JUPYTER_CONFIG_DIR/custom/.

	~~and comment out the line:~~

	~~<pre>~~
	~~div#maintoolbar, div#header {display: none !important;}~~
	</~~pre>~~

	~~==Using==~~

	~~Start a new notebook using the~~ custom ~~profile:~~

	~~<pre>~~
	~~jupyter notebook~~
	</~~pre>~~

	~~Alternatively, could put all the custom config files in their own directory, then run:~~

	~~<pre>~~
	~~JUPYTER_CONFIG_DIR=~/jupyter_custom jupyter notebook --generate-config~~
	~~JUPYTER_CONFIG_DIR=~/jupyter_custom jupyter notebook~~
	</pre>		</pre>

	It should look like this~~, once you correct the CSS~~:		It should look like this:

	[[Image:JupyterBase16_after.png\|500px]]		[[Image:JupyterBase16_after.png\|500px]]

Admin: /* Installing */

2017-12-02T10:45:50Z

Installing

@@ Line 5: / Line 5: @@
 [[Image:JupyterBase16_Before.png|500px]]
-==Installing==
+==Installing Base16 Jupyter==
 Clone repo here: https://github.com/nsonnad/base16-ipython-notebook

Admin: /* Using */

2017-12-02T10:33:21Z

Using

← Older revision		Revision as of 10:33, 2 December 2017
Line 59:		Line 59:
	JUPYTER_CONFIG_DIR=~/jupyter_custom jupyter notebook		JUPYTER_CONFIG_DIR=~/jupyter_custom jupyter notebook
	</pre>		</pre>

			It should look like this, once you correct the CSS:

			[[Image:JupyterBase16_after.png\|500px]]

Admin: /* Using */

2017-12-02T10:32:11Z

Using

← Older revision		Revision as of 10:32, 2 December 2017
Line 48:		Line 48:

	Start a new notebook using the custom profile:		Start a new notebook using the custom profile:

			<pre>
			jupyter notebook
			</pre>

			Alternatively, could put all the custom config files in their own directory, then run:

			<pre>
			JUPYTER_CONFIG_DIR=~/jupyter_custom jupyter notebook --generate-config
			JUPYTER_CONFIG_DIR=~/jupyter_custom jupyter notebook
			</pre>

Admin: /* Bringing the toolbar back */

2017-12-02T10:18:07Z

Bringing the toolbar back

← Older revision		Revision as of 10:18, 2 December 2017
Line 36:		Line 36:

	<pre>		<pre>
	#vim ~~`ipython locate profile bespin`~~/~~static~~/custom/custom.css		vim ~/.jupyter/custom/custom.css
	</pre>		</pre>

Line 42:		Line 42:

	<pre>		<pre>
	#div#maintoolbar, div#header {display: none !important;}		div#maintoolbar, div#header {display: none !important;}
	</pre>		</pre>

Admin: /* Installing */

2017-12-02T10:17:34Z

Installing

← Older revision		Revision as of 10:17, 2 December 2017
Line 11:		Line 11:
	List of themes here: https://github.com/nsonnad/base16-ipython-notebook/tree/master/ipython-3/output		List of themes here: https://github.com/nsonnad/base16-ipython-notebook/tree/master/ipython-3/output

	Start by creating a custom ~~profile in ipython~~:		Start by creating a custom Jupyter config directory:

	<pre>		<pre>
	~~ipython profile create bespin~~		$ jupyter notebook --generate-config
	</~~pre>~~		Writing default config to: ~/.jupyter/jupyter_notebook_config.py

	~~Now locate the directory containing files for that custom profile:~~

	~~<pre>~~
	~~ipython locate profile bespin~~
	</pre>		</pre>

Line 26:		Line 21:

	<pre>		<pre>
	mkdir -p ~~`ipython locate profile bespin`~~/~~static~~/custom/		mkdir -p ~/.jupyter/custom
	</pre>		</pre>

Line 32:		Line 27:

	<pre>		<pre>
	wget -O ~~`ipython locate profile bespin`~~/~~static~~/custom/custom.css \		wget -O ~/.jupyter/custom/custom.css \
	https://raw.githubusercontent.com/nsonnad/base16-ipython-notebook/master/ipython-3/output/base16-bespin-dark.css		https://raw.githubusercontent.com/nsonnad/base16-ipython-notebook/master/ipython-3/output/base16-bespin-dark.css
	</pre>		</pre>
Line 41:		Line 36:

	<pre>		<pre>
	vim `ipython locate profile bespin`/static/custom/custom.css		#vim `ipython locate profile bespin`/static/custom/custom.css
	</pre>		</pre>

Line 47:		Line 42:

	<pre>		<pre>
	div#maintoolbar, div#header {display: none !important;}		#div#maintoolbar, div#header {display: none !important;}
	</pre>		</pre>

Admin: /* Bringing the toolbar back */

2017-12-02T10:12:43Z

Bringing the toolbar back

← Older revision		Revision as of 10:12, 2 December 2017
Line 49:		Line 49:
	div#maintoolbar, div#header {display: none !important;}		div#maintoolbar, div#header {display: none !important;}
	</pre>		</pre>

			==Using==

			Start a new notebook using the custom profile: