Lines of
single_doc/NH-02.html
from check-in 5b20ec5765
that are changed by the sequence of edits moving toward
check-in 7910e329e6:
1: <!DOCTYPE html>
2: <html xmlns="http://www.w3.org/1999/xhtml" lang xml:lang>
3: <head>
4: <meta charset="utf-8" />
5: <meta name="generator" content="pandoc" />
6: <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
7: <title>NH-02</title>
8: <style>
9: code{white-space: pre-wrap;}
10: span.smallcaps{font-variant: small-caps;}
11: div.columns{display: flex; gap: min(4vw, 1.5em);}
12: div.column{flex: auto; overflow-x: auto;}
13: div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
14:
15: ul.task-list[class]{list-style: none;}
16: ul.task-list li input[type="checkbox"] {
17: font-size: inherit;
18: width: 0.8em;
19: margin: 0 0.8em 0.2em -1.6em;
20: vertical-align: middle;
21: }
22: .display.math{display: block; text-align: center; margin: 0.5rem auto;}
23: </style>
24: <style type="text/css">
25: @media screen and (min-aspect-ratio:1/1) {
26: html {
27: background-color: f8f8f8;
28: background-image:
29: linear-gradient(
30: 45deg,
31: #eee 25%,
32: transparent 25%,
33: transparent 75%,
34: #eee 75%),
35: linear-gradient(
36: 45deg,
37: #eee 25%,
38: transparent 25%,
39: transparent 75%,
40: #eee 75%);
41: background-size: 8px 8px;
42: background-position: 0 0, 16px 8px;
43: }
44: body {
45: border: solid #a0a0a0 1px ;
46: border-radius: 20px ;
47: padding: 26px ;
48: margin: 16px ;
49: color: #101010 ;
50: background-color: #efefef;
51: padding: 2em 18%;
52: }
53: }
54: h1,h2,h3,h4,h5,h6 {
55: font-size: 1.5em;
56: color: #3F5770;
57: border-bottom: 0.1em solid #666666;
58: margin: 1.2em 0em;
59: }
60: a {
61: list-style: none;
62: border-right: 0.3em solid #5183C466;
63: border-left: 0.3em solid #5183C466;
64: padding: 0.2em 0.4em;
65: margin-bottom: 0.2em;
66: margin-top: 0.3em;
67: background-color: white;
68: text-decoration-color: blue;
69: }
70: a:visited {
71: color: blue;
72: text-decoration-color: white;
73: }
74: nav ul li {
75: margin: 1.2em 0em;
76: }
77: p::before {
78: content: " ";
79: }
80: p {
81: margin: 1.2em 0;
82: }
83: .title {
84: background-color: white;
85: font-size: 2em;
86: text-align: center;
87: }
88: b {
89: background-color: white;
90: list-style: none;
91: border-right: 0.3em solid #5183C466;
92: border-left: 0.3em solid #5183C466;
93: padding: 0.2em 0.4em;
94: margin-bottom: 0.2em;
95: margin-top: 0.3em;
96: }
97: details > summary {
98: list-style: none;
99: border-right: 0.3em solid #5183C466;
100: border-left: 0.3em solid #5183C466;
101: padding: 0.2em 0.4em;
102: margin-bottom: 0.2em;
103: margin-top: 0.3em;
104: }
105: details > summary:active {
106: transform:
107: rotateX(38deg)
108: translateY(7px);
109: }
110: pre {
111: background: #f6f6f6;
112: border-left: 0.5em solid #ccc;
113: padding: 0.4em;
114: border-radius: 0.2em;
115: }
116: pre:active {
117: transform:
118: rotateX(38deg)
119: translateY(7px);
120: }
121: code {
122: font-family: "Verdana";
123: }
124: button {
125: background: #ffffff;
126: color: #20894d;
127: }
128: button:active {
129: transform:
130: rotateX(38deg)
131: translateY(7px);
132: }
133: </style>
134: <!--[if lt IE 9]>
135: <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
136: <![endif]-->
137: </head>
138: <body>
139: <header id="title-block-header">
140: <h1 class="title">NH-02</h1>
141: </header>
142: <nav id="TOC" role="doc-toc">
143: <ul>
144: <li><a href="#规避副作用" id="toc-规避副作用"><span class="toc-section-number">1</span> 规避副作用</a></li>
145: </ul>
146: </nav>
147: <h1 data-number="1" id="规避副作用"><span class="header-section-number">1</span> 规避副作用</h1>
148: <p>选用具有<b>强制性效果</b>的卡片，比如「娱乐决斗」。</p>
149: <script>
150:
151: document.onclick = function(event) {
152:
153: var target = event.target
154:
155: if (target.tagName == "PRE"
156: || target.tagName == "CODE") {
157: if (window.getSelection().toString() !== "") {
158: return
159: }
160: var range = document.createRange();
161: range.selectNodeContents(target);
162: window.getSelection().removeAllRanges();
163: window.getSelection().addRange(range);
164: var successful = document.execCommand("copy");
165: target.removeAttribute("contenteditable");
166: window.getSelection().removeAllRanges();
167: }
168:
169: }
170:
171:
172: 目录列表 = document.getElementsByTagName("details")
173:
174: function 展开或收起() {
175: if (目录列表[0].open == true) {
176: for (i = 0;
177: i < 目录列表.length;
178: i++) {
179: 目录列表[i].open = false;
180: }
181: }
182: else {
183: for (i = 0;
184: i < 目录列表.length;
185: i++) {
186: 目录列表[i].open = true;
187: }
188: }
189: }
190:
191: </script>
192: </body>
193: </html>