Skip to content

Instantly share code, notes, and snippets.

View vicegd's full-sized avatar

Vicente García Díaz vicegd

12 followers · 0 following
View GitHub Profile
@vicegd
vicegd / customStyle.css
Created February 8, 2016 15:40
Reveal.JS - data-state (style)
.testingDataState {
border: dashed;
margin: 10px;
background-color: green;
}
@vicegd
vicegd / index.html
Created February 8, 2016 15:40
Reveal.JS - data-state (style)
<section data-state="testingDataState">
<h2>Estado global</h2>
<p>Incluyendo <code>data-state="VALOR"</code> se pueden cambiar algunos estilos de la diapositiva:</p>
<p>Podria complementarse con el siguiente estilo:</p>
</section>
@vicegd
vicegd / index.html
Created February 8, 2016 15:40
Reveal.JS - data-state (style)
<section data-state="testingDataState">
<h2>Estado global</h2>
<p>Incluyendo <code>data-state="VALOR"</code> se pueden cambiar algunos estilos de la diapositiva:</p>
<p>Podria complementarse con el siguiente estilo:</p>
</section>
@vicegd
vicegd / index.html
Created February 8, 2016 14:40
Reveal.JS - Background color
<section data-background="#666666">
<h2>Color de fondo</h2>
<p>Con <code>data-background</code> se puede cambiar el color de fondo de una diapositiva concreta</p>
<p>Se soportan todos los colores de CSS</p>
</section>
@vicegd
vicegd / ejemplo
Last active February 8, 2016 14:01
Reveal.JS - Markdown example
# Ejemplo
Markdown incluido dinámicamente
#### Más información sobre Reveal.JS:
- [Web oficial de Reveal.JS](http://lab.hakim.se/reveal-js/#/)
- [Repositorio GitHub con el código fuente](https://github.com/hakimel/reveal.js)
- [Hakim El Hattab - creador de Reveal.JS](http://hakim.se/)
@vicegd
vicegd / index.html
Last active February 8, 2016 14:01
Reveal.JS - Markdown externo
<section data-markdown="ejemplo.md">
</section>
@vicegd
vicegd / helloWorld.html
Last active February 8, 2016 13:46
Reveal.JS
<!DOCTYPE html>
<html lang="en">
<head>
<!--Hoja de estilos básica para todas las presentaciones realizadas con Reveal.JS-->
<link rel="stylesheet" href="css/reveal.css">
<!--Se puede cambiar while.css por otros estilos disponibles-->
<link rel="stylesheet" href="css/theme/white.css">
</head>
<body>
<div class="reveal"> <!--Las diapositivas irán dentro de la clase "reveal" -->
@vicegd
vicegd / index.html
Last active February 7, 2016 12:03
Reveal.JS - Markdown
<section data-markdown>
<script type="text/template">
## Soporte para Markdown
Es posible crear contenido utilizando *Markdown*
Es utilizado en plataformas como GitHub, reddit, Diaspora, Stack Echange, OpenStreetMap o SourceForge
Más información [aquí](http://daringfireball.net/projects/markdown/)
@vicegd
vicegd / index.html
Last active August 11, 2022 06:51
Reveal.JS - Tables
<section>
<h2>Tablas con información</h2>
<table>
<thead><tr>
<th>Ciudad</th>
<th>Año de fundación</th>
<th>Población</th>
</tr></thead>
<tbody><tr>
<td>Gijón</td>
@vicegd
vicegd / index.html
Last active February 8, 2016 14:41
Reveal.JS - Custom ID
<section id="custom_id">
<h2>Identificación del nombre de la diapositiva</h2>
<p>Por defecto, cada diapositiva se identifica a través de la URL con número correspondiente a su posición</p>
<p>Sin embargo, esta diapositiva tiene como identificador <code>custom_id</code></p>
</section>