mirror/reveal.js
1
0
Fork 0
mirror of https://github.com/hakimel/reveal.js.git synced 2025-08-13 18:14:33 +02:00
Code Issues Releases Wiki Activity

fix and format examples decks

Browse Source
This commit is contained in:
Hakim El Hattab
2024-11-05 20:03:29 +01:00
parent ce890a6780
commit 7fff2f59f0
11 changed files with 621 additions and 347 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
examples/backgrounds.html
View File

@@ -1,15 +1,17 @@
<!doctype html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta charset="utf-8" />
<title>reveal.js - Slide Backgrounds</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
/>
<link rel="stylesheet" href="../dist/reveal.css">
<link rel="stylesheet" href="../dist/theme/serif.css" id="theme">
<link rel="stylesheet" href="../dist/reveal.css" />
<link rel="stylesheet" href="../dist/theme/serif.css" id="theme" />
<style type="text/css" media="screen">
.slides section.has-dark-background,
.slides section.has-dark-background h2 {
@@ -23,11 +25,8 @@
</head>
<body>
<div class="reveal">
<div class="slides">
<section data-background="#00ffff">
<h2>data-background: #00ffff</h2>
</section>
@@ -77,9 +76,16 @@
</section>
</section>
<section data-background="assets/image2.png" data-background-size="100px" data-background-repeat="repeat" data-background-color="#111">
<section
data-background="assets/image2.png"
data-background-size="100px"
data-background-repeat="repeat"
data-background-color="#111"
>
<h2>Background image</h2>
<pre>data-background-size="100px" data-background-repeat="repeat" data-background-color="#111"</pre>
<pre>
data-background-size="100px" data-background-repeat="repeat" data-background-color="#111"</pre
>
</section>
<section data-background="#888888">
@@ -93,7 +99,9 @@
<h2>Video background</h2>
</section>
<section data-background-iframe="https://slides.com/news/make-better-presentations/embed?style=hidden&autoSlide=4000">
<section
data-background-iframe="https://slides.com/news/make-better-presentations/embed?style=hidden&autoSlide=4000"
>
<h2>Iframe background</h2>
</section>
@@ -117,14 +125,11 @@
<h2>Same background from horizontal to vertical (3/3)</h2>
</section>
</section>
</div>
</div>
<script src="../dist/reveal.js"></script>
<script>
// Full list of configuration options:
// https://revealjs.revealjs.com/config/
Reveal.initialize({
@@ -134,8 +139,6 @@
// transitionSpeed: 'slow',
// backgroundTransition: 'slide'
});
</script>
</body>
</html>