Post History
If I understand the question correctly; you want a visual way to include a part of the text that add more information, without blocking the main flow or being obtrusive. While it doesn't seem as w...
Answer
#3: Post edited
by
4015.alt
·
2021-12-14T21:53:50Z (almost 3 years ago)
styling
- If I understand the question correctly; you want a visual way to include a part of the text that add more information, without blocking the main flow or being obtrusive.
- While it doesn't seem as writing issue persee, an more like a styling one, it's an issue that I may have a solution for:
- ## Solution
- A possible solution is to use **collapsible sections**, as follow:
- ---
- Main text here ...
- <details>
- <summary> here is a collapsible section </summary>
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus et ante risus. Nullam vulputate egestas ligula, a aliquet purus tempor in. Ut mattis magna eu felis sodales accumsan. Maecenas convallis, ligula sed interdum dapibus, ex mi imperdiet velit, fringilla mollis sem nulla quis urna. Vestibulum sit amet consectetur ex. Fusce in libero vulputate, lobortis nibh in, aliquet odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc est orci, finibus id lectus vitae, laoreet lobortis quam.
- </details>
- ... continuation of your text
- ---
- ## Method
- 1. surround the whole block that you want to hide with
- `<details> ... </details> `
- 2. put the visible label or title inside `<summary>` tag:
- `<summary> recap of ... </summary>`
- 3. add your text, using markdown style
- 4. make sure you have an empty line after each closing tag: `</summary>` and `</details>`
- ## Code
- ```html
- Main text here ...
- <details>
- <summary> here is a collapsible section </summary>
- Lorem ipsum dolor sit amet, consectetur adipiscing elit...
- </details>
- ... continuation of your text
- ```
- ---
- https://gist.github.com/pierrejoubert73/902cc94d79424356a8d20be2b382e1ab
- If I understand the question correctly; you want a visual way to include a part of the text that add more information, without blocking the main flow or being obtrusive.
- While it doesn't seem as writing issue persee, an more like a styling one, it's an issue that I may have a solution for:
- ## Solution
- A possible solution is to use **collapsible sections**, as follow:
- ---
- Main text here ...
- <details>
- <summary> here is a collapsible section </summary>
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus et ante risus. Nullam vulputate egestas ligula, a aliquet purus tempor in. Ut mattis magna eu felis sodales accumsan. Maecenas convallis, ligula sed interdum dapibus, ex mi imperdiet velit, fringilla mollis sem nulla quis urna. Vestibulum sit amet consectetur ex. Fusce in libero vulputate, lobortis nibh in, aliquet odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc est orci, finibus id lectus vitae, laoreet lobortis quam.
- </details>
- ... continuation of your text
- ---
- ## Method
- 1. surround the whole block that you want to hide with
- `<details> ... </details> `
- 2. put the visible label or title inside `<summary>` tag:
- `<summary> recap of ... </summary>`
- 3. add your text, using markdown style
- 4. make sure you have an empty line after each closing tag: `</summary>` and `</details>`
- ## Code
- ```html
- Main text here ...
- <details>
- <summary> here is a collapsible section </summary>
- Lorem ipsum dolor sit amet, consectetur adipiscing elit...
- </details>
- ... continuation of your text
- ```
- ---
- https://gist.github.com/pierrejoubert73/902cc94d79424356a8d20be2b382e1ab
#2: Post edited
by
4015.alt
·
2021-12-14T21:48:32Z (almost 3 years ago)
- If I understand the question correctly; you want a visual way to include a part of the text that add more information, without blocking the main flow or being obtrusive.
A solution could be, to use collapsible blocks, as follow:- ---
- Main text here ...
- <details>
<summary> Lorem ipsum </summary>- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus et ante risus. Nullam vulputate egestas ligula, a aliquet purus tempor in. Ut mattis magna eu felis sodales accumsan. Maecenas convallis, ligula sed interdum dapibus, ex mi imperdiet velit, fringilla mollis sem nulla quis urna. Vestibulum sit amet consectetur ex. Fusce in libero vulputate, lobortis nibh in, aliquet odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc est orci, finibus id lectus vitae, laoreet lobortis quam.
- </details>
continuation ...- ---
- If I understand the question correctly; you want a visual way to include a part of the text that add more information, without blocking the main flow or being obtrusive.
- While it doesn't seem as writing issue persee, an more like a styling one, it's an issue that I may have a solution for:
- ## Solution
- A possible solution is to use **collapsible sections**, as follow:
- ---
- Main text here ...
- <details>
- <summary> here is a collapsible section </summary>
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus et ante risus. Nullam vulputate egestas ligula, a aliquet purus tempor in. Ut mattis magna eu felis sodales accumsan. Maecenas convallis, ligula sed interdum dapibus, ex mi imperdiet velit, fringilla mollis sem nulla quis urna. Vestibulum sit amet consectetur ex. Fusce in libero vulputate, lobortis nibh in, aliquet odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc est orci, finibus id lectus vitae, laoreet lobortis quam.
- </details>
- ... continuation of your text
- ---
- ## Method
- 1. surround the whole block that you want to hide with
- `<details> ... </details> `
- 2. put the visible label or title inside `<summary>` tag:
- `<summary> recap of ... </summary>`
- 3. add your text, using markdown style
- 4. make sure you have an empty line after each closing tag: `</summary>` and `</details>`
- ## Code
- ```html
- Main text here ...
- <details>
- <summary> here is a collapsible section </summary>
- Lorem ipsum dolor sit amet, consectetur adipiscing elit...
- </details>
- ... continuation of your text
- ```
- ---
- https://gist.github.com/pierrejoubert73/902cc94d79424356a8d20be2b382e1ab
#1: Initial revision
by
4015.alt
·
2021-12-14T21:24:10Z (almost 3 years ago)
If I understand the question correctly; you want a visual way to include a part of the text that add more information, without blocking the main flow or being obtrusive. A solution could be, to use collapsible blocks, as follow: --- Main text here ... <details> <summary> Lorem ipsum </summary> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus et ante risus. Nullam vulputate egestas ligula, a aliquet purus tempor in. Ut mattis magna eu felis sodales accumsan. Maecenas convallis, ligula sed interdum dapibus, ex mi imperdiet velit, fringilla mollis sem nulla quis urna. Vestibulum sit amet consectetur ex. Fusce in libero vulputate, lobortis nibh in, aliquet odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc est orci, finibus id lectus vitae, laoreet lobortis quam. </details> continuation ... ---