<commit_before>---
---

/* 
   This code is inspired by DZ-slides.
   <https://github.com/paulrouget/dzslides/>
*/

html.slideshow {
    &, &.view body { 
	background-color: black;
	counter-reset: slideidx;
    }
    body, &.view section { background-color: white; border-radius: 12px }
    section, &.view head > title {
	/*    font-size: 25px;*/
    }

    
    /* Transition effect */
    /* Feel free to change the transition effect for original
   animations. See here:
   https://developer.mozilla.org/en/CSS/CSS_transitions
   How to use CSS3 Transitions: */
    section {
	-moz-transition: left 400ms linear 0s;
	-webkit-transition: left 400ms linear 0s;
	-ms-transition: left 400ms linear 0s;
	transition: left 400ms linear 0s;
    }

    /* Before */
    section { left: -150%; }
    /* Now */
    section[aria-selected] { 
	left: 0;
	cursor: url(../assets/laser.cur) 8 8, url(../assets/laser.png) 8 8, default;
    }
    /* After */
    section[aria-selected] ~ section { left: +150%; }

    /* Incremental elements */

    /* By default, visible */
    .incremental > * { opacity: 1; }

    /* The current item */
    .incremental > *[aria-selected] { opacity: 1; }

    /* The items to-be-selected */
    .incremental > *[aria-selected] ~ * { opacity: 0; }

    /* The progressbar, at the bottom of the slides, show the global
   progress of the presentation. */
    #progress-bar {
	height: 4px;
	background: #F00;
	opacity: 0.5;
	left: 0;
    }

    &.view{
	section:after {
	    counter-increment: slideidx;
	    content: counter(slideidx, decimal-leading-zero);
	    position: absolute; bottom: -80px; right: 100px;
	    color: white;
	}
	section {
	    -moz-transition: none;
	    -webkit-transition: none;
	    -ms-transition: none;
	    transition: none;
	}

	section[aria-selected] {
	    border: 5px red solid;
	}

	head > title {
	    color: white;
	    text-align: center;
	    margin: 1em 0 1em 0;
	}
    }

    .title-slide > div {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
    }
    .title-slide h1 {
	position: absolute;
	width: 100%;
	top: 40%;
	margin: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
    }
    .subtitle {
	display: block;
	color: black;
	margin: 2%;
	text-align: center;
    }
    #slides-license { 
	text-align: center;
	position: absolute;
	width: 100%;
	bottom: 10px;
	line-height: 1.1;
	small {
	    display: inline-block;
	    font-size: 50%; 
	}
	sup { vertical-align: 20%; }
    }

    h1 {
	margin: 1% 2% 1% 2%;
	text-align: center;
	font-size: 80px;
    }
    h2:before { content: ''; }
    h2 {
	font-size: 2em;
	margin: 2% 1% 2% 8%;
    }
    h3, h4, h5, h6, p, pre { margin: 1% 4%; }
    ul, ol, dl { margin: 2% 4% 2% 8%; }
    li > ul, li > ol, li > dl { margin: 0.5% 4%; }
    li > * { margin-left: 0; }
    dl { margin: 2% 4%; }
    dd { margin-left: 4%; }
    blockquote { margin: 2% 4%; }

    pre { padding: 2px; }
    
    /* Figures are displayed full-page, with the caption
   on top of the image/video */
    figure {
	background-color: black;
	width: 100%;
	height: 100%;
    }
    figure > * {
	position: absolute;
    }
    figure > img, figure > video {
	width: 100%; height: 100%;
    }
    figcaption {<commit_msg>Added class for .content blocks that look like ordinary blocks<commit_after>---
---

/* 
   This code is inspired by DZ-slides.
   <https://github.com/paulrouget/dzslides/>
*/

html.slideshow {
    &, &.view body { 
	background-color: black;
	counter-reset: slideidx;
    }
    body, &.view section { background-color: white; border-radius: 12px }
    section, &.view head > title {
	/*    font-size: 25px;*/
    }

    
    /* Transition effect */
    /* Feel free to change the transition effect for original
   animations. See here:
   https://developer.mozilla.org/en/CSS/CSS_transitions
   How to use CSS3 Transitions: */
    section {
	-moz-transition: left 400ms linear 0s;
	-webkit-transition: left 400ms linear 0s;
	-ms-transition: left 400ms linear 0s;
	transition: left 400ms linear 0s;
    }

    /* Before */
    section { left: -150%; }
    /* Now */
    section[aria-selected] { 
	left: 0;
	cursor: url(../assets/laser.cur) 8 8, url(../assets/laser.png) 8 8, default;
    }
    /* After */
    section[aria-selected] ~ section { left: +150%; }

    /* Incremental elements */

    /* By default, visible */
    .incremental > * { opacity: 1; }

    /* The current item */
    .incremental > *[aria-selected] { opacity: 1; }

    /* The items to-be-selected */
    .incremental > *[aria-selected] ~ * { opacity: 0; }

    /* The progressbar, at the bottom of the slides, show the global
   progress of the presentation. */
    #progress-bar {
	height: 4px;
	background: #F00;
	opacity: 0.5;
	left: 0;
    }

    &.view{
	section:after {
	    counter-increment: slideidx;
	    content: counter(slideidx, decimal-leading-zero);
	    position: absolute; bottom: -80px; right: 100px;
	    color: white;
	}
	section {
	    -moz-transition: none;
	    -webkit-transition: none;
	    -ms-transition: none;
	    transition: none;
	}

	section[aria-selected] {
	    border: 5px red solid;
	}

	head > title {
	    color: white;
	    text-align: center;
	    margin: 1em 0 1em 0;
	}
    }

    .title-slide > div {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
    }
    .title-slide h1 {
	position: absolute;
	width: 100%;
	top: 40%;
	margin: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
    }
    .subtitle {
	display: block;
	color: black;
	margin: 2%;
	text-align: center;
    }
    #slides-license { 
	text-align: center;
	position: absolute;
	width: 100%;
	bottom: 10px;
	line-height: 1.1;
	small {
	    display: inline-block;
	    font-size: 50%; 
	}
	sup { vertical-align: 20%; }
    }

    h1 {
	margin: 1% 2% 1% 2%;
	text-align: center;
	font-size: 80px;
    }
    h2:before { content: ''; }
    h2 {
	font-size: 2em;
	margin: 2% 1% 2% 8%;
    }
    h3, h4, h5, h6, p, pre, .content { margin: 1% 4%; }
    ul, ol, dl { margin: 2% 4% 2% 8%; }
    li > ul, li > ol, li > dl { margin: 0.5% 4%; }
    li > * { margin-left: 0; }
    dl { margin: 2% 4%; }
    dd { margin-left: 4%; }
    blockquote { margin: 2% 4%; }

    pre { padding: 2px; }
    
    /* Figures are displayed full-page, with the caption
   on top of the image/video */
    figure {
	background-color: black;
	width: 100%;
	height: 100%;
    }
    figure > * {
	position: absolute;
    }
    figure > img, figure > video {
	width: 100%; height: 100%;
    }
    figcaption {
{'fraction_non_alphanumeric': 0.15348413541824807, 'fraction_numerical': 0.03916805829664491, 'mean_word_length': 2.3492628368073207, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 31, 'https://': 4, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5809277', 'n_tokens_mistral': 2666, 'n_tokens_neox': 2347, 'n_words': 658}