Add pages
This commit is contained in:
parent
7fb7bc01e5
commit
13a1481b03
@ -55,6 +55,8 @@
|
||||
- [Quiz](./quiz/quiz.md)
|
||||
- [Grammar Quick Test](./quiz/grammar-quick-self-test.md)
|
||||
- [Commonly Confused Words](./quiz/commonly_confused_words.md)
|
||||
- [Double Negatives](./quiz/double_negatives.md)
|
||||
- [Inconsistent Verb Tenses](./quiz/verb_tenses.md)
|
||||
- [Resources](./resources/resources.md)
|
||||
- [Glossary](./resources/glossary.md)
|
||||
- [Useful Links](./resources/useful_links.md)
|
||||
|
@ -320,3 +320,8 @@ Your is a possessive pronoun meaning "belonging to you."
|
||||
You're is a contracted form of "you are."
|
||||
|
||||
`If you're planning to go to the concert with us, then don't forget your ticket.`
|
||||
|
||||
|
||||
---
|
||||
|
||||
[Take Quiz](../quiz/commonly_confused_words.md)
|
||||
|
@ -1 +1,69 @@
|
||||
# Dangling Modifiers
|
||||
|
||||
Dangling modifiers occur when the subject in the introductory phrase is not
|
||||
stated.
|
||||
|
||||
```example
|
||||
Incorrect: By providing students the opportunity to interact with each other, they become more interested and motivated.
|
||||
```
|
||||
|
||||
|
||||
As we can see in the above sentence, the writer knows what they mean, and the
|
||||
reader can figure out what is meant, but the sentence is clumsy.
|
||||
|
||||
> **Rule To Remember**
|
||||
>
|
||||
> Correct a dangling modifier by introducing a subject, a participial phrase or
|
||||
> converting the sentence to passive voice.
|
||||
|
||||
## Correcting Dangling Modifiers
|
||||
|
||||
To correct the sentence, we can either introduce a subject or convert the
|
||||
sentence to the passive voice:
|
||||
|
||||
```example
|
||||
Correct: When the teacher provides students with an opportunity to interact with each other, they become more interested and motivated.
|
||||
```
|
||||
|
||||
```example
|
||||
Correct: When students are provided with an opportunity to interact with each other, they become more interested and motivated.
|
||||
```
|
||||
|
||||
Additionally, we can correct the sentence using a participial phrase:
|
||||
|
||||
```example
|
||||
Correct: By providing students the opportunity to interact with each other, teachers help them to be more interested and motivated.
|
||||
```
|
||||
|
||||
Dangling modifiers often appear at the beginning of the sentence:
|
||||
|
||||
```example
|
||||
Incorrect: While reading The Grapes of Wrath, the characters evoke pity.
|
||||
```
|
||||
```example
|
||||
Correct: While I was reading The Grapes of Wrath, I felt pity for the characters.
|
||||
```
|
||||
|
||||
```example
|
||||
Incorrect: Before finishing breakfast, the oatmeal grew cold.
|
||||
```
|
||||
```example
|
||||
Correct: Before my son finished breakfast, his oatmeal grew cold.
|
||||
```
|
||||
|
||||
In general, dangling modifiers are corrected by introducing the subject right
|
||||
after the modifier or including it in the modifying phrase.
|
||||
|
||||
```example
|
||||
Incorrect: At five years old, my parents decided to move to a different town.
|
||||
```
|
||||
```example
|
||||
Correct: When I was five years old, my parents decided to move to a different town.
|
||||
```
|
||||
|
||||
```example
|
||||
Incorrect: To see well, the lights in this room need to be adjusted.
|
||||
```
|
||||
```example
|
||||
Correct: To see well, you must adjust the lights in this room.
|
||||
```
|
||||
|
@ -1 +1,103 @@
|
||||
# Double Negatives
|
||||
|
||||
A **double negative** is a statement which contains two negative words.
|
||||
|
||||
If two negatives are used in one sentence, the opposite meaning may be conveyed. In many British, American, and other dialects, two or more negatives can be used with a single negative meaning.
|
||||
|
||||
```example
|
||||
Incorrect: I ain't seen nobody.
|
||||
```
|
||||
|
||||
However, English and American usage commentators perceive the double negative form as rustic, uneducated, and nonstandard. Here is a more standard form of the above example:
|
||||
|
||||
> **Rule To Remember**
|
||||
>
|
||||
> A double negative is a statement containing two negative words. It is not part of standard English, and its use should be avoided.
|
||||
|
||||
## Correcting Double Negatives
|
||||
|
||||
```example
|
||||
Correct: I haven't seen anybody.
|
||||
```
|
||||
|
||||
The most frequently used negative words are no, not, nothing, never, none, no one, nowhere, neither, and nobody. There are some words which have a negative element in their meanings although they contain no overly negative affix. These words are: hardly, scarcely, barely, etc.
|
||||
|
||||
```example
|
||||
Incorrect: I haven't barely started to think about my exam.
|
||||
```
|
||||
|
||||
```example
|
||||
Correct: I have barely started to think about my exam.
|
||||
```
|
||||
|
||||
Nobody, nothing, never are considered emphatic. Be careful when you use these words. Use not anybody, not ever instead.
|
||||
|
||||
Anybody, anything, and ever are not negative and have to be used with not to convey a negative meaning.
|
||||
|
||||
There are justifiable uses of two negative words in a sentence.
|
||||
|
||||
```example
|
||||
Correct: There is no way I cannot visit my mother this year.
|
||||
```
|
||||
|
||||
In the sentence above, the use of double negatives is emphatic -- "I must visit my mother."
|
||||
|
||||
Consider another example:
|
||||
|
||||
```example
|
||||
Correct: I wasn't unhappy with my grade.
|
||||
```
|
||||
|
||||
Here the double negative is used to intend a positive or lukewarm meaning -- "I wasn't displeased, but I wasn't elated either about my grade."
|
||||
|
||||
Two negative ideas can be expressed with not... or and not... nor conjunctions. When not is followed by two or more verbs, nouns, or adjectives, it is joined by or.
|
||||
|
||||
```example
|
||||
Correct: He doesn't drink or dance.
|
||||
```
|
||||
|
||||
Use nor after a phrase to separate and emphasize a second verb, adjective, or noun.
|
||||
|
||||
```example
|
||||
Correct: Our main objective is not oil, nor power. It is stability in the region.
|
||||
```
|
||||
|
||||
Miss has a negative meaning and does not need to have a negative added.
|
||||
|
||||
```example
|
||||
Incorrect: I miss not seeing him every day.
|
||||
```
|
||||
|
||||
```example
|
||||
Correct: I miss seeing him every day.
|
||||
```
|
||||
|
||||
There are several ways of correcting a double negative:
|
||||
|
||||
```example
|
||||
Incorrect: The waitress wasn't doing nothing but standing around smoking.
|
||||
```
|
||||
|
||||
```example
|
||||
Correct: The waitress wasn't doing anything but standing around smoking.
|
||||
```
|
||||
|
||||
```example
|
||||
Correct: The waitress was doing nothing but standing around smoking.
|
||||
```
|
||||
|
||||
```example
|
||||
Incorrect: The shopper did not have no energy left at the end of the day.
|
||||
```
|
||||
|
||||
```example
|
||||
Correct: The shopper did not have any energy left at the end of the day.
|
||||
```
|
||||
|
||||
```example
|
||||
Correct: The shopper had no energy left at the end of the day.
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
[Take Quiz](../quiz/double_negatives.md)
|
||||
|
@ -1 +1,64 @@
|
||||
# Inconsistent Verb Tenses
|
||||
|
||||
In formal writing, it is important to keep verb tenses consistent so that
|
||||
readers can follow the progress of ideas and arguments easily. In creative
|
||||
writing, verb tenses may be used inconsistently for effect, but in academic
|
||||
writing, it is important to use verb tenses consistently throughout a paper,
|
||||
carefully signaling any necessary shifts in tense.
|
||||
|
||||
```example
|
||||
Incorrect: Elizabeth Peabody was born in a school and thereafter felt destined to be a teacher. Her mother was a teacher and trains her daughters at her side. The academic life seems to suit Elizabeth, who thrived on the rigorous curriculum.
|
||||
```
|
||||
|
||||
Was, felt, and thrived are past tense; trains and seems are present tense. All
|
||||
of the action in the passage above occurred in the past, so all of the verbs
|
||||
there should be in the past tense.
|
||||
|
||||
> **Rule To Remember**
|
||||
>
|
||||
> Choose the specific tense to be used in the essay, paper, or report and then
|
||||
> coordinate all other verbs with it.
|
||||
|
||||
## Correcting Inconsistent Tenses
|
||||
|
||||
```example
|
||||
Correct: Elizabeth Peabody was born in a school and thereafter felt destined to be a teacher. Her mother was a teacher and trained her daughters at her side. The academic life seemed to suit Elizabeth, who thrived on the rigorous curriculum.
|
||||
```
|
||||
|
||||
Sometimes in academic writing, it is necessary to signal to the reader that one
|
||||
event was completed in the past before another past event occurred. This is
|
||||
where the perfect form of verbs can be used (have + verb).
|
||||
|
||||
```example
|
||||
Correct: By the time Peabody joined the kindergarten movement, most of her Transcendentalist friends had died.
|
||||
```
|
||||
|
||||
The phrase "by the time" signals that the action in the second clause occurred
|
||||
before the action in the first clause. This kind of signal helps the reader
|
||||
follow any shifts in time.
|
||||
|
||||
When discussing a specific essay or piece of literature, use the present tense
|
||||
throughout the paper.
|
||||
|
||||
```example
|
||||
Correct: In her essay "A Glimpse of Christ's Idea of Society," Peabody by no means endorses all communities of intention. She has criticism for the Shakers, for example, for their focus on economic success to the exclusion of higher ideals. Her main critique is leveled against the loss of "the sacredness of family."
|
||||
```
|
||||
|
||||
To eliminate illogical shifts in tenses, the writer should choose the specific
|
||||
tense to be used in the essay and then coordinate all other verbs with it to
|
||||
reflect future and past events in relation to the chosen tense.
|
||||
|
||||
```example
|
||||
Incorrect: For my research project I first selected the subject of interest. But now I discovered that I have to limit it because I realize that I will never be able to cover it in 25 pages. Nevertheless, I am going ahead. I prepared a list of a working bibliography, and now I am in the process of preparing a preliminary outline.
|
||||
```
|
||||
|
||||
The passage above is full of illogical shifts from the past tense to the present
|
||||
and the future. Since most actions happened in the past, we need to make the
|
||||
verb forms consistent.
|
||||
|
||||
Here is the revised version of the passage in which the use of the past tense is
|
||||
consistent:
|
||||
|
||||
```example
|
||||
Correct: For my research project I first selected the subject of interest. Then I discovered that I had to limit it because I realized that I would never be able to cover it in 25 pages. Nevertheless, I went ahead and prepared a list of a working bibliography, and now I am in the process of preparing a preliminary outline.
|
||||
```
|
||||
|
1
src/quiz.md
Normal file
1
src/quiz.md
Normal file
@ -0,0 +1 @@
|
||||
# Quiz
|
91
src/quiz/double_negatives.md
Normal file
91
src/quiz/double_negatives.md
Normal file
@ -0,0 +1,91 @@
|
||||
# Double Negatives Quiz
|
||||
|
||||
<br/>
|
||||
|
||||
Q1. Sadly, I ______ a penny left in my purse.
|
||||
|
||||
1. didn't scarcely have
|
||||
2. scarcely had
|
||||
|
||||
<br/>
|
||||
|
||||
Q2. Since his last paper gained little support, the linguist ______ surprised that he had not been asked to present again.
|
||||
|
||||
1. was
|
||||
2. was not
|
||||
|
||||
<br/>
|
||||
|
||||
Q3. Sadie won't talk to ______ about her problems.
|
||||
|
||||
1. nobody
|
||||
2. no one
|
||||
3. anybody
|
||||
|
||||
<br/>
|
||||
|
||||
Q4. She didn't study, so she ______ hardly finish her final.
|
||||
|
||||
1. could
|
||||
2. couldn't
|
||||
|
||||
<br/>
|
||||
|
||||
Q5. After he got home, Joe realized that he ______ of the spices he'd bought at the store.
|
||||
|
||||
1. didn't need none
|
||||
2. needed none
|
||||
3. didn't need any
|
||||
|
||||
<br/>
|
||||
|
||||
Q6. I think the moratorium on travel ______ last barely a month.
|
||||
|
||||
1. will
|
||||
1. will not
|
||||
|
||||
<br/>
|
||||
|
||||
Q7. They ______ barely started to think about the upcoming merger.
|
||||
|
||||
1. have
|
||||
2. haven't
|
||||
|
||||
<br/>
|
||||
|
||||
Q8. I ______ unhappy with the way things turned out. In the end, I won!
|
||||
|
||||
1. was
|
||||
2. wasn't
|
||||
|
||||
<br/>
|
||||
|
||||
Q9. Students are allowed to use neither books ______ notes during the midterm.
|
||||
|
||||
1. or
|
||||
2. nor
|
||||
|
||||
<br/>
|
||||
|
||||
Q10. We ______ hardly had any rain lately.
|
||||
|
||||
1. have
|
||||
2. haven't
|
||||
|
||||
## Answers
|
||||
|
||||
|
||||
<details>
|
||||
<summary>Click here</summary>
|
||||
<!-- TODO: Write answers -->
|
||||
1. Sadly, I ______ a penny left in my purse.
|
||||
2. Since his last paper gained little support, the linguist ______ surprised that he had not been asked to present again.
|
||||
3. Sadie won't talk to ______ about her problems.
|
||||
4. She didn't study, so she ______ hardly finish her final.
|
||||
5. After he got home, Joe realized that he ______ of the spices he'd bought at the store.
|
||||
6. I think the moratorium on travel ______ last barely a month.
|
||||
7. They ______ barely started to think about the upcoming merger.
|
||||
8. I ______ unhappy with the way things turned out. In the end, I won!
|
||||
9. Students are allowed to use neither books ______ notes during the midterm.
|
||||
10. We ______ hardly had any rain lately.
|
||||
</details>
|
32
src/quiz/verb_tenses.md
Normal file
32
src/quiz/verb_tenses.md
Normal file
@ -0,0 +1,32 @@
|
||||
# Verb Tenses - Gap-fill exercise
|
||||
|
||||
It is not difficult for novice cooks to _____ `(Q1. make, made)` really good scrambled
|
||||
eggs. Even a young child can turn out fluffy, creamy eggs with a little
|
||||
patience and, of course, adult supervision. The method I _____ `(Q2. use, used)` comes
|
||||
from my grandmother, who _____ `(Q3. teach, taught, had taught)` it to me when I was a
|
||||
little girl. First, you _____ `(Q4. melt, melted)` some butter in a skillet over low to
|
||||
medium heat. After it _____ `(Q5. melt, melted, has melted, have melted)` but not browned,
|
||||
_____ `(Q6. crack, cracked)` two eggs directly into the skillet. If possible, you should
|
||||
_____ `(Q7. use, used)` eggs that _____ `(Q8. have, had)` already been _____ `(Q9. bring, brought)` to room
|
||||
temperature for an hour before cooking. Do not beat the eggs in a bowl or
|
||||
_____ `(Q10. stir, stirred)` them in the skillet. Also, _____ `(Q11. did, do)` not add milk or water to
|
||||
the eggs. Contrary to common opinion, adding milk or water _____ `(Q12. did, does)` not
|
||||
improve the consistency of the eggs. In fact, adding water or milk (toughens,
|
||||
toughened) the eggs. Eggs _____ `(Q13. are, were)` delicate and _____ `(Q14. cook, cooked)` best with
|
||||
very little handling. Watch the eggs closely, and _____ `(Q15. keep, kept)` the temperature
|
||||
low. You should not _____ `(Q16. stir, stirred)` the eggs at all until the clear part (is,
|
||||
was) just starting to turn white. While you are waiting and watching the eggs,
|
||||
you can put some bread in the toaster. After the whites (had become, have
|
||||
become, have became) opaque, run a fork or small spatula very slowly through
|
||||
the eggs to mix them. At this point, you must _____ `(Q17. watch, watched)` the eggs very
|
||||
carefully or they will quickly overcook and _____ `(Q18. become, became)` dry. We (had,
|
||||
have) all _____ `(Q19. has, had)` eggs that have been cooked to death. As soon as the yolks
|
||||
are cooked, but still shiny and moist, the eggs _____ `(Q20. are, were)` done. Some people
|
||||
_____ `(Q21. like, liked)` their eggs very moist and some _____ `(Q22. like, liked)` their eggs
|
||||
drier. Now you can butter your toast, which should _____ `(Q23. pop, popped, have popped)`
|
||||
up by this point. Add salt and pepper, salsa, or even ketchup, like my grandpa
|
||||
always _____ `(Q24. does, did)` when he was a boy, and dig in!
|
||||
|
||||
|
||||
## Answers
|
||||
<!-- TODO: write answers -->
|
294
theme/css/general.css
Normal file
294
theme/css/general.css
Normal file
@ -0,0 +1,294 @@
|
||||
/* Base styles and content styles */
|
||||
|
||||
:root {
|
||||
/* Browser default font-size is 16px, this way 1 rem = 10px */
|
||||
font-size: 62.5%;
|
||||
color-scheme: var(--color-scheme);
|
||||
}
|
||||
|
||||
html {
|
||||
font-family: "Open Sans", sans-serif;
|
||||
color: var(--fg);
|
||||
background-color: var(--bg);
|
||||
text-size-adjust: none;
|
||||
-webkit-text-size-adjust: none;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-size: 1.6rem;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: var(--mono-font) !important;
|
||||
font-size: var(--code-font-size);
|
||||
direction: ltr !important;
|
||||
}
|
||||
|
||||
/* make long words/inline code not x overflow */
|
||||
main {
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
|
||||
/* make wide tables scroll if they overflow */
|
||||
.table-wrapper {
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
/* Don't change font size in headers. */
|
||||
h1 code, h2 code, h3 code, h4 code, h5 code, h6 code {
|
||||
font-size: unset;
|
||||
}
|
||||
|
||||
.left { float: left; }
|
||||
.right { float: right; }
|
||||
.boring { opacity: 0.6; }
|
||||
.hide-boring .boring { display: none; }
|
||||
.hidden { display: none !important; }
|
||||
|
||||
h2, h3 { margin-block-start: 2.5em; }
|
||||
h4, h5 { margin-block-start: 2em; }
|
||||
|
||||
.header + .header h3,
|
||||
.header + .header h4,
|
||||
.header + .header h5 {
|
||||
margin-block-start: 1em;
|
||||
}
|
||||
|
||||
h1:target::before,
|
||||
h2:target::before,
|
||||
h3:target::before,
|
||||
h4:target::before,
|
||||
h5:target::before,
|
||||
h6:target::before {
|
||||
display: inline-block;
|
||||
content: "»";
|
||||
margin-inline-start: -30px;
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
/* This is broken on Safari as of version 14, but is fixed
|
||||
in Safari Technology Preview 117 which I think will be Safari 14.2.
|
||||
https://bugs.webkit.org/show_bug.cgi?id=218076
|
||||
*/
|
||||
:target {
|
||||
/* Safari does not support logical properties */
|
||||
scroll-margin-top: calc(var(--menu-bar-height) + 0.5em);
|
||||
}
|
||||
|
||||
.page {
|
||||
outline: 0;
|
||||
padding: 0 var(--page-padding);
|
||||
margin-block-start: calc(0px - var(--menu-bar-height)); /* Compensate for the #menu-bar-hover-placeholder */
|
||||
}
|
||||
.page-wrapper {
|
||||
box-sizing: border-box;
|
||||
background-color: var(--bg);
|
||||
}
|
||||
.no-js .page-wrapper,
|
||||
.js:not(.sidebar-resizing) .page-wrapper {
|
||||
transition: margin-left 0.3s ease, transform 0.3s ease; /* Animation: slide away */
|
||||
}
|
||||
[dir=rtl] .js:not(.sidebar-resizing) .page-wrapper {
|
||||
transition: margin-right 0.3s ease, transform 0.3s ease; /* Animation: slide away */
|
||||
}
|
||||
|
||||
.content {
|
||||
overflow-y: auto;
|
||||
padding: 0 5px 50px 5px;
|
||||
}
|
||||
.content main {
|
||||
margin-inline-start: auto;
|
||||
margin-inline-end: auto;
|
||||
max-width: var(--content-max-width);
|
||||
}
|
||||
.content p { line-height: 1.45em; }
|
||||
.content ol { line-height: 1.45em; }
|
||||
.content ul { line-height: 1.45em; }
|
||||
.content a { text-decoration: none; }
|
||||
.content a:hover { text-decoration: underline; }
|
||||
.content img, .content video { max-width: 100%; }
|
||||
.content .header:link,
|
||||
.content .header:visited {
|
||||
color: var(--fg);
|
||||
}
|
||||
.content .header:link,
|
||||
.content .header:visited:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
table {
|
||||
margin: 0 auto;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
table td {
|
||||
padding: 3px 20px;
|
||||
border: 1px var(--table-border-color) solid;
|
||||
}
|
||||
table thead {
|
||||
background: var(--table-header-bg);
|
||||
}
|
||||
table thead td {
|
||||
font-weight: 700;
|
||||
border: none;
|
||||
}
|
||||
table thead th {
|
||||
padding: 3px 20px;
|
||||
}
|
||||
table thead tr {
|
||||
border: 1px var(--table-header-bg) solid;
|
||||
}
|
||||
/* Alternate background colors for rows */
|
||||
table tbody tr:nth-child(2n) {
|
||||
background: var(--table-alternate-bg);
|
||||
}
|
||||
|
||||
|
||||
blockquote {
|
||||
margin: 20px 0;
|
||||
padding: 0 20px;
|
||||
color: var(--fg);
|
||||
background-color: var(--quote-bg);
|
||||
border-block-start: .1em solid var(--quote-border);
|
||||
border-block-end: .1em solid var(--quote-border);
|
||||
}
|
||||
|
||||
.warning {
|
||||
margin: 20px;
|
||||
padding: 0 20px;
|
||||
border-inline-start: 2px solid var(--warning-border);
|
||||
}
|
||||
|
||||
.warning:before {
|
||||
position: absolute;
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
margin-inline-start: calc(-1.5rem - 21px);
|
||||
content: "ⓘ";
|
||||
text-align: center;
|
||||
background-color: var(--bg);
|
||||
color: var(--warning-border);
|
||||
font-weight: bold;
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
blockquote .warning:before {
|
||||
background-color: var(--quote-bg);
|
||||
}
|
||||
|
||||
kbd {
|
||||
background-color: var(--table-border-color);
|
||||
border-radius: 4px;
|
||||
border: solid 1px var(--theme-popup-border);
|
||||
box-shadow: inset 0 -1px 0 var(--theme-hover);
|
||||
display: inline-block;
|
||||
font-size: var(--code-font-size);
|
||||
font-family: var(--mono-font);
|
||||
line-height: 10px;
|
||||
padding: 4px 5px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
sup {
|
||||
/* Set the line-height for superscript and footnote references so that there
|
||||
isn't an awkward space appearing above lines that contain the footnote.
|
||||
|
||||
See https://github.com/rust-lang/mdBook/pull/2443#discussion_r1813773583
|
||||
for an explanation.
|
||||
*/
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
.footnote-definition {
|
||||
font-size: 0.9em;
|
||||
}
|
||||
/* The default spacing for a list is a little too large. */
|
||||
.footnote-definition ul,
|
||||
.footnote-definition ol {
|
||||
padding-left: 20px;
|
||||
}
|
||||
.footnote-definition > li {
|
||||
/* Required to position the ::before target */
|
||||
position: relative;
|
||||
}
|
||||
.footnote-definition > li:target {
|
||||
scroll-margin-top: 50vh;
|
||||
}
|
||||
.footnote-reference:target {
|
||||
scroll-margin-top: 50vh;
|
||||
}
|
||||
/* Draws a border around the footnote (including the marker) when it is selected.
|
||||
TODO: If there are multiple linkbacks, highlight which one you just came
|
||||
from so you know which one to click.
|
||||
*/
|
||||
.footnote-definition > li:target::before {
|
||||
border: 2px solid var(--footnote-highlight);
|
||||
border-radius: 6px;
|
||||
position: absolute;
|
||||
top: -8px;
|
||||
right: -8px;
|
||||
bottom: -8px;
|
||||
left: -32px;
|
||||
pointer-events: none;
|
||||
content: "";
|
||||
}
|
||||
/* Pulses the footnote reference so you can quickly see where you left off reading.
|
||||
This could use some improvement.
|
||||
*/
|
||||
@media not (prefers-reduced-motion) {
|
||||
.footnote-reference:target {
|
||||
animation: fn-highlight 0.8s;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
@keyframes fn-highlight {
|
||||
from {
|
||||
background-color: var(--footnote-highlight);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tooltiptext {
|
||||
position: absolute;
|
||||
visibility: hidden;
|
||||
color: #fff;
|
||||
background-color: #333;
|
||||
transform: translateX(-50%); /* Center by moving tooltip 50% of its width left */
|
||||
left: -8px; /* Half of the width of the icon */
|
||||
top: -35px;
|
||||
font-size: 0.8em;
|
||||
text-align: center;
|
||||
border-radius: 6px;
|
||||
padding: 5px 8px;
|
||||
margin: 5px;
|
||||
z-index: 1000;
|
||||
}
|
||||
.tooltipped .tooltiptext {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.chapter li.part-title {
|
||||
color: var(--sidebar-fg);
|
||||
margin: 5px 0px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.result-no-output {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* END - Base styles and content styles */
|
||||
|
||||
code.language-example {
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
|
||||
code.language-example.incorrect::before {
|
||||
content: "Incorrect: ";
|
||||
/* border-block-end: .1em solid var(--fg); */
|
||||
}
|
||||
|
||||
code.language-example.correct::before {
|
||||
content: "Correct: ";
|
||||
}
|
279
theme/css/general.orig.css
Normal file
279
theme/css/general.orig.css
Normal file
@ -0,0 +1,279 @@
|
||||
/* Base styles and content styles */
|
||||
|
||||
:root {
|
||||
/* Browser default font-size is 16px, this way 1 rem = 10px */
|
||||
font-size: 62.5%;
|
||||
color-scheme: var(--color-scheme);
|
||||
}
|
||||
|
||||
html {
|
||||
font-family: "Open Sans", sans-serif;
|
||||
color: var(--fg);
|
||||
background-color: var(--bg);
|
||||
text-size-adjust: none;
|
||||
-webkit-text-size-adjust: none;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-size: 1.6rem;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: var(--mono-font) !important;
|
||||
font-size: var(--code-font-size);
|
||||
direction: ltr !important;
|
||||
}
|
||||
|
||||
/* make long words/inline code not x overflow */
|
||||
main {
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
|
||||
/* make wide tables scroll if they overflow */
|
||||
.table-wrapper {
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
/* Don't change font size in headers. */
|
||||
h1 code, h2 code, h3 code, h4 code, h5 code, h6 code {
|
||||
font-size: unset;
|
||||
}
|
||||
|
||||
.left { float: left; }
|
||||
.right { float: right; }
|
||||
.boring { opacity: 0.6; }
|
||||
.hide-boring .boring { display: none; }
|
||||
.hidden { display: none !important; }
|
||||
|
||||
h2, h3 { margin-block-start: 2.5em; }
|
||||
h4, h5 { margin-block-start: 2em; }
|
||||
|
||||
.header + .header h3,
|
||||
.header + .header h4,
|
||||
.header + .header h5 {
|
||||
margin-block-start: 1em;
|
||||
}
|
||||
|
||||
h1:target::before,
|
||||
h2:target::before,
|
||||
h3:target::before,
|
||||
h4:target::before,
|
||||
h5:target::before,
|
||||
h6:target::before {
|
||||
display: inline-block;
|
||||
content: "»";
|
||||
margin-inline-start: -30px;
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
/* This is broken on Safari as of version 14, but is fixed
|
||||
in Safari Technology Preview 117 which I think will be Safari 14.2.
|
||||
https://bugs.webkit.org/show_bug.cgi?id=218076
|
||||
*/
|
||||
:target {
|
||||
/* Safari does not support logical properties */
|
||||
scroll-margin-top: calc(var(--menu-bar-height) + 0.5em);
|
||||
}
|
||||
|
||||
.page {
|
||||
outline: 0;
|
||||
padding: 0 var(--page-padding);
|
||||
margin-block-start: calc(0px - var(--menu-bar-height)); /* Compensate for the #menu-bar-hover-placeholder */
|
||||
}
|
||||
.page-wrapper {
|
||||
box-sizing: border-box;
|
||||
background-color: var(--bg);
|
||||
}
|
||||
.no-js .page-wrapper,
|
||||
.js:not(.sidebar-resizing) .page-wrapper {
|
||||
transition: margin-left 0.3s ease, transform 0.3s ease; /* Animation: slide away */
|
||||
}
|
||||
[dir=rtl] .js:not(.sidebar-resizing) .page-wrapper {
|
||||
transition: margin-right 0.3s ease, transform 0.3s ease; /* Animation: slide away */
|
||||
}
|
||||
|
||||
.content {
|
||||
overflow-y: auto;
|
||||
padding: 0 5px 50px 5px;
|
||||
}
|
||||
.content main {
|
||||
margin-inline-start: auto;
|
||||
margin-inline-end: auto;
|
||||
max-width: var(--content-max-width);
|
||||
}
|
||||
.content p { line-height: 1.45em; }
|
||||
.content ol { line-height: 1.45em; }
|
||||
.content ul { line-height: 1.45em; }
|
||||
.content a { text-decoration: none; }
|
||||
.content a:hover { text-decoration: underline; }
|
||||
.content img, .content video { max-width: 100%; }
|
||||
.content .header:link,
|
||||
.content .header:visited {
|
||||
color: var(--fg);
|
||||
}
|
||||
.content .header:link,
|
||||
.content .header:visited:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
table {
|
||||
margin: 0 auto;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
table td {
|
||||
padding: 3px 20px;
|
||||
border: 1px var(--table-border-color) solid;
|
||||
}
|
||||
table thead {
|
||||
background: var(--table-header-bg);
|
||||
}
|
||||
table thead td {
|
||||
font-weight: 700;
|
||||
border: none;
|
||||
}
|
||||
table thead th {
|
||||
padding: 3px 20px;
|
||||
}
|
||||
table thead tr {
|
||||
border: 1px var(--table-header-bg) solid;
|
||||
}
|
||||
/* Alternate background colors for rows */
|
||||
table tbody tr:nth-child(2n) {
|
||||
background: var(--table-alternate-bg);
|
||||
}
|
||||
|
||||
|
||||
blockquote {
|
||||
margin: 20px 0;
|
||||
padding: 0 20px;
|
||||
color: var(--fg);
|
||||
background-color: var(--quote-bg);
|
||||
border-block-start: .1em solid var(--quote-border);
|
||||
border-block-end: .1em solid var(--quote-border);
|
||||
}
|
||||
|
||||
.warning {
|
||||
margin: 20px;
|
||||
padding: 0 20px;
|
||||
border-inline-start: 2px solid var(--warning-border);
|
||||
}
|
||||
|
||||
.warning:before {
|
||||
position: absolute;
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
margin-inline-start: calc(-1.5rem - 21px);
|
||||
content: "ⓘ";
|
||||
text-align: center;
|
||||
background-color: var(--bg);
|
||||
color: var(--warning-border);
|
||||
font-weight: bold;
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
blockquote .warning:before {
|
||||
background-color: var(--quote-bg);
|
||||
}
|
||||
|
||||
kbd {
|
||||
background-color: var(--table-border-color);
|
||||
border-radius: 4px;
|
||||
border: solid 1px var(--theme-popup-border);
|
||||
box-shadow: inset 0 -1px 0 var(--theme-hover);
|
||||
display: inline-block;
|
||||
font-size: var(--code-font-size);
|
||||
font-family: var(--mono-font);
|
||||
line-height: 10px;
|
||||
padding: 4px 5px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
sup {
|
||||
/* Set the line-height for superscript and footnote references so that there
|
||||
isn't an awkward space appearing above lines that contain the footnote.
|
||||
|
||||
See https://github.com/rust-lang/mdBook/pull/2443#discussion_r1813773583
|
||||
for an explanation.
|
||||
*/
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
.footnote-definition {
|
||||
font-size: 0.9em;
|
||||
}
|
||||
/* The default spacing for a list is a little too large. */
|
||||
.footnote-definition ul,
|
||||
.footnote-definition ol {
|
||||
padding-left: 20px;
|
||||
}
|
||||
.footnote-definition > li {
|
||||
/* Required to position the ::before target */
|
||||
position: relative;
|
||||
}
|
||||
.footnote-definition > li:target {
|
||||
scroll-margin-top: 50vh;
|
||||
}
|
||||
.footnote-reference:target {
|
||||
scroll-margin-top: 50vh;
|
||||
}
|
||||
/* Draws a border around the footnote (including the marker) when it is selected.
|
||||
TODO: If there are multiple linkbacks, highlight which one you just came
|
||||
from so you know which one to click.
|
||||
*/
|
||||
.footnote-definition > li:target::before {
|
||||
border: 2px solid var(--footnote-highlight);
|
||||
border-radius: 6px;
|
||||
position: absolute;
|
||||
top: -8px;
|
||||
right: -8px;
|
||||
bottom: -8px;
|
||||
left: -32px;
|
||||
pointer-events: none;
|
||||
content: "";
|
||||
}
|
||||
/* Pulses the footnote reference so you can quickly see where you left off reading.
|
||||
This could use some improvement.
|
||||
*/
|
||||
@media not (prefers-reduced-motion) {
|
||||
.footnote-reference:target {
|
||||
animation: fn-highlight 0.8s;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
@keyframes fn-highlight {
|
||||
from {
|
||||
background-color: var(--footnote-highlight);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tooltiptext {
|
||||
position: absolute;
|
||||
visibility: hidden;
|
||||
color: #fff;
|
||||
background-color: #333;
|
||||
transform: translateX(-50%); /* Center by moving tooltip 50% of its width left */
|
||||
left: -8px; /* Half of the width of the icon */
|
||||
top: -35px;
|
||||
font-size: 0.8em;
|
||||
text-align: center;
|
||||
border-radius: 6px;
|
||||
padding: 5px 8px;
|
||||
margin: 5px;
|
||||
z-index: 1000;
|
||||
}
|
||||
.tooltipped .tooltiptext {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.chapter li.part-title {
|
||||
color: var(--sidebar-fg);
|
||||
margin: 5px 0px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.result-no-output {
|
||||
font-style: italic;
|
||||
}
|
Loading…
x
Reference in New Issue
Block a user