Mads Kjeldgaard<p>SuperCollider has an official mastodon account now: <span class="h-card" translate="no"><a href="https://social.toplap.org/@supercollider" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>supercollider</span></a></span> <a href="https://sonomu.club/tags/supercollider" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>supercollider</span></a></p>
Recent searches
No recent searches
Search options
Only available when logged in.
eupolicy.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
This Mastodon server is a friendly and respectful discussion space for people working in areas related to EU policy. When you request to create an account, please tell us something about you.
Administered by:
Server stats:
216active users
eupolicy.social: About · Profiles directory · Privacy policy
Mastodon: About · Get the app · Keyboard shortcuts · View source code · v4.3.6
#supercollider
2 posts · 2 participants · 0 posts today
Mads Kjeldgaard<p>vlog3: shed skin, escape linearity</p><p><a href="https://sonomu.club/tags/vlogging" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>vlogging</span></a> <a href="https://sonomu.club/tags/lilypond" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>lilypond</span></a> <a href="https://sonomu.club/tags/supercollider" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>supercollider</span></a> <a href="https://sonomu.club/tags/soundart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>soundart</span></a> <a href="https://sonomu.club/tags/experimentalmusic" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>experimentalmusic</span></a></p><p><a href="https://www.youtube.com/watch?v=IoCSYrU5kF4" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">youtube.com/watch?v=IoCSYrU5kF</span><span class="invisible">4</span></a></p>
chuckadeus kummerer<p>anyone (successfully) using cl-audiovisual? there's an eval-camera in there that quicklisp doesn't know about...</p><p><a href="https://chaos.social/tags/livecoding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>livecoding</span></a> common <a href="https://chaos.social/tags/lisp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>lisp</span></a> <a href="https://chaos.social/tags/supercollider" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>supercollider</span></a> (related sort of)</p>
Prince Lucija<p>I'm a computer musician making:<br>⇒ various forms of electro-funk and bass <a href="https://0x.trans.fail/tags/music" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>music</span></a><br>⇒ ambiental drone, noise and sonic experiments<br>⇒ expanded cinema & <a href="https://0x.trans.fail/tags/video" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>video</span></a> projects</p><p>I also:<br>⇒ do <a href="https://0x.trans.fail/tags/queer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>queer</span></a> <a href="https://0x.trans.fail/tags/performance" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>performance</span></a><br>⇒ run a small local <a href="https://0x.trans.fail/tags/creativecommons" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CreativeCommons</span></a> <a href="https://0x.trans.fail/tags/netlabel" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>netlabel</span></a> "Kamizdat" w/ boutique physical releases<br>⇒ started and run smol mastodon server for Sound Noise Music folk @ sonomu.club<br>⇒ use <a href="https://0x.trans.fail/tags/floss" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FLOSS</span></a> & <a href="https://0x.trans.fail/tags/linux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>linux</span></a></p><p>more @ <a href="https://prin.lu" rel="nofollow noopener noreferrer" target="_blank">https://prin.lu</a><br>support: <a href="https://prin.lu/support/" rel="nofollow noopener noreferrer" target="_blank">https://prin.lu/support/</a><br>main <span class="h-card"><a href="https://sonomu.club/@luka" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>luka</span></a></span> @ sonomu.club (2019) & <span class="h-card"><a href="https://toot.si/@luka" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>luka</span></a></span> @ toot.si (2017)</p><p><a href="https://0x.trans.fail/tags/supercollider" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SuperCollider</span></a> <a href="https://0x.trans.fail/tags/renoise" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>renoise</span></a> <a href="https://0x.trans.fail/tags/livecoding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>livecoding</span></a> <a href="https://0x.trans.fail/tags/processing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>processing</span></a> <a href="https://0x.trans.fail/tags/artwithopensource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ArtWithOpenSource</span></a> <a href="https://0x.trans.fail/tags/electronicmusic" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ElectronicMusic</span></a> <a href="https://0x.trans.fail/tags/computermusic" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ComputerMusic</span></a> <a href="https://0x.trans.fail/tags/glitchart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GlitchArt</span></a> <a href="https://0x.trans.fail/tags/ardour" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ardour</span></a> <a href="https://0x.trans.fail/tags/kdenlive" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>kdenlive</span></a> <a href="https://0x.trans.fail/tags/reintroduction" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>reintroduction</span></a> <a href="https://0x.trans.fail/tags/introduction" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>introduction</span></a></p>
Federico Visi<p>Final three videos from the 2024 <a href="https://mastodon.social/tags/EmbeddingAlgorithms" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>EmbeddingAlgorithms</span></a> workshop. 3: the closing performance by <span class="h-card" translate="no"><a href="https://mastodon.social/@adampultz" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>adampultz</span></a></span> on Feedback Actuated Acoustic Bass (FAAB) and <span class="h-card" translate="no"><a href="https://hci.social/@tpelinski" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>tpelinski</span></a></span> on modular synth and machine learning models <a href="https://youtu.be/ZzpQMrLqcG0" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">youtu.be/ZzpQMrLqcG0</span><span class="invisible"></span></a> <a href="https://mastodon.social/tags/supercollider" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>supercollider</span></a> <a href="https://mastodon.social/tags/bela" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>bela</span></a> <a href="https://mastodon.social/tags/belaplatform" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>belaplatform</span></a> <a href="https://mastodon.social/tags/modularsynth" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>modularsynth</span></a> <a href="https://mastodon.social/tags/faab" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>faab</span></a></p>
Federico Visi<p>Final three videos from the 2024 <a href="https://mastodon.social/tags/EmbeddingAlgorithms" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>EmbeddingAlgorithms</span></a> workshop. 1: a performance by @zoonslows on Slow Qin and @alberto.decampo on Non-Trivial Musical Instrument (NTMI) <a href="https://youtu.be/eTml59lx_UY" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">youtu.be/eTml59lx_UY</span><span class="invisible"></span></a> <a href="https://mastodon.social/tags/NIME" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>NIME</span></a> <a href="https://mastodon.social/tags/SuperCollider" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SuperCollider</span></a> <a href="https://mastodon.social/tags/NewInstruments" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>NewInstruments</span></a> <a href="https://mastodon.social/tags/MaxMSP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MaxMSP</span></a> <a href="https://mastodon.social/tags/ExperimentalMusic" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ExperimentalMusic</span></a> <a href="https://mastodon.social/tags/SlowQin" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SlowQin</span></a> <a href="https://mastodon.social/tags/EchoHo" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>EchoHo</span></a> <a href="https://mastodon.social/tags/AlbertoDeCampo" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AlbertoDeCampo</span></a></p>
Mads Kjeldgaard<p>I've published a new <a href="https://sonomu.club/tags/supercollider" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>supercollider</span></a> package for harmonic hacking. </p><p>Use it to easily turn a melody into a series of chords, or some chords into arpeggios. Or both. Or other kinds of harmonic shenanigans.</p><p>It makes it a lot simpler to work with chords, harmonies and arpeggios. It makes it so much simpler and easier to think harmonically in SC. </p><p><a href="https://sonomu.club/tags/supercollider" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>supercollider</span></a> <a href="https://sonomu.club/tags/ambient" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ambient</span></a> <a href="https://sonomu.club/tags/harmony" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>harmony</span></a> <a href="https://sonomu.club/tags/generativemusic" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>generativemusic</span></a> <a href="https://sonomu.club/tags/experimentalmusic" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>experimentalmusic</span></a></p><p><a href="https://github.com/madskjeldgaard/HarmonicToolkitSC" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/madskjeldgaard/Harm</span><span class="invisible">onicToolkitSC</span></a></p>
Luka Prin/ce Lucija<p>(work in progress 250427 B)<br><a href="https://sonomu.club/tags/SuperCollider" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SuperCollider</span></a></p>
Luka Prin/ce Lucija<p>(work in progress)</p><p><a href="https://sonomu.club/tags/SuperCollider" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SuperCollider</span></a></p>
draco<p>if you are at <a href="https://sonomu.club/tags/eh22" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>eh22</span></a> <a href="https://sonomu.club/tags/easterhegg2025" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>easterhegg2025</span></a> and would like to talk about <a href="https://sonomu.club/tags/SuperCollider" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SuperCollider</span></a>, hit me up.</p><p>(Also generally, you can talk to me. Unless I'm hiding in the quiet area.)</p>
Koledar Kompot<p><strong>SREČANJE TOPLAP.SI</strong></p>
<p>Studio 103, Wednesday, April 9 at 05:00 PM GMT+2</p><p>Redno srečanje živopisanja zvoka in slike akterk_jev v regiji.</p><p>Na programu je neformalni prikaz lastnih metod ustvarjanja glasbe v Strudel-u in SuperColliderju: <strong><em><u>MSN GF</u></em></strong> bo delila svoj setup z zadnjega Algorave-a v Gromki, če bo priložnost bo podobno pokazala tudi <strong><em><u>Prince Lucija</u></em></strong>.</p><p>Srečamo se v Emanatovem Studiu 103 na Trgu prekomorskih brigad 1.</p><p></p><p><strong>Splošno o živopisanju:</strong></p><p></p><p>Programiranje v živo postaja vse bolj zanimiva smer v elektronski glasbi in video umetnosti. Koderke_<em>ji</em> razkrivajo in preoblikujejo delovanje programja, medtem ko le-ta ustvarja improvizirano glasbo in/ali vizualne podobe. Vse manipulacije s programsko kodo se projicirajo za gledalke_<em>ce in poslušalke</em>_ce (“show us your screens!”).<em> </em></p><p><em>>>toplap . si<< je skupina entuzijastk_</em>ov na geografskem področju Slovenije.</p><p>Več na <a href="https://toplap.si" rel="nofollow noopener noreferrer" target="_blank">https://toplap.si</a></p><p>(izvorna koda naslovnice: <a href="https://hydra.ojack.xyz/?sketch_id=pm70JxXMTZre9k7L" rel="nofollow noopener noreferrer" target="_blank">https://hydra.ojack.xyz/?sketch_id=pm70JxXMTZre9k7L</a>) </p>
<p><a href="https://koledar.kompot.si/event/srecanje-toplapsi" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">koledar.kompot.si/event/srecan</span><span class="invisible">je-toplapsi</span></a></p>
draco<p>I hear it's <a href="https://sonomu.club/tags/FairTradeMusicFriday" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FairTradeMusicFriday</span></a>! </p><p>Here's my music. First, the_emergent is my project for everything <a href="https://sonomu.club/tags/experimental" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>experimental</span></a> & <a href="https://sonomu.club/tags/ambient" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ambient</span></a> and the stuff I make with <a href="https://sonomu.club/tags/SuperCollider" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SuperCollider</span></a>: </p><p>:mirlo: <a href="https://mirlo.space/the-emergent" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">mirlo.space/the-emergent</span><span class="invisible"></span></a><br>:bandcamp: <a href="https://emergent.bandcamp.com" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">emergent.bandcamp.com</span><span class="invisible"></span></a></p><p>roots & engines is my place for <a href="https://sonomu.club/tags/EBM" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>EBM</span></a>-ish <a href="https://sonomu.club/tags/electronic" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>electronic</span></a> beats & sounds:<br>:mirlo: <a href="https://mirlo.space/roots-and-engines" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">mirlo.space/roots-and-engines</span><span class="invisible"></span></a><br>:bandcamp: <a href="https://rootsandengines.bandcamp.com" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">rootsandengines.bandcamp.com</span><span class="invisible"></span></a></p>
draco<p>Here's a little ambient livecoding for you: <a href="https://davbot.media/w/5yvBXkbWiJLPmXRoCnXAJM" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">davbot.media/w/5yvBXkbWiJLPmXR</span><span class="invisible">oCnXAJM</span></a><br><a href="https://sonomu.club/tags/SuperCollider" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SuperCollider</span></a> <a href="https://sonomu.club/tags/livecoding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>livecoding</span></a> <a href="https://sonomu.club/tags/ambient" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ambient</span></a></p>
draco<p>I released a piece of cat-inspired noise: <a href="https://mirlo.space/the-emergent/release/ch" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">mirlo.space/the-emergent/relea</span><span class="invisible">se/ch</span></a></p><p><a href="https://sonomu.club/tags/SuperCollider" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SuperCollider</span></a> <a href="https://sonomu.club/tags/catcore" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>catcore</span></a> <a href="https://sonomu.club/tags/experimental" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>experimental</span></a> <a href="https://sonomu.club/tags/noise" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>noise</span></a></p>
pulusound<p>did you know that in SC2, you can just call .ar on a pattern to make it part of your signal graph? <a href="https://anticapitalist.party/tags/SuperCollider" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SuperCollider</span></a> <a href="https://anticapitalist.party/tags/LiveCoding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>LiveCoding</span></a></p>
Charles 𝄢 H<p>Oh, hey there was a <a href="https://post.lurk.org/tags/SuperCollider" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SuperCollider</span></a> Symposium last fucking week and I'm so out of the bloody loop, I never even heard about it.</p><p>It was about the future of SuperCollider.</p><p>And based in the US, so there's no fucking way I would have gone, omg. If that's the future of SC, then all it has left is past.</p>
Holger<p>Tonight I’m playing at cosmic playgrounds in <a href="https://hachyderm.io/tags/esslingen" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>esslingen</span></a> <a href="https://hachyderm.io/tags/livecoding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>livecoding</span></a> <a href="https://hachyderm.io/tags/supercollider" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>supercollider</span></a> with Benoît and the Mandelbrots. Excited to play in person with them for the first time since 2023 <a href="https://dieselstrasse.de/kalenderdaten/detail/cosmic-playgrounds-1403/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">dieselstrasse.de/kalenderdaten</span><span class="invisible">/detail/cosmic-playgrounds-1403/</span></a></p>
Marlen B<p>Vendredi je présenterais le premier volet sur le monde paysan.<br>Y'aura un peu de video, du code de la voix. <br><a href="https://piaille.fr/tags/Livecoding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Livecoding</span></a> <a href="https://piaille.fr/tags/Supercollider" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Supercollider</span></a> <a href="https://piaille.fr/tags/ORCA" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ORCA</span></a></p>
pulusound<p>4 out of 4 tracks for my OS9 EP are done 🥳 (aside from minor tweaks and mastering) <a href="https://anticapitalist.party/tags/MARCHintosh" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MARCHintosh</span></a> <a href="https://anticapitalist.party/tags/SuperCollider" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SuperCollider</span></a> <a href="https://anticapitalist.party/tags/LiveCoding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>LiveCoding</span></a> <a href="https://anticapitalist.party/tags/Algorave" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Algorave</span></a> <a href="https://anticapitalist.party/tags/MacOS9" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MacOS9</span></a> <a href="https://anticapitalist.party/tags/RetroComputing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>RetroComputing</span></a></p>
hyaline.systems<p>O, hi, we wrote a new blog post!</p><p>If you want to turn a Raspberry Pi or Linux computer into a music instrument or an installation piece, then you need to consider how to start your software when power is turned on. This is surprisingly hard, but we've made it a bit easier with a small guide with tips and tricks and an example of booting directly into a <a href="https://mastodon.social/tags/SuperCollider" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SuperCollider</span></a> program once powered on.</p><p><a href="https://mastodon.social/tags/linux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>linux</span></a> <a href="https://mastodon.social/tags/raspberrypi" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>raspberrypi</span></a> <a href="https://mastodon.social/tags/musicproduction" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>musicproduction</span></a> <a href="https://mastodon.social/tags/supercollider" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>supercollider</span></a> <a href="https://mastodon.social/tags/puredata" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>puredata</span></a></p><p><a href="https://hyaline.systems/blog/linux-audio-startup/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">hyaline.systems/blog/linux-aud</span><span class="invisible">io-startup/</span></a></p>
ExploreLive feeds
Mastodon is the best way to keep up with what's happening.
Follow anyone across the fediverse and see it all in chronological order. No algorithms, ads, or clickbait in sight.
Create accountLoginDrag & drop to upload