-
Notifications
You must be signed in to change notification settings - Fork 17
/
help.html
73 lines (60 loc) · 2.51 KB
/
help.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,user-scalable=yes">
<meta name="description" content="Downloadable code examples for CSS Master, 3rd edition.">
<title> Help with CSS MASTER demos
CSS Master (third edition)</title>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@700&family=Inconsolata&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Zilla+Slab:ital,wght@0,700;1,700&family=IBM+Plex+Mono&display=swap">
<link rel="stylesheet" href="/theme/css/global.css">
</head>
<body >
<header id="top">
<div>
<h1><i>CSS Master</i> Code Examples</h1>
<nav aria-label="Breadcrumb">
<ol>
<li><a href="../../">Home</a></li>
<li><a href="./help.html" aria-current="page">Help For These Demos</a></li>
</ol>
</nav>
</div>
</header>
<!-- end header -->
<main>
<h2>Help With Demos</h2>
<article>
<details id="prefers-reduced-motion">
<summary><h3>Enabling or disabling motion in your operating system</h3></summary>
<h4>Windows 10</h4>
<ol>
<li>Open the <em>Settings</em> menu</li>
<li>Go to <em>Ease of Access</em></li>
<li>Go to the <em>Display</em> panel</li>
<li>Select or deselect <em>Show animations in Windows</em> </li>
</ol>
<h4>macOS</h4>
<ol>
<li>Open <em>System Preferences</em></li>
<li>Under the <em>Accessibility</em> panel, choose <em>Display</em></li>
<li>Select the <em>Reduce Motion</em> setting</li>
</ol>
<h4>Ubuntu Linux</h4>
<p>Prerequisite: Have <code>gnome-tweaks</code> installed (<code>sudo apt install gnome-tweaks</code>)</p>
<ol>
<li>Open <code>gnome-tweaks</code> either from the command line, or by opening <em>Tweaks</em> from your applicatio menu. </li>
<li>
In the <em>General</em> (or <em>Appearance</em>) pane, click the <em>Animations</em> toggle to enable or disable animation. When <em>Animations</em> is disabled, <code>perfers-reduced-motion</code> media queries are applied.
</li>
</ol>
</details>
</article>
</main>
<!-- Global site footer -->
<footer class="global">
<p>Examples from <i>CSS Master</i> (3rd edition) written by Tiffany B. Brown and published by SitePoint, Ltd. © 2015 – 2021.</p>
</footer>
</body>
</html>