This is really good too! When will it be done? [[User:Tbyunomi|Tbyunomi]] ([[User talk:Tbyunomi|talk]]) 16:40, 27 September 2023 (PDT)
:It's mostly serviceable as is, it just needs more information added to it to help fill it out. mp [[User:Arskari|Arskari]] ([[User talk:Arskari|talk]]) 16:55, 27 September 2023 (PDT)

User:Arskari/sandbox

2023-09-27T23:29:24Z

Arskari: Made a mirror on User:Arskari/main page prototype. Needs input before moving onto main page.

__FORCETOC__
=== [[Instrument Options]] visual ===
{|class="wikitable" style="width: 100%; border-spacing: 5px; text-align: center;"
| '''''Instrument'''''
Name of the currently selected instrument
| '''''Lock'''''
Toggles the instrument lock, which prevents the current instrument from being placed or selected.
| '''''Copy'''''
Copies the settings of the current instrument to the clipboard as a string. The settings string is not instrument exclusive.
| '''''Load'''''
Reads the contents of the clipboard and parses it to settings, if possible.
| '''''Clone'''''
Creates a [[Clone]] of the current instrument and its settings.
| '''''Delete'''''
Deletes a cloned instance of an instrument.
|-
| '''''Mute'''''
Mutes the current instrument.
| '''''Solo'''''
Mutes all other instruments.
| colspan=3|
| '''''Reset'''''
Resets all options to their default values.
|-
| colspan=5 | '''''Volume'''''
Slider that adjusts the instrument's global volume, before note volume or sequence volume.
| '''''Delay'''''
Toggles the delay effect.
|-
| colspan=6 | '''''Panning'''''
Slider that adjusts the instrument's panning, from 100% left to 100% right.
|-
| colspan=6 | '''''Detune'''''
Set the instrument's detune value, from -1200 (1 octave down) to 1200 (1 octave up). Shift click for finer control.
|-
| '''''Reverb'''''
Select the reverb effect to use.
| colspan=5 | '''''Reverb volume'''''
Slider that controls the amount of reverb for the instrument.
|-
| '''''Distort'''''
Select the distort effect to use.
| colspan=5 | '''''Distort volume'''''
Slider that controls the amount of distort for the instrument.
|-
| rowspan=3 | '''''Equalizer'''''
Toggle that enables equalizer functions.
| colspan=5 | '''''High EQ'''''
Slider controlling the high EQ pass.
|-
| colspan=5 | '''''Mid EQ'''''
Slider controlling the mid EQ pass.
|-
| colspan=5 | '''''Low EQ'''''
Slider controlling the low EQ pass.
|}
this is going to get real ugly to edit if more options are added

Might be useful, but it's really just for eyecandy. Should definitely be added to a template first if it's going to be added.

----

=== WIP [[Main Page]] draft ===


{|class="wikitable" style="width: 100%; border-spacing: 5px; text-align: center; margin-bottom: .3%;"
| Welcome to the '''{{SITENAME}}''', a wiki for using and navigating [https://onlinesequencer.net/ Online Sequencer].
'''Online Sequencer''' is a web-based music [[wikipedia:Music_sequencer|sequencer]] that allows users to create music saved online or on their computer and share it with other users.
|}
<div style="display: flex; flex-wrap: wrap; column-gap: .3%;">
<div style="display:inline; margin-left: auto; margin-right: auto; margin-bottom: .3%; flex-grow: 1; ">
{|class="wikitable" style="width: 100%; height: 100%; border-spacing: 5px; margin-top: 0px;"
|-
| style="vertical-align: top;" |
{|class="wikitable" style="width: 100%; border-spacing: 5px; margin-top: 3px;"
!style="color:#FFFFFF; background:#254d88; text-align: left;"|'''Getting Started''' 
|}
* [[Features]]
* [[Instruments]]
** [[Instrument Options]]
** [[Equalizer]]
|}
</div><div style="display:inline; margin-left: auto; margin-right: auto; margin-bottom: .3%; flex-grow: 1;">
{|class="wikitable" style="width: 100%; height: 100%; border-spacing: 5px; margin-top: 0px;"
|-
| style="vertical-align: top;" |
{|class="wikitable" style="width: 100%; border-spacing: 5px; margin-top: 3px;"
!style="color:#FFFFFF; background:#254d88; text-align: left;"|'''Online Sequencer News''' 
|}
* '''[https://test.onlinesequencer.net/ test.onlinesequencer.net]''' : Synthesizer instrument added
* Sequence information moved to sidebar, sequence descriptions added
* Sustained smooth synth added, old sequences not affected

{|class="wikitable" style="width: 100%; border-spacing: 5px;"
!style="color:#FFFFFF; background:#254d88; text-align: left";|'''Community''' 
|}
* [https://test.onlinesequencer.net/forum/ Online Sequencer Forum]
----
[https://onlinesequencer.net/forum/thread-8082.html Current Contest] (9/1/23 – 9/21/2023)

Winners announced on 9/30!

Theme: Alternative Rock
----
[https://onlinesequencer.net/forum/thread-8016.html Last Contest] (8/1/23 – 8/21/2023)

Theme: Eurobeat

Winning entries:
# [https://onlinesequencer.net/3538253 blazing heart!! - vocal] by [https://onlinesequencer.net/members/1632 LucentTear]
# [http://onlinesequencer.net/3560649 Power Trip] by [https://onlinesequencer.net/members/26737 Mr. Magicman]
# [https://onlinesequencer.net/3550067 Radiance -End of The Universe -] by [https://onlinesequencer.net/members/101056 N4T]
# [https://onlinesequencer.net/3535122 Pi-canto] by [https://onlinesequencer.net/members/19664 Julesvpraag]
|}
</div>
</div>
====== End Draft ======
'''Deploy-ready version on [[User:Arskari/main page prototype]]'''

Eye candy, but for something actually important this time. The main page, right now, is a general overview of the site which makes sense, but doesn't really help with getting around the wiki itself.
Userspace pages aren't private, so contribute if you want.

TODO:
* Navigation sections for useful articles
* Link to forum/community sites?
* <s>Current community events bumper (Ongoing, Winner, ?)</s> Needs styling for contests
* <s>Online Sequencer updates/news</s> Started, needs more entries. Changelog documentation page?
* Wiki users/article count?
* <s>Using a single table for both bumpers causes wrapping issues on narrow windows/mobile, hence the div tags. Need a way to set them to the same height each.</s>
** The bumpers are now a flex box containing two inline elements, each with a single table contained in itself. This handles scaling and wrapping.
* Migrate sections currently on [[Main Page]] to their own articles (History, features)

====== Wikitext Breakdown ======
<pre>
__NOTOC__
{|class="wikitable" style="width: 100%; border-spacing: 5px; text-align: center; margin-bottom: .3%;"
| Welcome to the '''{{SITENAME}}''', a wiki for using and navigating [https://onlinesequencer.net/ Online Sequencer].
'''Online Sequencer''' is a web-based music [[wikipedia:Music_sequencer|sequencer]] that allows users to create music saved online or on their computer and share it with other users.
|}
</pre>
This is the welcome banner, implemented as a wikitable. <nowiki>__NOTOC__</nowiki> prevents a table of contents from being generated, but a <nowiki>__FORCETOC__</nowiki> could be used after this if wanted for the rest of the main page.
<pre>
<div style="display: flex; flex-wrap: wrap; column-gap: .3%;">
</pre>
Opens a flexbox container to handle the two bumpers. <code>flex-wrap: wrap</code> enables wrapping at narrow screen sizes, such as shrinking a window or on a mobile device. <code>column-gap</code> adds space between items if on the same row.
<pre>
<div style="display:inline; margin-left: auto; margin-right: auto; margin-bottom: .3%; flex-grow: 1; ">
</pre>
Creates an inline element inside the flexbox. <code>flex-grow</code> causes the sections to stretch to fill out all possible width; having both at 1 makes them share the width.
<pre>
{|class="wikitable" style="width: 100%; height: 100%; border-spacing: 5px; margin-top: 0px;"
|-
| style="vertical-align: top;" |
</pre>
Creates a table inside the inline element, which is what is actually seen. Width and height are set to take up all space in their container. <code>vertical-align</code> must be applied to the row and makes sure content is aligned to the top, rather than centering by default.
<pre>
{|class="wikitable" style="width: 100%; border-spacing: 5px; margin-top: 3px;"
!style="color:#FFFFFF; background:#254d88; text-align: left;"|'''Getting Started''' 
|}
</pre>
Banner using a table for color and styling.
<pre>
* [[Features]]
* [[Instruments]]
* [[Equalizer]]
|}
</div></pre>Content in a list, then close the table, and finally close the inline.<pre><div style="display:inline; margin-left: auto; margin-right: auto; margin-bottom: .3%; flex-grow: 1;">
</pre>Second inline element.<pre>
{|class="wikitable" style="width: 100%; height: 100%; border-spacing: 5px; margin-top: 0px;"
|-
| style="vertical-align: top;" |
</pre>Second table.<pre>
{|class="wikitable" style="width: 100%; border-spacing: 5px; margin-top: 3px;"
!style="color:#FFFFFF; background:#254d88; text-align: left;"|'''Online Sequencer News''' 
|}
</pre>Another banner.<pre>
* '''[https://test.onlinesequencer.net/ test.onlinesequencer.net]''' : Synthesizer instrument added
* Sustained smooth synth added, old sequences not affected
</pre>Content in a list.<pre>
{|class="wikitable" style="width: 100%; border-spacing: 5px;"
!style="color:#FFFFFF; background:#254d88; text-align: left";|'''Community''' 
|}
</pre>Another banner.<pre>
* [https://test.onlinesequencer.net/forum/ Online Sequencer Forum]
</pre>Link to the forum.<pre>
----
[https://onlinesequencer.net/forum/thread-8016.html Current Contest] (8/1/23 – 8/21/2023)

Theme: Eurobeat
----
[https://onlinesequencer.net/forum/thread-7942.html Last Contest] (7/1/23 – 7/21/2023)

Theme: Jungle music

Winning entries:
# [http://onlinesequencer.net/3509773 jungle jammin'] by [https://onlinesequencer.net/members/26737 Mr. Magicman]
# [https://onlinesequencer.net/3519882 I was inspired by traditional African music] by [https://onlinesequencer.net/members/14215 Lopyt]
# [https://onlinesequencer.net/3498969 Black Mamba] by [https://onlinesequencer.net/members/36102 JOwen]
|}
</div>
</pre>Remainder of the table. <code>----</code> creates a horizontal line to separate sections. Listing items by <code>#</code> creates a numbered list. Close the table and inline.<pre>
</div>
</pre>Close the flexbox.

2023-08-03T22:55:20Z

Arskari:

User:Arskari/sandbox

2023-08-03T21:24:26Z

Arskari:

Test

2023-08-03T21:05:11Z

Arskari: Changed redirect target from User:TBYUNOMI/Test to Test site

#REDIRECT [[Test site]]

Test

2023-08-03T21:04:33Z

Arskari: Arskari moved page Test to User:TBYUNOMI/Test: should be a redirect page, moving to user namespace

#REDIRECT [[User:TBYUNOMI/Test]]

User:TBYUNOMI/Test

2023-08-03T21:04:33Z

Arskari: Arskari moved page Test to User:TBYUNOMI/Test: should be a redirect page, moving to user namespace

User:Arskari/sandbox

2023-08-03T08:03:18Z

Arskari: if you're a webdev avoid for your own safety

Instruments

2023-06-29T21:45:32Z

Arskari: smooth synth (classic)

'''Instruments''' are the collections of sounds in Online Sequencer, which have different timbres and applications within the music. On the sequencer's piano roll, instruments are distinguished by their color. While OS has 72 notes, many cannot play this entire range. Therefore, only instruments like pianos, vibraphones, music boxes, sitars, steel drums, and the 2023 drum kit can play all 72 notes.
==List of instruments==
As of January 2023, Online Sequencer provides 50 instruments.
===Piano section===
*Electric Piano
*Grand Piano
*Harpsichord
*Ragtime Piano
*Music Box
*Electric Piano (Classic)
*Grand Piano (Classic)
===Percussion (MIDI) section===
*Drum Kit
*Electric Drum Kit
*Xylophone
*Vibraphone
*Steel Drum
===Percussion (Classic) section===
*8-Bit Drum Kit
*2013 Drum Kit
*808 Drum Kit
*909 Drum Kit
*2023 Drum Kit
===Guitar section===
*Acoustic Guitar
*Electric Guitar
*Bass
*Bass Guitar
*Bass Guitar (Classic)
*Slap Bass
*Jazz Guitar
*Muted-E Guitar
*Distortion Guitar
*Distortion Guitar (sustain)
*Clean Guitar
*Sitar
*Koto

===Electronic section===
*Smooth Synth
*Synth Pluck
*Scifi
*8-Bit Sine
*8-Bit Square
*8-Bit Sawtooth
*8-Bit Triangle
===Orchestra section===
*French Horn
*French Horn (sustain)
*Trombone
*Trombone (sustain)
*Violin
*Violin (sustain)
*Cello
*Cello (sustain)
*Concert Harp
*Pizzicato
*Flute
*Strings (sustain)

===Testing section===
*Saxophone
*Synth Bass
*Church Organ
*Pop Synth
*808 Bass

===Hidden Instruments===
*Smooth Synth (Classic)
**Unsustained smooth synth, used on legacy sequences.
**ID: 3
[[category:Online Sequencer UI]]

2023-05-26T05:00:51Z

Arskari: Redirected page to Cloning

#REDIRECT [[Cloning]]

Bpm

2023-05-26T04:40:54Z

Arskari: tempo page is kill

#REDIRECT [[BPM]]