Skip to content

Commit 383d0c9

Browse files
ScribbleTASScribbleTAS
authored
Add Note,Tip,Important,Warning,Caution blocks from Github (#29)
Did you know that all github icons are available under https://github.com/primer/octicons and under MIT? *Yoink* - **Add note,tip,important,warning,caution md extension** - **Fix formatting issues in pre and codeblock styles** - Add "not developing" hint in LoTAS - Fix footer being cut off when scrolling too far down on mobile
2 parents 5c79f2d + b32182b commit 383d0c9

File tree

15 files changed

+161
-17
lines changed

15 files changed

+161
-17
lines changed

assets/scss/plugin/discordinvite.scss renamed to assets/scss/plugins/discordinvite.scss

File renamed without changes.

assets/scss/plugin/embed.scss renamed to assets/scss/plugins/embed.scss

File renamed without changes.

‎assets/scss/plugins/md-notes.scss‎

Lines changed: 64 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,64 @@
1+
$note-color: #1f6feb;
2+
$tip-color: #22a63c;
3+
$important-color: #8957e5;
4+
$warning-color: #d29922;
5+
$caution-color: #f85149;
6+
7+
blockquote.md-note {
8+
9+
.md-note-title {
10+
display: flex;
11+
align-items: center;
12+
font-weight: 600;
13+
margin-top: .25em;
14+
margin-bottom: .75em;
15+
16+
svg {
17+
margin-right: .5em;
18+
}
19+
}
20+
}
21+
22+
.md-note {
23+
&.note {
24+
border-color: $note-color;
25+
}
26+
27+
&.tip {
28+
border-color: $tip-color;
29+
}
30+
31+
&.important {
32+
border-color: $important-color;
33+
}
34+
35+
&.warning {
36+
border-color: $warning-color;
37+
}
38+
39+
&.caution {
40+
border-color: $caution-color;
41+
}
42+
}
43+
44+
.md-note-title {
45+
&.note {
46+
color: $note-color;
47+
}
48+
49+
&.tip {
50+
color: $tip-color;
51+
}
52+
53+
&.important {
54+
color: $important-color;
55+
}
56+
57+
&.warning {
58+
color: $warning-color;
59+
}
60+
61+
&.caution {
62+
color: $caution-color;
63+
}
64+
}

assets/scss/plugin/syntax.scss renamed to assets/scss/plugins/syntax.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
/* Background */ .bg { color: #f8f8f2; background-color: #272822; }
22
/* PreWrapper */ .chroma { color: #f8f8f2; background-color: #272822; }
3-
/* Error */ .chroma .err { color: #960050; background-color: #1e0010 }
3+
/* Error */ .chroma .err { color: #c60000; }
44
/* LineLink */ .chroma .lnlinks { outline: none; text-decoration: none; color: inherit }
55
/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
66
/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; }

‎assets/scss/styles.scss‎

Lines changed: 48 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -13,12 +13,14 @@
1313
src: url('/fonts/condensed/AsapCondensed-SemiBold.ttf');
1414
}
1515

16-
@import "plugin/discordinvite.scss";
17-
@import "plugin/embed.scss";
18-
@import "plugin/syntax.scss";
16+
@import "plugins/discordinvite.scss";
17+
@import "plugins/embed.scss";
18+
@import "plugins/syntax.scss";
19+
@import "plugins/md-notes.scss";
1920

2021
$bg-color: #2e2e2e;
2122
$lightGray: #7B7B7B;
23+
$footer-color: black;
2224

2325
* {
2426
padding: 0;
@@ -38,6 +40,14 @@ body {
3840
overflow: overlay;
3941
}
4042

43+
.flex-wrapper {
44+
background-color: $bg-color;
45+
display: flex;
46+
min-height: 100vh;
47+
flex-direction: column;
48+
justify-content: flex-start;
49+
}
50+
4151
a {
4252
color: $color4;
4353
}
@@ -290,6 +300,20 @@ section {
290300
border-radius: 6px;
291301
}
292302

303+
pre {
304+
line-height: 24px;
305+
background-color: #272822;
306+
border-radius: 10px;
307+
padding: 15px;
308+
309+
code {
310+
background-color: initial;
311+
padding: initial;
312+
border-radius: initial;
313+
}
314+
margin-bottom: 20px;
315+
}
316+
293317
.highlight {
294318
overflow-x: auto;
295319
width: 100%;
@@ -299,10 +323,18 @@ section {
299323
-moz-text-size-adjust: 100%;
300324
-webkit-text-size-adjust: 100%;
301325

326+
pre {
327+
line-height: initial;
328+
background-color: initial;
329+
border-radius: initial;
330+
padding: initial;
331+
margin: 0;
332+
}
333+
302334
div {
303335
border-radius: 10px;
304336
padding: 15px;
305-
width: min-content;
337+
width: fit-content;
306338
}
307339

308340
code {
@@ -325,6 +357,17 @@ section {
325357
letter-spacing: 0.06em;
326358
}
327359
}
360+
361+
blockquote {
362+
border-left: .25em solid white;
363+
padding: .25em 0;
364+
padding-left: 1em;
365+
margin-bottom: 1em;
366+
367+
p, ul, ol {
368+
margin-bottom: 10px;
369+
}
370+
}
328371
}
329372
}
330373

@@ -439,13 +482,6 @@ figcaption {
439482
padding-right: 10px;
440483
}
441484

442-
.flex-wrapper {
443-
display: flex;
444-
min-height: 100vh;
445-
flex-direction: column;
446-
justify-content: flex-start;
447-
}
448-
449485
.permalink {
450486
opacity: 30%;
451487
top: 5px;
@@ -490,7 +526,7 @@ footer {
490526
display: flex;
491527
flex-direction: column;
492528
align-items: center;
493-
background-color: black;
529+
background-color: $footer-color;
494530
width: 100%;
495531
padding: 10px;
496532
position: static;

‎content/downloads/_index.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,9 +4,9 @@ description: "Download page for all sorts of mods"
44
weight: 02000000
55
---
66

7-
## Important!
8-
7+
{{% important %}}
98
* Our mods are most of the times still in development
109
* They may be more incompatible with other mods, since this was not our focus when creating them
1110
* We went to great effort to add nothing that is impossible to do in vanilla, but due to the nature of *some* modloaders, things may not be 100% vanilla.
1211
**So remember: Even if the mod allows your actions like spawn manipulation, it doesn't mean that it is strictly allowed in TASing**
12+
{{% /important %}}

‎content/downloads/non-playback/lotas-light.md‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,9 @@ prev: false
1111

1212
A very slimmed down version of [LoTAS](/downloads/non-playback/lotas), in an attempt to make it easily upgradable to newer versions.
1313

14+
{{% note %}}
1415
Needs Fabric API
16+
{{% /note %}}
1517

1618
## Features
1719
- Tickratechanger

‎content/downloads/non-playback/lotas.md‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,11 @@ weight: 02010100
77
next: false
88
prev: false
99
---
10+
{{% important %}}
11+
LoTAS will not receive any updates for the forseeable future, while we focus on developing [TASmod](/downloads/playback/tasmod)
1012

13+
If you want to TAS in newer versions, check [LoTAS-Light](/downloads/non-playback/lotas-light)
14+
{{% /important %}}
1115
A non-playback mod for versions 1.8.9-1.20.1
1216

1317
## Features

‎content/downloads/playback/tasmod.md‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -65,8 +65,9 @@ This mod can record and play back
6565
Record TASes with friends! Needs operator permissions to run tasmod related commands.
6666
/savestate can be used to manage savestates.
6767

68-
> [!Note]
69-
> /fullrecord, /fullplay and /restartandplay are not guaranteed to work in multiplayer at this time.
68+
{{<note>}}
69+
/fullrecord, /fullplay and /restartandplay are not guaranteed to work in multiplayer at this time.
70+
{{</note>}}
7071

7172
## HUD
7273
When ingame, hitting <kbd>F6</kbd> will show you options for customising your HUD, with monitoring options and more. Even more options are available when KillTheRNG is installed.

‎content/tutorials/tools.md‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -78,8 +78,10 @@ Other than that, the steps are alsmost the same as vanilla duping:
7878
4. An item should spawn *in your inventory*
7979

8080
### (New!) LoTAS-Light duping 1.20.5+ {#LoTAS-Light-1.20.5}
81+
{{% note %}}
8182
If you use LoTAS-Light, you are using the newest iteration of the duplication function.
8283
Over time, we found a few issues that make LoTAS Duping not entirely vanilla.
84+
{{% /note %}}
8385

8486
1. Open the pause menu (which triggers an auto-save)
8587
2. Throw item(s) on the ground

0 commit comments

Comments
 (0)