Customize welcome page of ipython notebook

css, html, ipython, jupyter-notebook

Solution

You can change the banner logo or replace it with a text using your custom.css.

Custom Title

To simply change the text add the following lines

#ipython_notebook::before{content:"Welcome to my notebook"}
#ipython_notebook img{display:none;}

Of course some additional styling may be necessary.

Custom Banner Logo

To change the banner logo, prepare a logo and safe it e.g. in ~/.ipython/profile_default/static/custom/logo.png. The add the following to your custom.css

#ipython_notebook img{
display:block;
background: url(/static/custom/logo.png) no-repeat;
width: 233px;
height: 33px;
padding-left: 233px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

With the later (and some additional CSS coloring) my dashboard looks like :)

I got most information from this recent mailing list treat, and the necessary CSS from here. This set of "hacking" notebooks might also be of interest.

Problem

Can I customize the landing page of an iPython notebook server (version 2.3)? I mean that, at the starting page (something like: `http://localhost:8888/tree`), I'd like to display Welcome to the i[Py] Notebook of John Doe or modify the existing banner.. Is this possible?

Original source