From b7af7c7b1e81ed9024f6fe817437ac767dc33173 Mon Sep 17 00:00:00 2001 From: not-a-code-cel Date: Tue, 5 Oct 2021 23:13:50 -0700 Subject: [PATCH] Formatting page, added tables for html formatting and styles. --- files/templates/formatting.html | 492 +++++++++++++++++++++++--------- 1 file changed, 363 insertions(+), 129 deletions(-) diff --git a/files/templates/formatting.html b/files/templates/formatting.html index 45695f232..cee49ea09 100644 --- a/files/templates/formatting.html +++ b/files/templates/formatting.html @@ -27,52 +27,53 @@ On {{'SITE_NAME' | app_config}}, you can use Markdown formatting. Displays as - - Italics - *text* - text - - - Bold - **text** - text - - - Code - `text` - text - - - Strikethrough - ~~text~~ - text - - - Links - [{{'SITE_NAME' | app_config}}]({{request.host_url}}) - {{'SITE_NAME' | app_config}} - - - Emojis - :marseylove: - :marseylove: - - - Mirrored Emojis - :!marseylove: - :!marseylove: - - - Poll Options - $bussy$ - -
- - -
- - - + + + Italics + *text* + text + + + Bold + **text** + text + + + Code + `text` + text + + + Strikethrough + ~~text~~ + text + + + Links + [{{'SITE_NAME' | app_config}}]({{request.host_url}}) + {{'SITE_NAME' | app_config}} + + + Emojis + :marseylove: + :marseylove: + + + Mirrored Emojis + :!marseylove: + :!marseylove: + + + Poll Options + $bussy$ + +
+ + +
+ + + {% filter markdown %} @@ -89,41 +90,44 @@ These Markdown tags format an entire paragraph of text at a time. Displays as - - Blockquote - > text -
text
- - - Headers 1-6 - # Header 1
## Header 2
### Header 3
#### Header 4
##### Header 5
###### Header 6 -

Header 1

Header 2

Header 3

Header 4

Header 5
Header 6
- - - Ordered list - 1. First thing
2. Second thing -
  1. First thing
  2. Second thing
- - - Unordered list - * First thing
* Second thing - - - - Code Block - ```
Use three backticks above and below.
Or, indent the lines with four spaces.
``` - - - - Spoilers - <s> bussy > gussy </s> -

bussy > gussy

-
-Use three backticks above and below.
-Or, indent the lines with four spaces.
-
- - + + + Blockquote + > text +
text
+ + + Headers 1-6 + # Header 1
## Header 2
### Header 3
#### Header 4
##### Header 5
###### Header 6 +

Header 1

Header 2

Header 3

Header 4

Header 5
Header 6
+ + + Ordered list + 1. First thing
2. Second thing +
  1. First thing
  2. Second thing
+ + + Unordered list + * First thing
* Second thing + + + + Code Block + ```
Use three backticks above and below.
Or, indent the lines with four spaces.
``` + + + + Spoilers + <s> bussy > gussy </s> +

bussy > gussy

+ + 
+				Use three backticks above and below.
+				Or, indent the lines with four spaces.
+
+ + + @@ -141,21 +145,23 @@ We also have some custom hooks for mentioning users and subreddits. Note that th Displays as - - Username Mention - @QuadNarca - @QuadNarca - - - Subreddit Mention - r/{{'SITE_NAME' | app_config}} - r/{{'SITE_NAME' | app_config}} - - - Redditor Mention - u/Bardfinn - u/Bardfinn - + + + Username Mention + @QuadNarca + @QuadNarca + + + Subreddit Mention + r/{{'SITE_NAME' | app_config}} + r/{{'SITE_NAME' | app_config}} + + + Redditor Mention + u/Bardfinn + u/Bardfinn + + {% filter markdown %} @@ -166,44 +172,272 @@ And we allow custom HTML in most places. Allowed tags: -- b -- blockquote -- br -- code -- del -- em -- h1 -- h2 -- h3 -- h4 -- h5 -- h6 -- hr -- i -- li -- ol -- p -- pre -- strong -- sub -- sup -- table -- tbody -- th -- thead -- td -- tr -- ul -- marquee -- a + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDisplays as
BoldThis will be <b>bold</b> + This will be bold +
Blockquote + <blockquote>This is a blockquote</blockquote> + +
+ This is a blockquote +
+
Line Break + + + Line 1
Line 2 +
Code + + + This is code +
Strikethrough + + + The last word will have a strikethrough +
Emphasis + + + We cannot live like this. +
Headings + + +

This is heading 1

+

This is heading 2

+

This is heading 3

+

This is heading 4

+
This is heading 5
+
This is heading 6
+
Horizontal Rule + + + Text 1 +
+ Text 2 +
Italics + + + This is how you get italics. +
Lists + + +
    +
  • Bullet 1
    • +
  • Bullet 2
    • +
+
    +
  1. Number 1
    2. +
  2. Number 2
    3. +
+
Paragraphs + + +

Paragraph 1

+

Paragraph 2

+
Preformatted Text + + + 
+Text in a pre element
+is displayed in a fixed-width
+font, and it preserves
+both      spaces and
+line breaks
+
+
Strong + + + This text is important! +
Subscript + + + This text contains subscript text. +
Superscript + + + E = mc2 +
Tables + + + + + + + + + + + + + + + + + + + + + + +
Col 1Col 2Col 3
123
456
+
Marquee + + + + This is a sample scrolling text that has scrolls in the upper direction. + +
Links + + + This is a link +
Images + + + +
Span + + + My mother has blue eyes. +
+ - img - span Allowed styles: -- color -- font-weight -- transform + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDisplays as
Color
Font Weight
Transform
{% endfilter %}