janishutz-legacy/impress.js
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

more beautiful examples index.html & fixes

Browse Source
This commit is contained in:
Janis Hutz
2023-02-23 20:47:20 +01:00
parent a1f5da363f
commit 50a83798d1
7 changed files with 122 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
website/index.html
View File

@@ -9,8 +9,8 @@
<script defer src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script defer src="/js/index.js"></script>
<!--I will be using highlight.js to highlight the syntax, but I still need to figure out how to use it.-->
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/dark.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/dark.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
</head>
<body>
@@ -42,9 +42,21 @@
</code>
</pre>
</div>
<div class="crazy-styled">
<h3>And CSS</h3>
<!--TODO: Add CSS demo-code-->
<div class="special-style">
<h3 style="font-size: 200%;">And CSS</h3>
<pre>
<code>
.impress-supported .fallback-message {
display: none;
}
.step {
width: 80vw;
height: 80vh;
background-color: white;
}
</code>
</pre>
</div>
<p>To create stunning presentations</p>
</div>