mirror of
https://github.com/hakimel/reveal.js.git
synced 2025-08-12 01:25:17 +02:00
content tweak for demo
This commit is contained in:
2
.github/workflows/spellcheck.yml
vendored
2
.github/workflows/spellcheck.yml
vendored
@@ -22,4 +22,4 @@ jobs:
|
|||||||
- name: Codespell
|
- name: Codespell
|
||||||
uses: codespell-project/actions-codespell@v2
|
uses: codespell-project/actions-codespell@v2
|
||||||
with:
|
with:
|
||||||
skip: ./.git,./dist,.package-lock.json,*.css,.codespellrc
|
skip: ./.git,./dist,package-lock.json,*.css,.codespellrc
|
||||||
|
14
demo.html
14
demo.html
@@ -16,12 +16,12 @@
|
|||||||
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
|
||||||
<link rel="stylesheet" href="dist/reset.css" />
|
<link rel="stylesheet" href="css/reset.css" />
|
||||||
<link rel="stylesheet" href="dist/reveal.css" />
|
<link rel="stylesheet" href="css/reveal.scss" />
|
||||||
<link rel="stylesheet" href="dist/theme/black.css" id="theme" />
|
<link rel="stylesheet" href="css/theme/black.scss" id="theme" />
|
||||||
|
|
||||||
<!-- Theme used for syntax highlighting of code -->
|
<!-- Theme used for syntax highlighting of code -->
|
||||||
<link rel="stylesheet" href="dist/plugin/highlight/monokai.css" />
|
<link rel="stylesheet" href="plugin/highlight/monokai.css" />
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
@@ -117,13 +117,15 @@
|
|||||||
<section data-auto-animate>
|
<section data-auto-animate>
|
||||||
<h2 data-id="code-title">Pretty Code</h2>
|
<h2 data-id="code-title">Pretty Code</h2>
|
||||||
<pre data-id="code-animation"><code class="hljs javascript" data-trim data-line-numbers>
|
<pre data-id="code-animation"><code class="hljs javascript" data-trim data-line-numbers>
|
||||||
import React, { useState } from 'react';
|
import { useState } from 'react';
|
||||||
|
|
||||||
function Example() {
|
function Example() {
|
||||||
const [count, setCount] = useState(0);
|
const [count, setCount] = useState(0);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|
||||||
...
|
...
|
||||||
|
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
</code></pre>
|
</code></pre>
|
||||||
@@ -138,7 +140,7 @@
|
|||||||
<pre
|
<pre
|
||||||
data-id="code-animation"
|
data-id="code-animation"
|
||||||
><code class="hljs javascript" data-trim data-line-numbers="|4,8-11|17|22-24"><script type="text/template">
|
><code class="hljs javascript" data-trim data-line-numbers="|4,8-11|17|22-24"><script type="text/template">
|
||||||
import React, { useState } from 'react';
|
import { useState } from 'react';
|
||||||
|
|
||||||
function Example() {
|
function Example() {
|
||||||
const [count, setCount] = useState(0);
|
const [count, setCount] = useState(0);
|
||||||
|
Reference in New Issue
Block a user