API tools faq
paste
Advertisement
b7334957

Drum and Bass + Two Step = Pattern - Cheat Sheet

b7334957
Feb 2nd, 2022
2,132
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 8.88 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8" />
  5. <title>Drum and Bass + Two Step = Cheat Sheet</title>
  6. <style>
  7. @page {
  8.   margin: 0;
  9.   background: #282a36;
  10. }
  11. * {
  12.   box-sizing: border-box;
  13.   margin: 0;
  14. }
  15. body {
  16.   margin: 2em;
  17.   color: #ffb86c;
  18.   background: #282a36;
  19.   font-size: 14px;
  20.   font-family: sans-serif;
  21. }
  22. ::selection {
  23.   background-color: #ff5555;
  24.   color: #eee;
  25. }
  26. a {
  27.   text-decoration: none;
  28.   color: #8be9fd;
  29.   transition: 1s;
  30. }
  31. a {
  32.   text-decoration: none;
  33.   color: #8be9fd;
  34.   transition: 1s;
  35. }
  36. a:hover {
  37.   text-decoration: none;
  38.   color: #50fa7b;
  39. }
  40. h1 {
  41.   color: #ff5555;
  42.   border-bottom: 1px solid #ff5555;
  43.   padding-bottom: 0.5em;
  44.   text-transform: uppercase;
  45. }
  46. h2 {
  47.   color: #bd93f9;
  48.   border-bottom: 1px solid #bd93f9;
  49.   padding: 0.5em 0;
  50.   text-transform: uppercase;
  51. }
  52. h3 {
  53.   color: #ff79c6;
  54.   border-bottom: 1px solid #ff79c6;
  55.   padding-bottom: 0.5em;
  56.   text-transform: uppercase;
  57. }
  58. p,
  59. h1,
  60. h2,
  61. h3,
  62. hr,
  63. table {
  64.   margin-bottom: 1em;
  65. }
  66. hr {
  67.   border: none;
  68.   background: #8be9fd;
  69.   height: 1px;
  70. }
  71. table {
  72.   table-layout: fixed;
  73.   background-color: #ccccff;
  74.   border-color: #808080;
  75.   border-style: solid;
  76.   border-width: 1px;
  77.   color: #282a36;
  78.   box-shadow: 2px 2px 2px #111;
  79.   -moz-box-shadow: 2px 2px 2px #111;
  80.   -webkit-box-shadow: 2px 2px 2px #111;
  81. }
  82. thead th {
  83.   text-align: center;
  84. }
  85. th {
  86.   text-align: left;
  87.   text-transform: uppercase;
  88. }
  89. td {
  90.   width: 2em;
  91.   height: 2em;
  92.   background-color: #282a36;
  93.   color: #ff5555;
  94.   text-align: center;
  95.   font-weight: bold;
  96. }
  97. th:nth-child(even) {
  98.   background: #AAABD6;
  99. }
  100. </style>
  101. </head>
  102. <body>
  103. <h1>Drum and Bass + Two Step = Cheat Sheet</h1>
  104.  
  105. <h2>DNB - Pattern</h2>
  106.  
  107. <table cellpadding="2" cellspacing="3">
  108.     <thead>
  109.         <tr>
  110.             <th scope="col"></th>
  111.             <th scope="col">01</th>
  112.             <th scope="col">02</th>
  113.             <th scope="col">03</th>
  114.             <th scope="col">04</th>
  115.             <th scope="col">05</th>
  116.             <th scope="col">06</th>
  117.             <th scope="col">07</th>
  118.             <th scope="col">08</th>
  119.             <th scope="col">09</th>
  120.             <th scope="col">10</th>
  121.             <th scope="col">11</th>
  122.             <th scope="col">12</th>
  123.             <th scope="col">13</th>
  124.             <th scope="col">14</th>
  125.             <th scope="col">15</th>
  126.             <th scope="col">16</th>
  127.         </tr>
  128.     </thead>
  129.     <tbody>
  130.         <tr>
  131.             <th scope="row">Hi-Hat</th>
  132.             <td>-</td>
  133.             <td>X</td>
  134.             <td>-</td>
  135.             <td>-</td>
  136.             <td>-</td>
  137.             <td>-</td>
  138.             <td>-</td>
  139.             <td>X</td>
  140.             <td>-</td>
  141.             <td>X</td>
  142.             <td>-</td>
  143.             <td>-</td>
  144.             <td>-</td>
  145.             <td>X</td>
  146.             <td>-</td>
  147.             <td>-</td>
  148.         </tr>
  149.         <tr>
  150.             <th scope="row">Snare</th>
  151.             <td>-</td>
  152.             <td>-</td>
  153.             <td>-</td>
  154.             <td>O</td>
  155.             <td>-</td>
  156.             <td>-</td>
  157.             <td>-</td>
  158.             <td>-</td>
  159.             <td>-</td>
  160.             <td>-</td>
  161.             <td>-</td>
  162.             <td>O</td>
  163.             <td>-</td>
  164.             <td>-</td>
  165.             <td>-</td>
  166.             <td>-</td>
  167.         </tr>
  168.         <tr>
  169.             <th scope="row">Drum</th>
  170.             <td>-</td>
  171.             <td>-</td>
  172.             <td>-</td>
  173.             <td>-</td>
  174.             <td>-</td>
  175.             <td>O</td>
  176.             <td>-</td>
  177.             <td>-</td>
  178.             <td>-</td>
  179.             <td>-</td>
  180.             <td>-</td>
  181.             <td>-</td>
  182.             <td>-</td>
  183.             <td>-</td>
  184.             <td>-</td>
  185.             <td>O</td>
  186.         </tr>
  187.     </tbody>
  188. </table>
  189.  
  190. <table cellpadding="2" cellspacing="3">
  191.     <thead>
  192.         <tr>
  193.             <th scope="col"></th>
  194.             <th scope="col">01</th>
  195.             <th scope="col">02</th>
  196.             <th scope="col">03</th>
  197.             <th scope="col">04</th>
  198.             <th scope="col">05</th>
  199.             <th scope="col">06</th>
  200.             <th scope="col">07</th>
  201.             <th scope="col">08</th>
  202.             <th scope="col">09</th>
  203.             <th scope="col">10</th>
  204.             <th scope="col">11</th>
  205.             <th scope="col">12</th>
  206.             <th scope="col">13</th>
  207.             <th scope="col">14</th>
  208.             <th scope="col">15</th>
  209.             <th scope="col">16</th>
  210.         </tr>
  211.     </thead>
  212.     <tbody>
  213.         <tr>
  214.             <th scope="row">Hi-Hat</th>
  215.             <td>-</td>
  216.             <td>X</td>
  217.             <td>-</td>
  218.             <td>X</td>
  219.             <td>-</td>
  220.             <td>X</td>
  221.             <td>-</td>
  222.             <td>X</td>
  223.             <td>X</td>
  224.             <td>X</td>
  225.             <td>-</td>
  226.             <td>X</td>
  227.             <td>-</td>
  228.             <td>X</td>
  229.             <td>-</td>
  230.             <td>X</td>
  231.         </tr>
  232.         <tr>
  233.             <th scope="row">Snare</th>
  234.             <td>-</td>
  235.             <td>-</td>
  236.             <td>-</td>
  237.             <td>O</td>
  238.             <td>-</td>
  239.             <td>-</td>
  240.             <td>-</td>
  241.             <td>-</td>
  242.             <td>-</td>
  243.             <td>-</td>
  244.             <td>-</td>
  245.             <td>O</td>
  246.             <td>-</td>
  247.             <td>-</td>
  248.             <td>-</td>
  249.             <td>-</td>
  250.         </tr>
  251.         <tr>
  252.             <th scope="row">Drum</th>
  253.             <td>-</td>
  254.             <td>-</td>
  255.             <td>-</td>
  256.             <td>-</td>
  257.             <td>-</td>
  258.             <td>O</td>
  259.             <td>-</td>
  260.             <td>-</td>
  261.             <td>O</td>
  262.             <td>-</td>
  263.             <td>-</td>
  264.             <td>-</td>
  265.             <td>-</td>
  266.             <td>-</td>
  267.             <td>-</td>
  268.             <td>O</td>
  269.         </tr>
  270.     </tbody>
  271. </table>
  272.  
  273. <p>Or based on the Amen Break.</p>
  274.  
  275. <table cellpadding="2" cellspacing="3">
  276.     <thead>
  277.         <tr>
  278.             <th scope="col"></th>
  279.             <th scope="col">01</th>
  280.             <th scope="col">02</th>
  281.             <th scope="col">03</th>
  282.             <th scope="col">04</th>
  283.             <th scope="col">05</th>
  284.             <th scope="col">06</th>
  285.             <th scope="col">07</th>
  286.             <th scope="col">08</th>
  287.             <th scope="col">09</th>
  288.             <th scope="col">10</th>
  289.             <th scope="col">11</th>
  290.             <th scope="col">12</th>
  291.             <th scope="col">13</th>
  292.             <th scope="col">14</th>
  293.             <th scope="col">15</th>
  294.             <th scope="col">16</th>
  295.         </tr>
  296.     </thead>
  297.     <tbody>
  298.         <tr>
  299.             <th scope="row">Hi-Hat</th>
  300.             <td>-</td>
  301.             <td>X</td>
  302.             <td>-</td>
  303.             <td>X</td>
  304.             <td>-</td>
  305.             <td>X</td>
  306.             <td>-</td>
  307.             <td>X</td>
  308.             <td>-</td>
  309.             <td>X</td>
  310.             <td>-</td>
  311.             <td>X</td>
  312.             <td>-</td>
  313.             <td>X</td>
  314.             <td>-</td>
  315.             <td>X</td>
  316.         </tr>
  317.         <tr>
  318.             <th scope="row">Snare</th>
  319.             <td>-</td>
  320.             <td>-</td>
  321.             <td>-</td>
  322.             <td>O</td>
  323.             <td>-</td>
  324.             <td>-</td>
  325.             <td>O</td>
  326.             <td>-</td>
  327.             <td>O</td>
  328.             <td>-</td>
  329.             <td>-</td>
  330.             <td>O</td>
  331.             <td>-</td>
  332.             <td>-</td>
  333.             <td>-</td>
  334.             <td>-</td>
  335.         </tr>
  336.         <tr>
  337.             <th scope="row">Drum</th>
  338.             <td>-</td>
  339.             <td>-</td>
  340.             <td>-</td>
  341.             <td>-</td>
  342.             <td>-</td>
  343.             <td>O</td>
  344.             <td>-</td>
  345.             <td>-</td>
  346.             <td>-</td>
  347.             <td>-</td>
  348.             <td>-</td>
  349.             <td>-</td>
  350.             <td>-</td>
  351.             <td>O</td>
  352.             <td>-</td>
  353.             <td>O</td>
  354.         </tr>
  355.     </tbody>
  356. </table>
  357.  
  358. <p>In the darker subgenres (darkstep, etc.), this drum pattern, which comes from the jungle, often occurs in a few variations:</p>
  359.  
  360. <table cellpadding="2" cellspacing="3">
  361.     <thead>
  362.         <tr>
  363.             <th scope="col"></th>
  364.             <th scope="col">01</th>
  365.             <th scope="col">02</th>
  366.             <th scope="col">03</th>
  367.             <th scope="col">04</th>
  368.             <th scope="col">05</th>
  369.             <th scope="col">06</th>
  370.             <th scope="col">07</th>
  371.             <th scope="col">08</th>
  372.             <th scope="col">09</th>
  373.             <th scope="col">10</th>
  374.             <th scope="col">11</th>
  375.             <th scope="col">12</th>
  376.             <th scope="col">13</th>
  377.             <th scope="col">14</th>
  378.             <th scope="col">15</th>
  379.             <th scope="col">16</th>
  380.         </tr>
  381.     </thead>
  382.     <tbody>
  383.         <tr>
  384.             <th scope="row">Hi-Hat</th>
  385.             <td>-</td>
  386.             <td>X</td>
  387.             <td>-</td>
  388.             <td>-</td>
  389.             <td>-</td>
  390.             <td>-</td>
  391.             <td>-</td>
  392.             <td>X</td>
  393.             <td>-</td>
  394.             <td>-</td>
  395.             <td>-</td>
  396.             <td>-</td>
  397.             <td>-</td>
  398.             <td>X</td>
  399.             <td>-</td>
  400.             <td>-</td>
  401.         </tr>
  402.         <tr>
  403.             <th scope="row">Snare</th>
  404.             <td>-</td>
  405.             <td>-</td>
  406.             <td>-</td>
  407.             <td>-</td>
  408.             <td>-</td>
  409.             <td>O</td>
  410.             <td>-</td>
  411.             <td>-</td>
  412.             <td>-</td>
  413.             <td>-</td>
  414.             <td>-</td>
  415.             <td>O</td>
  416.             <td>-</td>
  417.             <td>-</td>
  418.             <td>-</td>
  419.             <td>-</td>
  420.         </tr>
  421.         <tr>
  422.             <th scope="row">Drum</th>
  423.             <td>-</td>
  424.             <td>-</td>
  425.             <td>-</td>
  426.             <td>O</td>
  427.             <td>-</td>
  428.             <td>-</td>
  429.             <td>-</td>
  430.             <td>-</td>
  431.             <td>-</td>
  432.             <td>O</td>
  433.             <td>-</td>
  434.             <td>-</td>
  435.             <td>-</td>
  436.             <td>-</td>
  437.             <td>-</td>
  438.             <td>O</td>
  439.         </tr>
  440.     </tbody>
  441. </table>
  442.  
  443. <h2>Two Step  - Pattern</h2>
  444.  
  445. <table cellpadding="2" cellspacing="3">
  446.     <thead>
  447.         <tr>
  448.             <th scope="col"></th>
  449.             <th scope="col">01</th>
  450.             <th scope="col">02</th>
  451.             <th scope="col">03</th>
  452.             <th scope="col">04</th>
  453.             <th scope="col">05</th>
  454.             <th scope="col">06</th>
  455.             <th scope="col">07</th>
  456.             <th scope="col">08</th>
  457.             <th scope="col">09</th>
  458.             <th scope="col">10</th>
  459.             <th scope="col">11</th>
  460.             <th scope="col">12</th>
  461.             <th scope="col">13</th>
  462.             <th scope="col">14</th>
  463.             <th scope="col">15</th>
  464.             <th scope="col">16</th>
  465.         </tr>
  466.     </thead>
  467.     <tbody>
  468.         <tr>
  469.             <th scope="row">Snare</th>
  470.             <td>-</td>
  471.             <td>O</td>
  472.             <td>-</td>
  473.             <td>-</td>
  474.             <td>-</td>
  475.             <td>O</td>
  476.             <td>-</td>
  477.             <td>-</td>
  478.             <td>-</td>
  479.             <td>O</td>
  480.             <td>-</td>
  481.             <td>-</td>
  482.             <td>-</td>
  483.             <td>O</td>
  484.             <td>-</td>
  485.             <td>-</td>
  486.         </tr>
  487.         <tr>
  488.             <th scope="row">Drum</th>
  489.             <td>-</td>
  490.             <td>-</td>
  491.             <td>O</td>
  492.             <td>-</td>
  493.             <td>-</td>
  494.             <td>-</td>
  495.             <td>-</td>
  496.             <td>O</td>
  497.             <td>-</td>
  498.             <td>-</td>
  499.             <td>O</td>
  500.             <td>-</td>
  501.             <td>-</td>
  502.             <td>-</td>
  503.             <td>-</td>
  504.             <td>O</td>
  505.         </tr>
  506.     </tbody>
  507. </table>
  508.  
  509. <br><br>
  510.  
  511. <hr>
  512.  
  513. <a href="https://www.paypal.com/paypalme/devdesleipzig/2.5" target="_blank">If you like to buy me a coffee via PayPal. Thanks!</a>
  514.  
  515. </body>
  516. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!