Improved responsiveness on small screens
* better responsiveness and alignment especially on narrower screens * removed rounded borders for drum pads and main cardmaster
parent
74bf954cfd
commit
135e6597c4
@ -1,74 +1,67 @@
|
||||
export const drumPadKeys = [
|
||||
[
|
||||
{
|
||||
key: "Q",
|
||||
name: "Heater 1",
|
||||
altName: "Chord 1",
|
||||
audioSrc: "https://s3.amazonaws.com/freecodecamp/drums/Heater-1.mp3",
|
||||
altAudioSrc: "https://s3.amazonaws.com/freecodecamp/drums/Chord_1.mp3",
|
||||
},
|
||||
{
|
||||
key: "W",
|
||||
name: "Heater 2",
|
||||
altName: "Chord 2",
|
||||
audioSrc: "https://s3.amazonaws.com/freecodecamp/drums/Heater-2.mp3",
|
||||
altAudioSrc: "https://s3.amazonaws.com/freecodecamp/drums/Chord_2.mp3",
|
||||
},
|
||||
{
|
||||
key: "E",
|
||||
name: "Heater 3",
|
||||
altName: "Chord 3",
|
||||
audioSrc: "https://s3.amazonaws.com/freecodecamp/drums/Heater-3.mp3",
|
||||
altAudioSrc: "https://s3.amazonaws.com/freecodecamp/drums/Chord_3.mp3",
|
||||
},
|
||||
],
|
||||
[
|
||||
{
|
||||
key: "A",
|
||||
name: "Heater 4",
|
||||
altName: "Shaker",
|
||||
audioSrc: "https://s3.amazonaws.com/freecodecamp/drums/Heater-4_1.mp3",
|
||||
altAudioSrc:
|
||||
"https://s3.amazonaws.com/freecodecamp/drums/Give_us_a_light.mp3",
|
||||
},
|
||||
{
|
||||
key: "S",
|
||||
name: "Clap",
|
||||
altName: "Open HH",
|
||||
audioSrc: "https://s3.amazonaws.com/freecodecamp/drums/Heater-6.mp3",
|
||||
altAudioSrc: "https://s3.amazonaws.com/freecodecamp/drums/Dry_Ohh.mp3",
|
||||
},
|
||||
{
|
||||
key: "D",
|
||||
name: "Open HH",
|
||||
altName: "Closed HH",
|
||||
audioSrc: "https://s3.amazonaws.com/freecodecamp/drums/Dsc_Oh.mp3",
|
||||
altAudioSrc: "https://s3.amazonaws.com/freecodecamp/drums/Bld_H1.mp3",
|
||||
},
|
||||
],
|
||||
[
|
||||
{
|
||||
key: "Z",
|
||||
name: "Kick n' Hat",
|
||||
altName: "Punchy Kick",
|
||||
audioSrc: "https://s3.amazonaws.com/freecodecamp/drums/Kick_n_Hat.mp3",
|
||||
altAudioSrc:
|
||||
"https://s3.amazonaws.com/freecodecamp/drums/punchy_kick_1.mp3",
|
||||
},
|
||||
{
|
||||
key: "X",
|
||||
name: "Kick",
|
||||
altName: "Side Stick",
|
||||
audioSrc: "https://s3.amazonaws.com/freecodecamp/drums/RP4_KICK_1.mp3",
|
||||
altAudioSrc:
|
||||
"https://s3.amazonaws.com/freecodecamp/drums/side_stick_1.mp3",
|
||||
},
|
||||
{
|
||||
key: "C",
|
||||
name: "Closed HH",
|
||||
altName: "Snare",
|
||||
audioSrc: "https://s3.amazonaws.com/freecodecamp/drums/Cev_H2.mp3",
|
||||
altAudioSrc: "https://s3.amazonaws.com/freecodecamp/drums/Brk_Snr.mp3",
|
||||
},
|
||||
],
|
||||
{
|
||||
key: "Q",
|
||||
name: "Heater 1",
|
||||
altName: "Chord 1",
|
||||
audioSrc: "https://s3.amazonaws.com/freecodecamp/drums/Heater-1.mp3",
|
||||
altAudioSrc: "https://s3.amazonaws.com/freecodecamp/drums/Chord_1.mp3",
|
||||
},
|
||||
{
|
||||
key: "W",
|
||||
name: "Heater 2",
|
||||
altName: "Chord 2",
|
||||
audioSrc: "https://s3.amazonaws.com/freecodecamp/drums/Heater-2.mp3",
|
||||
altAudioSrc: "https://s3.amazonaws.com/freecodecamp/drums/Chord_2.mp3",
|
||||
},
|
||||
{
|
||||
key: "E",
|
||||
name: "Heater 3",
|
||||
altName: "Chord 3",
|
||||
audioSrc: "https://s3.amazonaws.com/freecodecamp/drums/Heater-3.mp3",
|
||||
altAudioSrc: "https://s3.amazonaws.com/freecodecamp/drums/Chord_3.mp3",
|
||||
},
|
||||
{
|
||||
key: "A",
|
||||
name: "Heater 4",
|
||||
altName: "Shaker",
|
||||
audioSrc: "https://s3.amazonaws.com/freecodecamp/drums/Heater-4_1.mp3",
|
||||
altAudioSrc:
|
||||
"https://s3.amazonaws.com/freecodecamp/drums/Give_us_a_light.mp3",
|
||||
},
|
||||
{
|
||||
key: "S",
|
||||
name: "Clap",
|
||||
altName: "Open HH",
|
||||
audioSrc: "https://s3.amazonaws.com/freecodecamp/drums/Heater-6.mp3",
|
||||
altAudioSrc: "https://s3.amazonaws.com/freecodecamp/drums/Dry_Ohh.mp3",
|
||||
},
|
||||
{
|
||||
key: "D",
|
||||
name: "Open HH",
|
||||
altName: "Closed HH",
|
||||
audioSrc: "https://s3.amazonaws.com/freecodecamp/drums/Dsc_Oh.mp3",
|
||||
altAudioSrc: "https://s3.amazonaws.com/freecodecamp/drums/Bld_H1.mp3",
|
||||
},
|
||||
{
|
||||
key: "Z",
|
||||
name: "Kick n' Hat",
|
||||
altName: "Punchy Kick",
|
||||
audioSrc: "https://s3.amazonaws.com/freecodecamp/drums/Kick_n_Hat.mp3",
|
||||
altAudioSrc:
|
||||
"https://s3.amazonaws.com/freecodecamp/drums/punchy_kick_1.mp3",
|
||||
},
|
||||
{
|
||||
key: "X",
|
||||
name: "Kick",
|
||||
altName: "Side Stick",
|
||||
audioSrc: "https://s3.amazonaws.com/freecodecamp/drums/RP4_KICK_1.mp3",
|
||||
altAudioSrc: "https://s3.amazonaws.com/freecodecamp/drums/side_stick_1.mp3",
|
||||
},
|
||||
{
|
||||
key: "C",
|
||||
name: "Closed HH",
|
||||
altName: "Snare",
|
||||
audioSrc: "https://s3.amazonaws.com/freecodecamp/drums/Cev_H2.mp3",
|
||||
altAudioSrc: "https://s3.amazonaws.com/freecodecamp/drums/Brk_Snr.mp3",
|
||||
},
|
||||
];
|
||||
|
Loading…
Reference in New Issue