Hello and Welcome to PianoClack
This is a forum for all piano enthusiasts who also love to chat about the little things in life! The moderation here is minimal and every topic is allowed, especially off-topic since it's what makes us friends ☀️ However, insults, vulgar language and hate speech are not allowed. While we all have different opinions and are welcome to express them freely, let's try to keep the atmosphere friendly and respectful 🕊
clack | klak |
verb
- make or cause to make a sharp sound or series of such sounds as a result of a hard object striking another: [no object] : he heard the sound of her heels clacking across flagstones | [with object] : he clacked the castanets in fine syncopation.
- [no object] archaic chatter loudly: he will sit clacking for hours.
There are no sub-forums here as on other forums. At least not exactly. Instead the concept of tags is being used. There are the so called primary tags and it is mandatory that you assign one of them to every new post:
- Pianos
- Pianist
- General
These are like main sub-forums. There are also the so called secondary tags that you can optionally assign to a thread to better describe its content, such as e.g. DIY, Knowledge, etc. If there's a thread with some videos, you may add the Recordings tag. You can assign up to three secondary tags. More about the tags and their organization HERE. You can select on the left what threads you would like to see, you can read "All Discussions" regardless of their categories (tags) or you can choose to see discussions with only a specific tag. By clicking on the "Tags" link you will see a map with all the primary and secondary tags.
Some Useful Tips
Posting videos
Just paste the URL. That's it 🙂
Uploading pictures
TLDR: Just copy/paste your picture in the text area. That's it 🙂
Longer version:
There are basically two scenarios.
- You have the picture on your computer:
1.1. You can drag and drop a picture from your computer into the text window where you write your post. Alternatively, you can copy the picture (select it in a file browser and press Ctrl+C or ⌘-C to insert it in the clipboard) and then paste it in the text window (Ctrl+V or ⌘-V). This should automatically upload the image to Imgur and then embed it into the post.
1.2. You can press the upload button and choose the picture from the file dialog, it will do the same as 1.1
1.3. You can also press the "My Media" button which opens a manager where you can see your previously uploaded images/files to attach them again to your current post. You can also upload new images/files from that dialog too.
- You have the picture already uploaded somewhere and you have the URL. Then you press the picture button and enter the URL there:
Uploading files
Files can be uploaded in the same way as images, as explained above. (and will be stored on an Amazon AWS S3 bucket). For audio files a little inline audio player will appear, so that the link is clickable and the audio will start/stop on each click. You can also right-click on the file to download it. The audio files will appear with their full Amazon AWS URL which can be long like this one:
https://pianoclack.s3.us-east-1.amazonaws.com/2022-02-06/1644145641-370616-bach-art-of-fugue-contrapunctus-i-v2.mp3
That is why you can also wrap the URL with proper Markdown tags like this one:
[Bach - The Art of Fugue - Contrapunctus I](https://pianoclack.s3.us-east-1.amazonaws.com/2022-02-06/1644145641-370616-bach-art-of-fugue-contrapunctus-i-v2.mp3) which would result in:
Bach - The Art of Fugue - Contrapunctus I
You can check your uploaded files if you open your profile and click on "My Media" in the menu or when you click on the "My Media" toolbar button when posting.
Formatting text
The most useful mode is the so called Rich Text editor (or WYSIWYG, or "What You See Is What You Get" editor). It can be activated by pressing the fountain pen icon in the toolbar 🖋 It will allow you to use the toolbar buttons to format your text in the text window and directly see the formatting in that window.
Another option is to use Markdown or BBcode.
Use Markdown or BBcode to add formatting. The toolbar will help you add common Markdown which involves adding certain special characters in front of or around your text, such as: **bold**, _italics_, ~~strike~~, >!spoiler!<, [link text](url), and .
BBcode is a common bracket style code that wraps your text, such as: [b]bold[/b], [i]italics[/i], [s]strike[/s], [url=]link text[/url], and [img]url[/img].
Below you will find additional options and examples.
Markdown
Block elements
Blockquotes
A line that starts with a right angle bracket > (optionally followed by a space) is a blockquote. Blockquotes can be nested but they can't be used inside of lists. Consecutive blockquotes can be separated with two blank lines.
> > Deep blockquote
>
> Shallower blockquote
No blockquote
Example:
No blockquote
Lists
*, - and + for unordered lists, or any number of digits followed by a dot such as 1. for an ordered list. The list item must be followed by a space then at least one character. Lists can be nested and can be used inside of blockquotes.
The indentation inside of nested lists emulates the behaviour of the original Markdown, meaning that sublists after the first should be indented by 4 spaces or a tab.
If a list has any of its text content or list items separated with a blank line, each of its items' content is wrapped in a paragraph. Consecutive lists can be separated with two blank lines.
Ordered:
1. Collect
2. **?**
3. Profit
Example:
- Collect
- ?
- Profit
Unordered:
- Collect
- **?**
- Profit
Indented code blocks
A series of lines indented by at least 4 spaces or a tab, preceded with an empty line.
Check out this program:
10 PRINT "Hello"
20 GOTO 10
Fenced code blocks
A series of lines between two markers composed of at least 3 consecutive ` or ~ and identical in length. The name of the programming language can be appended to the first marker.
Spoilers
Block spoilers are similar to blockquotes and follow the same rules as blockquotes. Block spoilers use >! as opening markup instead of >. Subsequent lines can be started with >.
>! >! Super spoiler
>!
>! Spoiler
No spoiler
Example:
Super spoiler
Spoiler
No spoiler
Headers
This is an H1
=============
This is an H2
-------------
Example:
This is an H1
This is an H2
# This is an H1
## This is an H2
###### This is an H6
Example:
This is an H1
This is an H2
This is an H6
Horizontal rules
Each of those creates an horizontal rule.
* * *
***
*****
- - -
---------------------------------------
Paragraphs and line breaks
Paragraphs are automatically created. Newlines are ignored by default, line breaks can be forced by ending a line with two spaces.
normal
forced
another line
Formatting elements
Links
Note that special characters inside links can be escaped with a backslash.
[Link text](http://example.org)
[Link text](http://example.org "Link title")
[Link text](http://example.org 'Link title')
[Link text](http://example.org (Link title))
[Mars](http://en.wikipedia.org/wiki/Mars_(disambiguation))
[Mars](http://en.wikipedia.org/wiki/Mars_\(disambiguation\))
Example:
Link text
Link text
Link text
Link text
Mars
Mars
Emphasis
A pair of * or _ around non-whitespace text marks emphasis (<em>) while a pair of ** or __ marks strong emphasis (<strong>). One exception: a single _ between two ASCII alphanumerical characters is kept as-is.
un*frigging*believable
***ON SALE!***
a * b = b * a
perform_complicated_task()
Example:
unfriggingbelievable
ON SALE!
a * b = b * a
perform_complicated_task()
When a block of three * or _ is found, the order of strong/em depends on the next series of * or _ characters.
***foo* bar**
***foo** bar*
Example:
foo bar
foo bar
Inline spoilers
Any text between >! and !< or between || and ||. Unlike block spoilers, they can be used anywhere on a line.
This is a Reddit-style >!spoiler!<.
This is a Discord-style ||spoiler||.
Example:
This is a Reddit-style spoiler.
This is a Discord-style spoiler.
Strikethrough
Any text between two ~~ markers.
90s haircuts are ~~cool~~ ~~lame~~ cool again.
Example:
90s haircuts are cool lame cool again.
Subscript and superscript
x^2
x^2^
x^(n - 1)
x^(n^2)
x^(n^(2))
H~2~O
H~(2)O
Example:
x2
x2
xn - 1
xn2
xn2
H2O
H2O
Inline code
Any text between two markers of same length, entirely composed of backticks ` and neither preceded or followed by a backtick. Leading and trailing whitespace is removed. The backslash does not escape characters inside of a code span.
Single `print("``")` or double ``print("`")``
Example:
Single print("``") or double print("`")
Inline elements
Images
[](http://example.org/)
Example:
BBCode
The following BBCodes are available.
[b]bold[\b] Example: bold
[i]italics[/i] Example: italics
[u]underline[/u] Example: underline
[s]strike[/s] Example: strike
[url=#]link[/url] Example: link
[email]email@invalidmail.com[/email] Example: email@invalidemail.com
[code]<html><?php echo "ok"; ?></html>[/code]
Example:
<html><?php echo "ok"; ?></html>
[quote]You may quote me on this.[/quote]
Example:
You may quote me on this.
[list]
[*]item 1[/*]
[*]item 2[/*]
[/list]
Example:
[del]delete/strike[/del] Example: delete/strike ([s][/s] works too)
[color=red]red[/color] Example: red
[center]center[/center] Example:
[size=20]size[/size] Example: size
[img]http://example.org/img.png[/img] Example:
