Commit 74cc98f5 authored by Mickaël Desfrênes's avatar Mickaël Desfrênes
Browse files

Initial commit

parents

LICENSE

0 → 100644
+19 −0
Original line number Diff line number Diff line 
Copyright (C) 2011-2024 Hakim El Hattab, http://hakim.se, and reveal.js contributors



Permission is hereby granted, free of charge, to any person obtaining a copy

of this software and associated documentation files (the "Software"), to deal

in the Software without restriction, including without limitation the rights

to use, copy, modify, merge, publish, distribute, sublicense, and/or sell

copies of the Software, and to permit persons to whom the Software is

furnished to do so, subject to the following conditions:



The above copyright notice and this permission notice shall be included in

all copies or substantial portions of the Software.



THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR

IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,

FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE

AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER

LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,

OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN

THE SOFTWARE.
 
 No newline at end of file

README.md

0 → 100644
+50 −0
Original line number Diff line number Diff line 
<p align="center">

  <a href="https://revealjs.com">

  <img src="https://hakim-static.s3.amazonaws.com/reveal-js/logo/v1/reveal-black-text-sticker.png" alt="reveal.js" width="500">

  </a>

  <br><br>

  <a href="https://github.com/hakimel/reveal.js/actions"><img src="https://github.com/hakimel/reveal.js/workflows/tests/badge.svg"></a>

  <a href="https://slides.com/"><img src="https://s3.amazonaws.com/static.slid.es/images/slides-github-banner-320x40.png?1" alt="Slides" width="160" height="20"></a>

</p>



reveal.js is an open source HTML presentation framework. It enables anyone with a web browser to create beautiful presentations for free. Check out the live demo at [revealjs.com](https://revealjs.com/).



The framework comes with a powerful feature set including [nested slides](https://revealjs.com/vertical-slides/), [Markdown support](https://revealjs.com/markdown/), [Auto-Animate](https://revealjs.com/auto-animate/), [PDF export](https://revealjs.com/pdf-export/), [speaker notes](https://revealjs.com/speaker-view/), [LaTeX typesetting](https://revealjs.com/math/), [syntax highlighted code](https://revealjs.com/code/) and an [extensive API](https://revealjs.com/api/).



---



Want to create reveal.js presentation in a graphical editor? Try <https://slides.com>. It's made by the same people behind reveal.js.



---



### Sponsors

Hakim's open source work is supported by <a href="https://github.com/sponsors/hakimel">GitHub sponsors</a>. Special thanks to:

<div align="center">

  <table>

    <td align="center">

      <a href="https://workos.com/?utm_campaign=github_repo&utm_medium=referral&utm_content=revealjs&utm_source=github">

        <div>

          <img src="https://user-images.githubusercontent.com/629429/151508669-efb4c3b3-8fe3-45eb-8e47-e9510b5f0af1.svg" width="290" alt="WorkOS">

        </div>

        <b>Your app, enterprise-ready.</b>

        <div>

          <sub>Start selling to enterprise customers with just a few lines of code. Add Single Sign-On (and more) in minutes instead of months.</sup>

        </div>

      </a>

    </td>

  </table>

</div>



---



### Getting started

- 🚀 [Install reveal.js](https://revealjs.com/installation)

- 👀 [View the demo presentation](https://revealjs.com/demo)

- 📖 [Read the documentation](https://revealjs.com/markup/)

- 🖌 [Try the visual editor for reveal.js at Slides.com](https://slides.com/)

- 🎬 [Watch the reveal.js video course (paid)](https://revealjs.com/course)



--- 

<div align="center">

  MIT licensed | Copyright © 2011-2024 Hakim El Hattab, https://hakim.se

</div>

css/layout.scss

0 → 100644
+70 −0
Original line number Diff line number Diff line 
/**

 * Layout helpers.

 */



// Stretch an element vertically based on available space

.reveal .stretch,

.reveal .r-stretch {

	max-width: none;

	max-height: none;

}



.reveal pre.stretch code,

.reveal pre.r-stretch code {

	height: 100%;

	max-height: 100%;

	box-sizing: border-box;

}



// Text that auto-fits its container

.reveal .r-fit-text {

	display: inline-block; // https://github.com/rikschennink/fitty#performance

	white-space: nowrap;

}



// Stack multiple elements on top of each other

.reveal .r-stack {

	display: grid;

	grid-template-rows: 100%;

}



.reveal .r-stack > * {

	grid-area: 1/1;

	margin: auto;

}



// Horizontal and vertical stacks

.reveal .r-vstack,

.reveal .r-hstack {

	display: flex;



	img, video {

		min-width: 0;

		min-height: 0;

		object-fit: contain;

	}

}



.reveal .r-vstack {

	flex-direction: column;

	align-items: center;

	justify-content: center;

}



.reveal .r-hstack {

	flex-direction: row;

	align-items: center;

	justify-content: center;

}



// Naming based on tailwindcss

.reveal .items-stretch { align-items: stretch; }

.reveal .items-start { align-items: flex-start; }

.reveal .items-center { align-items: center; }

.reveal .items-end { align-items: flex-end; }



.reveal .justify-between { justify-content: space-between; }

.reveal .justify-around { justify-content: space-around; }

.reveal .justify-start { justify-content: flex-start; }

.reveal .justify-center { justify-content: center; }

.reveal .justify-end { justify-content: flex-end; }

css/print/paper.scss

0 → 100644
+166 −0
Original line number Diff line number Diff line 


@media print {

	html:not(.print-pdf) {

		overflow: visible;

		width: auto;

		height: auto;



		body {

			margin: 0;

			padding: 0;

			overflow: visible;

		}

	}



	html:not(.print-pdf) .reveal {

		background: #fff;

		font-size: 20pt;



		.controls,

		.state-background,

		.progress,

		.backgrounds,

		.slide-number {

			display: none !important;

		}



		p, td, li {

			font-size: 20pt!important;

			color: #000;

		}



		h1,h2,h3,h4,h5,h6 {

			color: #000!important;

			height: auto;

			line-height: normal;

			text-align: left;

			letter-spacing: normal;

		}



		h1 { font-size: 28pt !important; }

		h2 { font-size: 24pt !important; }

		h3 { font-size: 22pt !important; }

		h4 { font-size: 22pt !important; font-variant: small-caps; }

		h5 { font-size: 21pt !important; }

		h6 { font-size: 20pt !important; font-style: italic; }



		a:link,

		a:visited {

			color: #000 !important;

			font-weight: bold;

			text-decoration: underline;

		}



		ul, ol, div, p {

			visibility: visible;

			position: static;

			width: auto;

			height: auto;

			display: block;

			overflow: visible;

			margin: 0;

			text-align: left !important;

		}

		pre,

		table {

			margin-left: 0;

			margin-right: 0;

		}

		pre code {

			padding: 20px;

		}

		blockquote {

			margin: 20px 0;

		}



		.slides {

			position: static !important;

			width: auto !important;

			height: auto !important;



			left: 0 !important;

			top: 0 !important;

			margin-left: 0 !important;

			margin-top: 0 !important;

			padding: 0 !important;

			zoom: 1 !important;

			transform: none !important;



			overflow: visible !important;

			display: block !important;



			text-align: left !important;

			perspective: none;



			perspective-origin: 50% 50%;

		}

		.slides section {

			visibility: visible !important;

			position: static !important;

			width: auto !important;

			height: auto !important;

			display: block !important;

			overflow: visible !important;



			left: 0 !important;

			top: 0 !important;

			margin-left: 0 !important;

			margin-top: 0 !important;

			padding: 60px 20px !important;

			z-index: auto !important;



			opacity: 1 !important;



			page-break-after: always !important;



			transform-style: flat !important;

			transform: none !important;

			transition: none !important;

		}

		.slides section.stack {

			padding: 0 !important;

		}

		.slides section:last-of-type {

			page-break-after: avoid !important;

		}

		.slides section .fragment {

			opacity: 1 !important;

			visibility: visible !important;



			transform: none !important;

		}



		.r-fit-text {

			white-space: normal !important;

		}



		section img {

			display: block;

			margin: 15px 0px;

			background: rgba(255,255,255,1);

			border: 1px solid #666;

			box-shadow: none;

		}



		section small {

			font-size: 0.8em;

		}



		.hljs {

			max-height: 100%;

			white-space: pre-wrap;

			word-wrap: break-word;

			word-break: break-word;

			font-size: 15pt;

		}



		.hljs .hljs-ln-numbers {

			white-space: nowrap;

		}



		.hljs td {

			font-size: inherit !important;

			color: inherit !important;

		}

	}

}

css/print/pdf.scss

0 → 100644
+159 −0
Original line number Diff line number Diff line 
/**

 * This stylesheet is used to print reveal.js

 * presentations to PDF.

 *

 * https://revealjs.com/pdf-export/

 */



html.reveal-print {

	* {

		-webkit-print-color-adjust: exact;

	}



	& {

		width: 100%;

		height: 100%;

		overflow: visible;

	}



	body {

		margin: 0 auto !important;

		border: 0;

		padding: 0;

		float: none !important;

		overflow: visible;

	}



	/* Remove any elements not needed in print. */

	.nestedarrow,

	.reveal .controls,

	.reveal .progress,

	.reveal .playback,

	.reveal.overview,

	.state-background {

		display: none !important;

	}



	.reveal pre code {

		overflow: hidden !important;

	}



	.reveal {

		width: auto !important;

		height: auto !important;

		overflow: hidden !important;

	}

	.reveal .slides {

		position: static;

		width: 100% !important;

		height: auto !important;

		zoom: 1 !important;

		pointer-events: initial;



		left: auto;

		top: auto;

		margin: 0 !important;

		padding: 0 !important;



		overflow: visible;

		display: block;



		perspective: none;

		perspective-origin: 50% 50%;

	}



	.reveal .slides .pdf-page {

		position: relative;

		overflow: hidden;

		z-index: 1;



		page-break-after: always;

	}



	.reveal .slides .pdf-page:last-of-type {

		page-break-after: avoid;

	}



	.reveal .slides section {

		visibility: visible !important;

		display: block !important;

		position: absolute !important;



		margin: 0 !important;

		padding: 0 !important;

		box-sizing: border-box !important;

		min-height: 1px;



		opacity: 1 !important;



		transform-style: flat !important;

		transform: none !important;

	}



	.reveal section.stack {

		position: relative !important;

		margin: 0 !important;

		padding: 0 !important;

		page-break-after: avoid !important;

		height: auto !important;

		min-height: auto !important;

	}



	.reveal img {

		box-shadow: none;

	}



	/* Slide backgrounds are placed inside of their slide when exporting to PDF */

	.reveal .backgrounds {

		display: none;

	}

	.reveal .slide-background {

		display: block !important;

		position: absolute;

		top: 0;

		left: 0;

		width: 100%;

		height: 100%;

		z-index: auto !important;

	}



	/* Display slide speaker notes when 'showNotes' is enabled */

	.reveal.show-notes {

		max-width: none;

		max-height: none;

	}

	.reveal .speaker-notes-pdf {

		display: block;

		width: 100%;

		height: auto;

		max-height: none;

		top: auto;

		right: auto;

		bottom: auto;

		left: auto;

		z-index: 100;

	}



	/* Layout option which makes notes appear on a separate page */

	.reveal .speaker-notes-pdf[data-layout="separate-page"] {

		position: relative;

		color: inherit;

		background-color: transparent;

		padding: 20px;

		page-break-after: always;

		border: 0;

	}



	/* Display slide numbers when 'slideNumber' is enabled */

	.reveal .slide-number-pdf {

		display: block;

		position: absolute;

		font-size: 14px;

		visibility: visible;

	}



	/* This accessibility tool is not useful in PDF and breaks it visually */

	.aria-status {

		display: none;

	}

}