# Features Plugins and Tools

**URL:** <https://noobish.me/t/features-plugins-and-tools/165>\
**Category:** Site Features\
**Tags:** this-site, ux-design\
**Created:** [July 25, 2022, 6:00am UTC](https://noobish.me/t/features-plugins-and-tools/165 "2022-07-25T06:00:00Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![nOObish](https://noobish.me/user_avatar/noobish.me/noobish/32/13_2.png) [@nOObish](https://noobish.me/u/nOObish)\
**Post date:** [July 25, 2022, 6:00am UTC](https://noobish.me/t/features-plugins-and-tools/165/1 "2022-07-25T06:00:00Z")

</div>

[Not all of these still work - in progress…]

> **Table of contents --\>**
>
> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Style Guide](https://noobish.me/t/features-plugins-and-tools/165#style-guidehttpsnoobishmestyleguide-1)  
> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Topic Post Formatting Using Tags and Categories](https://noobish.me/t/features-plugins-and-tools/165#floatltopic-post-formatting-using-tags-and-categoriesfloatl-2)  
> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Extra Bold Text](https://noobish.me/t/features-plugins-and-tools/165#extra-bold-text-3)  
> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Tiny Text](https://noobish.me/t/features-plugins-and-tools/165#smalltiny-textsmall-4)  
> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Copy-Paste Symbols](https://noobish.me/t/features-plugins-and-tools/165#copy-paste-symbols-5)  
> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Image Float](https://noobish.me/t/features-plugins-and-tools/165#image-float-6)  
> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Boxed Content](https://noobish.me/t/features-plugins-and-tools/165#boxed-content-7)  
> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Embed a PDF from Google Drive](https://noobish.me/t/features-plugins-and-tools/165#embed-a-pdf-from-google-drive-8)  
> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Popup Content - Inline Footnotes](https://noobish.me/t/features-plugins-and-tools/165#popup-content-inline-footnoteshttpsmetadiscourseorgtdiscourse-footnote84533-9)  
> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Scrollable Content](https://noobish.me/t/features-plugins-and-tools/165#scrollable-contenthttpsmetadiscourseorgtscrollable-post-content112479-10)  
> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Otter.ai Embeds](https://noobish.me/t/features-plugins-and-tools/165#otterai-embeds-16)  
> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Otter.ai Audio Posts](https://noobish.me/t/features-plugins-and-tools/165#floatlotteraihttpsotterai-audio-postsfloatl-17)  
> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[iPhone Video Embeds](https://noobish.me/t/features-plugins-and-tools/165#iphone-video-embeds-18)  
> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[YouTube Embed](https://noobish.me/t/features-plugins-and-tools/165#floatlyoutube-embedhttpsforumghostorgta-better-method-for-embedding-youtube-videos15458floatl-19)  
> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Vimeo Embeds](https://noobish.me/t/features-plugins-and-tools/165#vimeo-embeds-20)  
> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[External iFrame](https://noobish.me/t/features-plugins-and-tools/165#floatlexternal-iframefloatl-21)  
> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Jump Menu LiveFrame Selector](https://noobish.me/t/features-plugins-and-tools/165#floatljump-menu-liveframe-selectorhttpwwwdynamicdrivecomdynamicindex3dropdownviewhtmfloatl-22)  
> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Auto-Scaling iFrame](https://noobish.me/t/features-plugins-and-tools/165#floatlauto-scaling-iframefloatl-23)  
> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Auto-Scaling Jump Menu LiveFrame Selector](https://noobish.me/t/features-plugins-and-tools/165#floatlauto-scaling-jump-menu-liveframe-selectorfloatl-24)  
> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Word Cloud Generators](https://noobish.me/t/features-plugins-and-tools/165#floatlword-cloud-generatorsfloatl-25)  
> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Auto Abbrify](https://noobish.me/t/features-plugins-and-tools/165#auto-abbrifyhttpsmetadiscourseorgtadd-abbr-tags-to-words-in-posts88394-26)  
> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Auto Linkify](https://noobish.me/t/features-plugins-and-tools/165#auto-linkifyhttpsmetadiscourseorgtlinkify-words-in-post82193-27)  
> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Inline Audio Recorder](https://noobish.me/t/features-plugins-and-tools/165#inline-audio-recorderhttpsmetadiscourseorgtvoice-recorder-component215621-28)  
> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Clickable Topic](https://noobish.me/t/features-plugins-and-tools/165#clickable-topichttpsmetadiscourseorgtclickable-topic183339-29)  
> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Docs Card Filter](https://noobish.me/t/features-plugins-and-tools/165#docs-card-filterhttpsmetadiscourseorgtdiscourse-docs-card-filter187947-30)  
> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Keyboard Text](https://noobish.me/t/features-plugins-and-tools/165#keyboard-texthttpsmetadiscourseorgtkeyboard-text-button-component117501-31)  
> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Included [data-theme] CSS (in common.css)](https://noobish.me/t/features-plugins-and-tools/165#included-data-theme-css-in-commoncss-32)  
> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Sub-sub Categories](https://noobish.me/t/features-plugins-and-tools/165#sub-sub-categories-33)  
> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Permanently Delete](https://noobish.me/t/features-plugins-and-tools/165#permanently-delete-34)  
> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Site Images (Uploaded)](https://noobish.me/t/features-plugins-and-tools/165#site-images-uploaded-35)  
> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Discourse on Github](https://noobish.me/t/features-plugins-and-tools/165#discourse-on-github-36)

This post is a quick reference tool for authors on this site.

All of the features, plugins, tools, code snippets and online services used in the Post Composer/Editor on this site are demonstrated and documented here.

* * *

### [Style Guide](https://noobish.me/styleguide)

* * *

### [floatl]Topic Post Formatting Using Tags and Categories[/floatl]

> **[Page Publishing](https://meta.discourse.org/t/page-publishing/151971/145)**
>
> An alternative to Page Publishing - another method is to use CSS to remove the unwanted elements on a regular Topic Post, while preserving all of the functionality (i.e. Javascripts in installed Theme Components, and CSS styling, etc.) Tags in...

* * *

### **Extra Bold Text**

` ****Extra Bold Text**** `

* * *

### [small]Tiny Text[/small]

`[small]Tiny Text[/small]`

* * *

### Copy-Paste Symbols

→ ✎ 🦁 ➤

[https://www.dofactory.com/html/charset/symbols](https://www.dofactory.com/html/charset/symbols)

[https://www.toptal.com/designers/htmlarrows/symbols/](https://www.toptal.com/designers/htmlarrows/symbols/)

[https://www.w3schools.com/charsets/ref\_emoji.asp](https://www.w3schools.com/charsets/ref_emoji.asp)

[https://www.rapidtables.com/web/html/html-codes.html](https://www.rapidtables.com/web/html/html-codes.html)

[https://www.w3schools.com/html/html\_symbols.asp](https://www.w3schools.com/html/html_symbols.asp)

[https://coolsymbol.com/](https://coolsymbol.com/)

[https://www.alt-codes.net/](https://www.alt-codes.net/)

[https://fonts.google.com/icons](https://fonts.google.com/icons)

* * *

### Image Float

– **Float Right** [floatr]

 ![site-plugins](https://noobish.me/uploads/default/original/1X/9f77c937cbc64f804788cbde75079c1a2e564acf.webp)[/floatr]

```auto
[floatr]![myimage|126x68](upload://myimage.webp)[/floatr]

```

– **Float Left** [floatl]

 ![site-plugins](https://noobish.me/uploads/default/original/1X/9f77c937cbc64f804788cbde75079c1a2e564acf.webp)[/floatl]

```auto
[floatl]![myimage|126x68](upload://myimage.webp)[/floatl]

```

  

* * *

### Boxed Content

– Uses CSS Box-Shadow  
– Any content including HTML

Defaults to 100% width

```auto
<div data-theme-boxed>
   <iframe src="https://microchic.com"></iframe>
</div>

```

– Option to add dash and following: 5, 10, 15, 20, 25, 30, 33, 35, 40, 5, 50, 55, 60, 65, 66, 70, 75, 80, 85, 90, 95

– Boxes can be nested as well

i.e. for 50% width use

```auto
<div data-theme-boxed-50>
   <iframe src="https://microchic.com"></iframe>
</div>

```

* * *

### Copy PDF Text to a Topic/Post

1. Open the .pdf file in Adobe Acrobat
2. File → Export To → Word
3. Select All (Ctrl-A), Copy (Ctrl-C)
4. Paste (Ctrl-V) into the Composer

OR (if that doesn’t work)

1. Print PDF to Microsoft XPS Document Writer
2. Print PDF to Microsoft Print to PDF
3. Open PDF in Acrobat
4. Select/Copy all text
5. Paste text into EditPad Pro and Select All
6. Select all in EditPad Pro
7. Convert → Lines
8. – Line Breaks → Wrapping
9. – Single → Double Spacing

* * *

### Copy PDF Page to a Topic/Post

1. Open PDF in Acrobat
2. Export To → .rtf
3. Select/Copy a page (each page in the .rtf file is a.jpg image)
4. Paste into Composer

 ![image](https://noobish.me/uploads/default/original/1X/74d9ab937b85461b693ffa0ca845c66fe662c645.jpeg)

* * *

### Embed a PDF from Google Drive

(This is my preferred method for embedding **PDFs** because they are responsive to window resizing.)

1. Share
2. Copy Share Link
3. Open Share Link in a New Tab
4. Click the 3 Vertical Dots in the Top Right Corner
5. Select Embed Item
6. Copy the Displayed iFrame Code
7. Paste it in the Discourse Editor

> A Test PDF on Google Drive is embedded here below which you can also [\<\< Download Here \>\>](https://drive.google.com/file/d/1KQ-jn7R0NmZxw955QaPu3lvLFh5zpnDe/view?usp=sharing)

https://drive.google.com/file/d/1KQ-jn7R0NmZxw955QaPu3lvLFh5zpnDe/preview

```auto
<iframe src="https://drive.google.com/file/d/1KQ-jn7R0NmZxw955QaPu3lvLFh5zpnDe/preview" width="640" height="480" allow="autoplay"></iframe>

```

* * *

### [Popup Content - Inline Footnotes](https://meta.discourse.org/t/discourse-footnote/84533)

**Text** \[1\]

```auto
Text ^[Plain text here.]

```

**Text and Image Upload** \[2\]

```auto
Text and Image Upload [^1]
[^1]: Text and Image Upload
![myimage|200x200](upload://myimage.jpeg)

```

**External iFrame 1** \[3\]

**External iFrame 2** \[4\]

```auto
External iFrame 1 ^[<iframe src="https://DenverIT.com/">]
External iFrame 2 ^[<iframe src="https://Ghost-O-Matic.com/">]

```

**HTML Content** \[5\]

```auto
^[<h2>HTML Content</h2><br>![brainstorm-trans-600x400|150x100](upload://9zi11dQwKXOTwFwmnXikGUtfjN3.webp)<br><p>When you encounter an open source...</p>]

```

* * *

### [Scrollable Content](https://meta.discourse.org/t/scrollable-post-content/112479)

### What is Open Source Culture?[floatr] ![brainstorm-trans-600x400](https://noobish.me/uploads/default/original/1X/4310d0a27d4256a4281edcb43ec27b89701ff105.webp)[/floatr]

When you encounter an open source group for the first time, it may be a bewildering experience. Whether posting to a mailing list for the first time, blogging about the project you’re taking on or hanging out on an IRC channel - the way people interact, and what they expect from each other is pretty different than in classroom or with friends and family.

 ![open-source-culture](https://noobish.me/uploads/default/original/1X/15bcc5ac647a02f591be6a189b80608396ead262.webp)

### Openness and Sharing

Open source communication can vary a lot. A core value held in common is that sharing code is good. Regardless of license, language or indentation style, open source developers create, share and modify source code together.

Working on code together means a lot of things: transparency, directness and cooperation are words that are often mentioned by developers when describing the process. It can involve bug reports, code refactoring, implementing new features, documentation, project management and advocacy.

 ![site-development](https://noobish.me/uploads/default/original/1X/31eb5c62b2bcc5f6d6c7a8475b7c067de3618a06.jpeg)

Amazingly, the ways in which people actually share code are as varied as the individuals involved. Even if you have previous experience with other open source projects, keep in mind that you still need to take the time to learn how the new open source project works, and acquaint yourself with their particular brand of sharing.

One aspect of “open culture” is that people are informal. People address each other by first name. They tend to speak directly to one another, regardless of social status or formal title. Disagreements about code, whether as profound as which algorithm is most appropriate, or as seemingly mundane as how many spaces are used for indentation, are aired in public. This process is very intimidating to newcomers, who might be concerned about having their words immortalized on the Internet, and worse, saying something wrong or embarrassing. The only way to get over this fear is to practice and participate publicly.

Although “open culture” is generally informal, it is important to remember that you still need to mind your manners when participating in conversations.

### Remote Communication

Many projects involve individuals who are working not only in different cities, countries and continents, but collaborating across major cultural and language differences. And rather than having procedures or policies on how to interact with one another handed down from HR departments or other authorities, communication practices evolve between individuals over time.

Because there are few rules around working together on open source projects, there is a lot of freedom to share directly with one another. This freedom is at the core of what attracts many people to open source software. Multi-cultural projects offer an incredible opportunity to share knowledge between individuals directly. With sharing, however, comes a responsibility to inform new participants about expectations for communication and ways to solve misunderstandings to the benefit of all.

Be mindful of cultural assumptions about race, gender, sexual orientation and disability. People often make assumptions, have stereotypes or are biased in ways that no one can control. The best practice is to assume that people don’t mean any harm, and when they’re told respectfully that they’ve offended or hurt someone, that they’ll stop whatever it is that they are doing that is harmful.

All that tolerant rhetoric aside, it is never productive for an open source project to allow individuals who consistently try to cause harm to others to do so. If you are causing undue problems don’t be surprised if you are asked to discontinue your participation regardless of your contributions. It’s often better for an open source project to ask someone to leave, than to allow them to harm others and in turn, cause other productive members of your team to depart.

### Abbreviations and Slang

People come up with abbreviations and slang that are meaningful inside the group, but not necessarily to outsiders. Ask questions when you don’t understand a term, a joke or some arcane bit of project lore.

Here are a few useful resources for teasing out meaning from initialisms, acronyms and abbreviations:

- Urban Dictionary ([http://www.urbandictionary.com](http://www.urbandictionary.com/))
- Webster’s Online Dictionary ([http://www.websters-online-dictionary.org/](http://www.websters-online-dictionary.org/))
- Acronym Finder ([http://www.acronymfinder.com/](http://www.acronymfinder.com/))
- A to Z word finder ([http://www.a2zwordfinder.com/](http://www.a2zwordfinder.com/))

### Volunteerism and Gift Economies

Donated time is the life blood of open source projects. Many individuals contribute their time and energy without any expectation of compensation or even a simple “thank you” in return.

Contributions to projects are often self-directed, with developers having a personal itch to scratch in the form of a new feature, by correcting a bug that they’ve encountered or by implementing something from a TODO list. Projects operating in this way may seem chaotic if you are only familiar with top-down management - where teachers, professors or bosses tell you what to do and when. Of course, some projects do have clearly defined project management, with milestones and tasks meted out carefully.

Because many (or in some cases all) contributors are volunteering, methods of coercion available to businesses are not available. The best way to collaborate is to behave in a way that encourages others, and ultimately, makes people want to contribute. Some easy ways to encourage volunteerism include:

- Saying thank you
- Giving compliments when they are deserved, regularly and in public
- Publicizing cool hacks and features as they are implemented, in blog posts and on the mailing lists
- Promptly committing useful code
- Responding promptly to requests for information
- Clearly defining ways to contribute to your project (TODO lists are great!)

Consider treating every patch like it is a gift. Being grateful is good for both the giver and the receiver, and invigorates the cycle of virtuous giving.

Overall, your goal is to help create and maintain an atmosphere around contribution that is enjoyable. What that means will vary significantly depending on the project, but certainly the above points apply to any project.

* * *

### Otter.ai Embeds

([https://otter.ai](https://otter.ai))

 ![image-otter-embed](https://noobish.me/uploads/default/original/1X/5895ab445c6d9d4dbb24901803fb1e5a630b221e.webp)

```auto
<div data-theme-otter>
   <iframe src="https://otter.ai/u/vfCA85nskUffo_kZ5_NhfdAg2BA?noGapBottom=true"></iframe>
</div>

```

* * *

### [floatl][Otter.ai](https://otter.ai) Audio Posts[/floatl]

 ![image-otter-iframe](https://noobish.me/uploads/default/original/1X/fd0d52014b7c63e4712a82cb45122031a24846ae.webp)

```auto
<iframe src="https://framer.cc/our-journey-together/"></iframe>

```

* * *

### iPhone Video Embeds

85-year old Gloria filled 33 (55-gallon) trash bags cleaning up our yard today…

[https://res.cloudinary.com/microchic/video/upload/v1666821415/Glorias\_Leaf\_Removal\_Service.mp4](https://res.cloudinary.com/microchic/video/upload/v1666821415/Glorias_Leaf_Removal_Service.mp4)

1. Capture on my iPhone
2. Download the .mov file from my [iCloud Photos](https://www.icloud.com/photos/)
3. Upload the .mov file to [Adobe’s free online .mov to .mp4 converter](https://www.adobe.com/express/feature/video/convert/mov-to-mp4) and download the .mp4
4. Upload the .mp4 to my [Cloudinary Media Library](https://cloudinary.com/console/media_library/folders/home)
5. Copy the Cloudinary Share Link directly into the Topic Post
6. Enjoy!

* * *

### [YouTube Embed](https://forum.ghost.org/t/a-better-method-for-embedding-youtube-videos/15458)

 ![image-youtube-light-iframe](https://noobish.me/uploads/default/original/1X/82265592ecc513ee60d571bb13502c763a8bf9ae.webp)

```auto
<iframe src="https://microchic.dev/blockchain-simplified/"></iframe>

```

* * *

### Vimeo Embeds

```auto
https://player.vimeo.com/video/743344591

```

 ![image-vimeo-video-embed](https://noobish.me/uploads/default/original/1X/88ad7cb58d324f06fa77f3b72b04120f1e95de31.webp)

* * *

### [floatl]External iFrame[/floatl]

> #### IMPORTANT NOTE - In Discourse, iFrame URLs _ **must** _ include a forward slash ` /` at the end of the TLD i.e **[https://noobish.me/](https://noobish.me/)**

 ![image-basic-iframe](https://noobish.me/uploads/default/original/1X/70d9ea25d58d677ec622ac0cc6dd9fcb5913a5fa.webp)

```auto
<iframe src="https://microchic.fm/" width="600px" height="500px"></iframe>

```

* * *

### [floatl][Jump Menu LiveFrame Selector](http://www.dynamicdrive.com/dynamicindex3/dropdownview.htm)[/floatl]

 ![image-jumpy-liveframe-menu-selector](https://noobish.me/uploads/default/original/1X/f7d4230168940fa129bbe38d9aca1171dc778721.webp)

```auto
<iframe src="https://framer.cc/jumpy-liveframe-selector/" width="600px" height="540px"></iframe>

```

* * *

### [floatl]Auto-Scaling iFrame[/floatl]

 ![image-autoscaling-iframe](https://noobish.me/uploads/default/original/1X/eb589b6c2c50fa4140096865ca400535962010ab.webp)

```auto
<iframe src="https://framer.cc/scaling-iframe-css-transforms/"></iframe>

```

* * *

### [floatl]Auto-Scaling Jump Menu LiveFrame Selector[/floatl]

 ![image-autoscaling-jumpy-liveframe-menu-selector](https://noobish.me/uploads/default/original/1X/e8e4a8afecaafe3de964a44729b01fecfeb4abe7.webp)

```auto
<iframe src="https://framer.cc/auto-scaling-jumpy-liveframes/"></iframe>

```

* * *

### [floatl]Word Cloud Generators[/floatl]

[floatr]

 ![site-plugins](https://noobish.me/uploads/default/original/1X/0bb663da35bfd04ce3cf8336d633fc976e261989.svg)[/floatr]

[Copy-Paste Text to Generate SVG (or other image)](https://www.jasondavies.com/wordcloud/)

[URL or Copy-Paste Text to Generate PNG](https://wordtagcloud.com/)

[Otter.ai (Also has an option/feature to Generate Word Cloud from Transcripts)](https://help.otter.ai/hc/en-us/articles/4413038490647-Show-a-word-cloud-from-a-conversation)

* * *

### [Auto Abbrify](https://meta.discourse.org/t/add-abbr-tags-to-words-in-posts/88394)

– What is AI? ← Hover Over  
– Affects Topics, not Replies

* * *

### [Auto Linkify](https://meta.discourse.org/t/linkify-words-in-post/82193)

– [MicroChic.FM](http://MicroChic.FM)

* * *

### [Inline Audio Recorder](https://meta.discourse.org/t/voice-recorder-component/215621)

[/uploads/default/original/1X/3662d4140904a4d6eceb7489386ed8f76ca1edb8.mp3](https://noobish.me/uploads/default/original/1X/3662d4140904a4d6eceb7489386ed8f76ca1edb8.mp3)

* * *

### [Clickable Topic](https://meta.discourse.org/t/clickable-topic/183339)

– [Topic List Test](http://noobish.me/)

* * *

### [Docs Card Filter](https://meta.discourse.org/t/discourse-docs-card-filter/187947)

– [Docs Page Test](http://noobish.me/docs)

* * *

### [Keyboard Text](https://meta.discourse.org/t/keyboard-text-button-component/117501)

– Can also use for creating boxed links [Keyboard Text Here](https://denverit.com)

* * *

### Included [data-theme] CSS (in common.css)

```auto
div[data-theme-boxed] {
    border-left: 0;
    background-color: #F5F2EF;
    padding: 1em;
    box-shadow: 0 1.36px 8.896px #c4b59d, 0 0 1px !important;
    border-radius: 4px;
}

div[data-theme-boxed-95] {
    width: 95%;
    border-left: 0;
    background-color: #F5F2EF;
    padding: 1em;
    box-shadow: 0 1.36px 8.896px #c4b59d, 0 0 1px !important;
    border-radius: 4px;
}

div[data-theme-boxed-90] {
    width: 90%;
    border-left: 0;
    background-color: #F5F2EF;
    padding: 1em;
    box-shadow: 0 1.36px 8.896px #c4b59d, 0 0 1px !important;
    border-radius: 4px;
}

div[data-theme-boxed-85] {
    width: 85%;
    border-left: 0;
    background-color: #F5F2EF;
    padding: 1em;
    box-shadow: 0 1.36px 8.896px #c4b59d, 0 0 1px !important;
    border-radius: 4px;
}

div[data-theme-boxed-80] {
    width: 80%;
    border-left: 0;
    background-color: #F5F2EF;
    padding: 1em;
    box-shadow: 0 1.36px 8.896px #c4b59d, 0 0 1px !important;
    border-radius: 4px;
}

div[data-theme-boxed-75] {
    width: 75%;
    border-left: 0;
    background-color: #F5F2EF;
    padding: 1em;
    box-shadow: 0 1.36px 8.896px #c4b59d, 0 0 1px !important;
    border-radius: 4px;
}

div[data-theme-boxed-70] {
    width: 70%;
    border-left: 0;
    background-color: #F5F2EF;
    padding: 1em;
    box-shadow: 0 1.36px 8.896px #c4b59d, 0 0 1px !important;
    border-radius: 4px;
}

div[data-theme-boxed-66] {
    width: 66.666%;
    border-left: 0;
    background-color: #F5F2EF;
    padding: 1em;
    box-shadow: 0 1.36px 8.896px #c4b59d, 0 0 1px !important;
    border-radius: 4px;
}

div[data-theme-boxed-65] {
    width: 65%;
    border-left: 0;
    background-color: #F5F2EF;
    padding: 1em;
    box-shadow: 0 1.36px 8.896px #c4b59d, 0 0 1px !important;
    border-radius: 4px;
}

div[data-theme-boxed-60] {
    width: 60%;
    border-left: 0;
    background-color: #F5F2EF;
    padding: 1em;
    box-shadow: 0 1.36px 8.896px #c4b59d, 0 0 1px !important;
    border-radius: 4px;
}

div[data-theme-boxed-55] {
    width: 55%;
    border-left: 0;
    background-color: #F5F2EF;
    padding: 1em;
    box-shadow: 0 1.36px 8.896px #c4b59d, 0 0 1px !important;
    border-radius: 4px;
}

div[data-theme-boxed-50] {
    width: 50%;
    border-left: 0;
    background-color: #F5F2EF;
    padding: 1em;
    box-shadow: 0 1.36px 8.896px #c4b59d, 0 0 1px !important;
    border-radius: 4px;
}

div[data-theme-boxed-45] {
    width: 45%;
    border-left: 0;
    background-color: #F5F2EF;
    padding: 1em;
    box-shadow: 0 1.36px 8.896px #c4b59d, 0 0 1px !important;
    border-radius: 4px;
}

div[data-theme-boxed-40] {
    width: 40%;
    border-left: 0;
    background-color: #F5F2EF;
    padding: 1em;
    box-shadow: 0 1.36px 8.896px #c4b59d, 0 0 1px !important;
    border-radius: 4px;
}

div[data-theme-boxed-35] {
    width: 35%;
    border-left: 0;
    background-color: #F5F2EF;
    padding: 1em;
    box-shadow: 0 1.36px 8.896px #c4b59d, 0 0 1px !important;
    border-radius: 4px;
}

div[data-theme-boxed-33] {
    width: 33.333%;
    border-left: 0;
    background-color: #F5F2EF;
    padding: 1em;
    box-shadow: 0 1.36px 8.896px #c4b59d, 0 0 1px !important;
    border-radius: 4px;
}

div[data-theme-boxed-30] {
    width: 30%;
    border-left: 0;
    background-color: #F5F2EF;
    padding: 1em;
    box-shadow: 0 1.36px 8.896px #c4b59d, 0 0 1px !important;
    border-radius: 4px;
}

div[data-theme-boxed-25] {
    width: 25%;
    border-left: 0;
    background-color: #F5F2EF;
    padding: 1em;
    box-shadow: 0 1.36px 8.896px #c4b59d, 0 0 1px !important;
    border-radius: 4px;
}

div[data-theme-boxed-20] {
    width: 20%;
    border-left: 0;
    background-color: #F5F2EF;
    padding: 1em;
    box-shadow: 0 1.36px 8.896px #c4b59d, 0 0 1px !important;
    border-radius: 4px;
}

div[data-theme-boxed-15] {
    width: 15%;
    border-left: 0;
    background-color: #F5F2EF;
    padding: 1em;
    box-shadow: 0 1.36px 8.896px #c4b59d, 0 0 1px !important;
    border-radius: 4px;
}

div[data-theme-boxed-10] {
    width: 10%;
    border-left: 0;
    background-color: #F5F2EF;
    padding: 1em;
    box-shadow: 0 1.36px 8.896px #c4b59d, 0 0 1px !important;
    border-radius: 4px;
}

div[data-theme-boxed-5] {
    width: 5%;
    border-left: 0;
    background-color: #F5F2EF;
    padding: 1em;
    box-shadow: 0 1.36px 8.896px #c4b59d, 0 0 1px !important;
    border-radius: 4px;
}

div[data-theme-otter] {
  overflow:hidden;
  box-shadow: 0 1.36px 8.896px #c4b59d, 0 0 1px !important;
  border-radius: 4px;
  border-top: 10px solid #fff;
  border-right: 10px solid #fff;
  border-bottom: 3px solid #fff;
  padding-top: 30px;
}

.cooked div[data-theme-otter] {
  iframe {
        box-shadow: none !important;
  }
}

div[data-theme-otter] {
  iframe {
        margin: -90px 0 0;
        height: 440px !important;
  }
}

[data-theme="jonebox"] {
    border: 5px solid var(--primary-low);
    margin: 1em 0;
    padding: 1em;
    font-size: var(--font-0);
    background: var(--secondary);
    width: 40%;
}

div[data-theme-hide-details] {
  details {
    display: none;
  }
}

```

* * *

### Inline TOC Bookmarklet

> **[I created a bookmarklet to create the table of content for forum posts](https://meta.discourse.org/t/i-created-a-bookmarklet-to-create-the-table-of-content-for-forum-posts/270961)**
>
> ▶ Table of contents: I created a bookmarklet to generate a foldable table of contents (ToC) like the one shown above. I hope it helps avid community members who write long texts! Summary I sometimes write long topics/posts and needed a ToC for...

* * *

### Allow Admins to Permanently Delete

There is a hidden site setting `permanently_delete`…

```auto
cd /var/discourse
./launcher enter app
rails c
SiteSetting.can_permanently_delete=true
exit
exit

```

> **[Enable setting to allow admins to permanently delete data](https://meta.discourse.org/t/enable-setting-to-allow-admins-to-permanently-delete-data/206678)**
>
> 🔖 This is a guide on how to enable the setting for administrators to permanently delete data on a Discourse instance. 🙋 Required user level: System Admin 🔧 Console access required As of 2.8.0.beta7: Security Release, Fast Edits, Topic...

* * *

### Allow Discourse in iFrames

There is a hidden site setting `allow_embedding_site_in_an_iframe`…

```auto
cd /var/discourse
./launcher enter app
rails c
SiteSetting.allow_embedding_site_in_an_iframe=true
exit
exit

```

> **[Using published pages in iframes on Ghost](https://meta.discourse.org/t/using-published-pages-in-iframes-on-ghost/245198/2)**
>
> I don’t know, but there is a hidden site setting allow\_embedding\_site\_in\_an\_iframe that you could try. ./launcher enter app rails c SiteSetting.allow\_embedding\_site\_in\_an\_iframe=true exit exit

* * *

### Allow Sub-sub Categories

There is a hidden site setting `max_category_nesting`…

`cd /var/discourse/`

`./launcher enter app`

`rails c`

`SiteSetting.max_category_nesting = 3`

`exit`

`exit`

> **[Is it possible to create sub-subcategories?](https://meta.discourse.org/t/is-it-possible-to-create-sub-subcategories/13821/17)**
>
> It is possible to change the level of subcategories now through a hidden site setting: cd /var/discourse/ ./launcher enter app rails c SiteSetting.max\_category\_nesting = 3

* * *

### All of the Hidden Site Settings

Any more of these can also be enabled in the app.yml file (the section at the bottom), i.e…

```auto
## Any custom commands to run after building
run:
  - exec: echo "Beginning of custom commands"
  - exec: rails r "SiteSetting.max_category_nesting=3"
  - exec: rails r "SiteSetting.allow_embedding_site_in_an_iframe=true"
  - exec: rails r "SiteSetting.can_permanently_delete=true"
  ## If you want to set the 'From' email address for your first registration, uncomment and change:
  ## After getting the first signup email, re-comment the line. It only needs to run once.
  #- exec: rails r "SiteSetting.notification_email='info@unconfigured.discourse.org'"
  - exec: echo "End of custom commands"

```

* * *

### All of the Default Site Settings

> **[Comprehensive list of SiteSettings?](https://meta.discourse.org/t/comprehensive-list-of-sitesettings/108678)**
>
> Hi, Is there a list some where of values I can set using the command line? It would be really helpful. Cheers! 🙂

 ![image](https://noobish.me/uploads/default/original/1X/0fd8f48bedb0f5f86c3203c123e75a412495a8fc.png)

* * *

### Discourse on Github

[https://github.com/topics/discourse-plugin?o=desc&s=updated](https://github.com/topics/discourse-plugin?o=desc&s=updated)

[https://github.com/discourse/all-the-themes/tree/main/themes](https://github.com/discourse/all-the-themes/tree/main/themes)

* * *

### Extra Site Images (Jen’s Uploaded)

![wrench-icon](https://noobish.me/uploads/default/original/1X/7880c40f57f000dbd4f2c99c59472fc0d8b41bdd.webp)

 ![wrench-icon](https://noobish.me/uploads/default/original/1X/4acffacdc1e15a6f08be7764beda3d54ff56424d.png)

### External Link (SVG) Code

```auto
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" style="width:20px; height:20px;">
	<title>
		external link
	</title>
	<path fill="#36c" d="M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16zM2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1"/>
</svg>

```

* * *

1. Plain text here. 

2. Text and Image Upload  

3. https://DenverIT.com/ 

4. https://Ghost-O-Matic.com/ 

5.

---

<div class="post-metadata">

**Author:** ![nOObish](https://noobish.me/user_avatar/noobish.me/noobish/32/13_2.png) [@nOObish](https://noobish.me/u/nOObish)\
**Post date:** [November 9, 2024, 5:39pm UTC](https://noobish.me/t/features-plugins-and-tools/165/2 "2024-11-09T17:39:44Z")

</div>

This is the first Reply to the Topic. This is for testing!

WooHoo!!!