-
-
Notifications
You must be signed in to change notification settings - Fork 416
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
when scroll is selected, no longer hard-wire a height for the scroll area instead, set a class on those elements, that are default-styled in main.less but can be easily overridden by users in their CSS
- Loading branch information
1 parent
f36df37
commit 2dace5f
Showing
6 changed files
with
223 additions
and
9 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,30 @@ | ||
/* this is for styling the overlay | ||
* when using header / footer and backimage | ||
* | ||
* see metadata in notebook | ||
*/ | ||
|
||
#rise-header { | ||
margin: 10px; | ||
left: 10%; | ||
} | ||
|
||
#rise-footer { | ||
margin: 10px; | ||
left: 10%; | ||
} | ||
|
||
#rise-backimage { | ||
opacity: 0.20; | ||
} | ||
|
||
/* TODO: maybe we need to port this to main.css? */ | ||
.reveal img { | ||
max-width: 100%; | ||
} | ||
|
||
/* to regulate the amount of space left to the scrolling area */ | ||
section.rise-scroll { | ||
margin-top: 100px; /* a bit more than should match the header size */ | ||
height: 85vh; /* to leave some space below for the footer */ | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,117 @@ | ||
{ | ||
"cells": [ | ||
{ | ||
"cell_type": "markdown", | ||
"metadata": { | ||
"collapsed": true | ||
}, | ||
"source": [ | ||
"Here we have defined `header`, `footer` and `backimage` - [see also the customization doc](http://rise.readthedocs.io/en/latest/customize.html).\n", | ||
"\n", | ||
"See [this other notebook](overlay.ipynb) for a short description of how to use `overlay` instead.\n", | ||
"\n", | ||
"This is a variant of the header-footer notebook, with `scroll` enabled" | ||
] | ||
}, | ||
{ | ||
"cell_type": "markdown", | ||
"metadata": { | ||
"slideshow": { | ||
"slide_type": "slide" | ||
} | ||
}, | ||
"source": [ | ||
"# Slide 1\n", | ||
"\n", | ||
"* some regular slide\n", | ||
"* the content fits the page" | ||
] | ||
}, | ||
{ | ||
"cell_type": "markdown", | ||
"metadata": { | ||
"collapsed": true, | ||
"slideshow": { | ||
"slide_type": "slide" | ||
} | ||
}, | ||
"source": [ | ||
"# Slide 2\n", | ||
"\n", | ||
"* see `header-footer-scroll.css` to see how to tweak the available space\n", | ||
"* now for a slide that has a large (high) content\n", | ||
"* we create a slide\n", | ||
"* with a rather extensive height\n", | ||
"* so as to see \n", | ||
"* if we can use `\"scroll\": true` in our settings\n", | ||
"* and check that the footer\n", | ||
"* does not overlap the contents\n", | ||
"* that should scroll within the available space\n", | ||
"* between header and footer\n", | ||
"* and again\n", | ||
"* we create a slide\n", | ||
"* with a rather extensive height\n", | ||
"* so as to see \n", | ||
"* if we can use `\"scroll\": true` in our settings\n", | ||
"* and check that the footer\n", | ||
"* does not overlap the contents\n", | ||
"* that should scroll within the available space\n", | ||
"* between header and footer\n", | ||
"* and a 3rd time\n", | ||
"* we create a slide\n", | ||
"* with a rather extensive height\n", | ||
"* so as to see \n", | ||
"* if we can use `\"scroll\": true` in our settings\n", | ||
"* and check that the footer\n", | ||
"* does not overlap the contents\n", | ||
"* that should scroll within the available space\n", | ||
"* between header and footer\n" | ||
] | ||
} | ||
], | ||
"metadata": { | ||
"celltoolbar": "Slideshow", | ||
"jupytext": { | ||
"formats": "ipynb" | ||
}, | ||
"kernelspec": { | ||
"display_name": "Python 3 (ipykernel)", | ||
"language": "python", | ||
"name": "python3" | ||
}, | ||
"language_info": { | ||
"codemirror_mode": { | ||
"name": "ipython", | ||
"version": 3 | ||
}, | ||
"file_extension": ".py", | ||
"mimetype": "text/x-python", | ||
"name": "python", | ||
"nbconvert_exporter": "python", | ||
"pygments_lexer": "ipython3", | ||
"version": "3.9.7" | ||
}, | ||
"rise": { | ||
"autolaunch": true, | ||
"backimage": "mybackimage.png", | ||
"footer": "<h3>world</h3>", | ||
"header": "<h1>Hello</h1>", | ||
"scroll": true | ||
}, | ||
"toc": { | ||
"base_numbering": 1, | ||
"nav_menu": {}, | ||
"number_sections": false, | ||
"sideBar": true, | ||
"skip_h1_title": false, | ||
"title_cell": "Table of Contents", | ||
"title_sidebar": "Contents", | ||
"toc_cell": false, | ||
"toc_position": {}, | ||
"toc_section_display": true, | ||
"toc_window_display": false | ||
} | ||
}, | ||
"nbformat": 4, | ||
"nbformat_minor": 2 | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters