{"id":5575,"date":"2026-11-04T18:53:03","date_gmt":"2026-11-04T17:53:03","guid":{"rendered":"https:\/\/deskaudio.eu\/?post_type=da_lekcia&#038;p=5575"},"modified":"2026-11-11T12:26:15","modified_gmt":"2026-11-11T11:26:15","slug":"lekcja-1-jak-czytac-diagramy-akordow-i-tabulature","status":"publish","type":"da_lekcia","link":"https:\/\/deskaudio.eu\/pl\/kurs-gitary\/lekcja-1-jak-czytac-diagramy-akordow-i-tabulature\/","title":{"rendered":"Jak czyta\u0107 diagramy akord\u00f3w i tabulatur\u0119"},"content":{"rendered":"<div class=\"da-lekcia\" data-lekcia=\"1\">\n<div style=\"width: 100%; background: #F5F3EF; color: #1A1916; font-family: 'Instrument Sans', 'Helvetica Neue', Arial, sans-serif;\">\n<section style=\"background: #141311; color: #EDEAE4;\">\n<div style=\"max-width: 1240px; margin: 0 auto; padding: 36px 24px 48px; display: flex; flex-direction: column; gap: 22px;\">\n<nav aria-label=\"Nawigacja okruszkowa\" style=\"font-size: 13px; color: #A8A29A; display: flex; flex-wrap: wrap; gap: 6px;\">\n        <a href=\"https:\/\/deskaudio.eu\/pl\/kurs-gitary\/\" style=\"color: #A8A29A;\">Kurs teorii gitarowej<\/a><span aria-hidden=\"true\">\u203a<\/span><span>Modu\u0142 1: Gryf bez tajemnic<\/span><span aria-hidden=\"true\">\u203a<\/span><span style=\"color: #EDEAE4;\">Lekcja 1<\/span><br \/>\n      <\/nav>\n<div style=\"display: flex; flex-wrap: wrap; gap: 24px 40px; align-items: end;\">\n        <span style=\"font-family: 'Syne', sans-serif; font-weight: 800; font-size: clamp(88px, 12vw, 148px); line-height: 0.8; color: #F2804A; letter-spacing: -0.04em;\">01<\/span><\/p>\n<div style=\"flex: 1 1 520px; min-width: 0; display: flex; flex-direction: column; gap: 14px;\">\n<h1 style=\"margin: 0; font-family: 'Syne', sans-serif; font-weight: 800; font-size: clamp(32px, 4vw, 48px); line-height: 1.08; letter-spacing: -0.02em; text-wrap: balance;\">Jak czyta\u0107 diagramy akord\u00f3w i tabulatur\u0119<\/h1>\n<div style=\"display: flex; flex-wrap: wrap; gap: 8px; font-size: 13px; font-weight: 600;\">\n            <span style=\"padding: 5px 11px; border-radius: 999px; background: #14261D; color: #5FBF8F;\">Pocz\u0105tkuj\u0105cy<\/span><br \/>\n            <span style=\"padding: 5px 11px; border-radius: 999px; border: 1px solid #3A3733; color: #C9C3BA;\">15 minut<\/span><br \/>\n            <span style=\"padding: 5px 11px; border-radius: 999px; border: 1px solid #3A3733; color: #C9C3BA;\">\u0106wiczenie przy 60 BPM<\/span>\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div style=\"display: flex; flex-direction: column; gap: 8px; max-width: 520px;\">\n<div style=\"display: flex; justify-content: space-between; font-size: 13px; color: #A8A29A;\"><span>Lekcja 1 z 31<\/span><span>Modu\u0142 1 \u00b7 1 z 5<\/span><\/div>\n<div role=\"progressbar\" aria-valuemin=\"1\" aria-valuemax=\"31\" aria-valuenow=\"1\" aria-label=\"Post\u0119p w kursie\" style=\"height: 6px; border-radius: 999px; background: #3A3733; overflow: hidden;\">\n<div style=\"width: 3.2%; height: 100%; background: #F2804A;\"><\/div>\n<\/div><\/div>\n<\/p><\/div>\n<\/section>\n<p><!--da-telo--><\/p>\n<div style=\"max-width: 1240px; margin: 0 auto; padding: 40px 24px 80px; display: flex; flex-wrap: wrap; gap: 40px; align-items: flex-start;\">\n<aside style=\"flex: 1 1 240px; max-width: 300px; min-width: 0; display: flex; flex-direction: column; gap: 24px;\">\n<nav aria-label=\"Spis tre\u015bci lekcji\" style=\"display: flex; flex-direction: column; gap: 2px; font-size: 14px;\">\n        <span style=\"font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #6B665F; margin-bottom: 8px;\">W tej lekcji<\/span><br \/>\n        <a href=\"#preco\" style=\"padding: 8px 12px; border-radius: 7px; background: #FBF0EA; color: #BF4509; font-weight: 700; text-decoration: none;\">Dlaczego tego potrzebujesz<\/a><br \/>\n        <a href=\"#teoria\" style=\"padding: 8px 12px; color: #1A1916; text-decoration: none;\">Teoria w pigu\u0142ce<\/a><br \/>\n        <a href=\"#diagram\" style=\"padding: 8px 12px; color: #1A1916; text-decoration: none;\">Diagram i tabulatura<\/a><br \/>\n        <a href=\"#techniky\" style=\"padding: 8px 12px; color: #1A1916; text-decoration: none;\">Oznaczenia technik<\/a><br \/>\n        <a href=\"#cvicenie\" style=\"padding: 8px 12px; color: #1A1916; text-decoration: none;\">\u0106wiczenie<\/a><br \/>\n        <a href=\"#hudba\" style=\"padding: 8px 12px; color: #1A1916; text-decoration: none;\">W prawdziwej muzyce<\/a><br \/>\n        <a href=\"#zhrnutie\" style=\"padding: 8px 12px; color: #1A1916; text-decoration: none;\">Podsumowanie i zadanie<\/a><br \/>\n      <\/nav>\n<div style=\"background: #FFFFFF; border: 1px solid #E4E0D8; border-radius: 12px; padding: 18px; display: flex; flex-direction: column; gap: 10px; font-size: 14px;\">\n        <span style=\"font-weight: 700;\">Modu\u0142 1: Gryf bez tajemnic<\/span><\/p>\n<ol style=\"list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px;\">\n<li style=\"display: flex; gap: 10px; align-items: center; font-weight: 700; color: #BF4509;\"><span style=\"width: 22px; height: 22px; border-radius: 50%; background: #BF4509; color: #FFFFFF; display: grid; place-items: center; font-size: 12px;\">1<\/span>Diagramy i tabulatura<\/li>\n<li style=\"display: flex; gap: 10px; align-items: center; color: #6B665F;\"><span style=\"width: 22px; height: 22px; border-radius: 50%; border: 1px solid #8F8A82; display: grid; place-items: center; font-size: 12px;\">2<\/span>12 d\u017awi\u0119k\u00f3w<\/li>\n<li style=\"display: flex; gap: 10px; align-items: center; color: #6B665F;\"><span style=\"width: 22px; height: 22px; border-radius: 50%; border: 1px solid #8F8A82; display: grid; place-items: center; font-size: 12px;\">3<\/span>P\u00f3\u0142ton i ca\u0142y ton<\/li>\n<li style=\"display: flex; gap: 10px; align-items: center; color: #6B665F;\"><span style=\"width: 22px; height: 22px; border-radius: 50%; border: 1px solid #8F8A82; display: grid; place-items: center; font-size: 12px;\">4<\/span>D\u017awi\u0119ki na gryfie<\/li>\n<li style=\"display: flex; gap: 10px; align-items: center; color: #6B665F;\"><span style=\"width: 22px; height: 22px; border-radius: 50%; border: 1px solid #8F8A82; display: grid; place-items: center; font-size: 12px;\">5<\/span>Str\u00f3j E-A-D-G-B-E<\/li>\n<\/ol><\/div>\n<\/aside>\n<p>    <main style=\"flex: 999 1 560px; min-width: 0; max-width: 780px; display: flex; flex-direction: column; gap: 48px; font-size: 17px; line-height: 1.65;\"><\/p>\n<section id=\"preco\" style=\"display: flex; flex-direction: column; gap: 16px;\">\n<h2 style=\"margin: 0; font-family: 'Syne', sans-serif; font-weight: 700; font-size: 28px; line-height: 1.2;\">Dlaczego tego potrzebujesz<\/h2>\n<p style=\"margin: 0;\">W internecie znajdziesz akordy i tabulatury do prawie ka\u017cdej piosenki. Wystarczy jednak \u017ale odczyta\u0107 jeden znak i ca\u0142ymi tygodniami \u0107wiczysz riff, kt\u00f3ry brzmi \u201ejako\u015b dziwnie\u201d.<\/p>\n<div style=\"display: flex; gap: 14px; padding: 18px 20px; border-radius: 12px; background: #FBF0EA; border: 1px solid #F2D4C2;\">\n          <svg aria-hidden=\"true\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#BF4509\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"flex: none; margin-top: 3px;\"><path d=\"M12 3l9 16H3z\"><\/path><path d=\"M12 10v4M12 17h.01\"><\/path><\/svg><\/p>\n<p style=\"margin: 0;\"><strong>Najcz\u0119stszy b\u0142\u0105d pocz\u0105tkuj\u0105cych:<\/strong> czytaj\u0105 tabulatur\u0119 do g\u00f3ry nogami i na najgrubszej strunie graj\u0105 to, co nale\u017cy do najcie\u0144szej.<\/p>\n<\/p><\/div>\n<p style=\"margin: 0;\">Ta lekcja to tw\u00f3j s\u0142ownik. W 15 minut nauczysz si\u0119 czyta\u0107 wszystko, co zobaczysz w kursie.<\/p>\n<\/section>\n<section id=\"teoria\" style=\"display: flex; flex-direction: column; gap: 18px;\">\n<h2 style=\"margin: 0; font-family: 'Syne', sans-serif; font-weight: 700; font-size: 28px; line-height: 1.2;\">Teoria w pigu\u0142ce<\/h2>\n<div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px;\">\n<div style=\"background: #FFFFFF; border: 1px solid #E4E0D8; border-radius: 12px; padding: 20px; display: flex; flex-direction: column; gap: 8px;\">\n<h3 style=\"margin: 0; font-size: 18px; font-weight: 700;\">Struny numeruje si\u0119 od najcie\u0144szej<\/h3>\n<p style=\"margin: 0; font-size: 15px; line-height: 1.55; color: #4A4640;\">1. struna jest najcie\u0144sza i brzmi najwy\u017cej, 6. jest najgrubsza. Str\u00f3j od 6. do 1.: <strong>E A D G B E<\/strong>.<\/p>\n<p style=\"margin: 0; font-size: 13px; line-height: 1.5; color: #6B665F;\">D\u017awi\u0119k B znajdziesz w polskich \u015bpiewnikach pod nazw\u0105 H. Obie konwencje wyja\u015bnia lekcja 2.<\/p>\n<\/p><\/div>\n<div style=\"background: #FFFFFF; border: 1px solid #E4E0D8; border-radius: 12px; padding: 20px; display: flex; flex-direction: column; gap: 8px;\">\n<h3 style=\"margin: 0; font-size: 18px; font-weight: 700;\">Palce maj\u0105 numery<\/h3>\n<div style=\"display: flex; gap: 8px; flex-wrap: wrap; font-size: 14px;\">\n              <span style=\"padding: 4px 10px; border-radius: 999px; background: #F5F3EF; border: 1px solid #E4E0D8;\"><strong>1<\/strong> wskazuj\u0105cy<\/span><br \/>\n              <span style=\"padding: 4px 10px; border-radius: 999px; background: #F5F3EF; border: 1px solid #E4E0D8;\"><strong>2<\/strong> \u015brodkowy<\/span><br \/>\n              <span style=\"padding: 4px 10px; border-radius: 999px; background: #F5F3EF; border: 1px solid #E4E0D8;\"><strong>3<\/strong> serdeczny<\/span><br \/>\n              <span style=\"padding: 4px 10px; border-radius: 999px; background: #F5F3EF; border: 1px solid #E4E0D8;\"><strong>4<\/strong> ma\u0142y<\/span><br \/>\n              <span style=\"padding: 4px 10px; border-radius: 999px; background: #F5F3EF; border: 1px solid #E4E0D8;\"><strong>T<\/strong> kciuk<\/span>\n            <\/div>\n<\/p><\/div>\n<div style=\"background: #FFFFFF; border: 1px solid #E4E0D8; border-radius: 12px; padding: 20px; display: flex; flex-direction: column; gap: 8px;\">\n<h3 style=\"margin: 0; font-size: 18px; font-weight: 700;\">Tabulatura to mapa strun<\/h3>\n<p style=\"margin: 0; font-size: 15px; line-height: 1.55; color: #4A4640;\">Liczby m\u00f3wi\u0105, kt\u00f3ry pr\u00f3g docisn\u0105\u0107, 0 to pusta struna. <strong>G\u00f3rna linia to 1. struna<\/strong>, dok\u0142adnie odwrotnie, ni\u017c widzisz struny podczas gry. Liczby jedna nad drug\u0105 grasz jednocze\u015bnie.<\/p>\n<\/p><\/div>\n<div style=\"background: #FFFFFF; border: 1px solid #E4E0D8; border-radius: 12px; padding: 20px; display: flex; flex-direction: column; gap: 8px;\">\n<h3 style=\"margin: 0; font-size: 18px; font-weight: 700;\">Diagram to gryf w pionie<\/h3>\n<p style=\"margin: 0; font-size: 15px; line-height: 1.55; color: #4A4640;\">Pionowe linie to struny (po lewej 6.), gruba linia u g\u00f3ry to siode\u0142ko. <strong>\u00d7<\/strong> = nie gra\u0107, <strong>\u25cb<\/strong> = pusta struna. Cyfra rzymska obok (np. V) oznacza, \u017ce diagram zaczyna si\u0119 na 5. progu.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div style=\"display: flex; gap: 12px; padding: 16px 18px; border-radius: 12px; background: #E8F0FA; color: #1A1916; font-size: 15px; line-height: 1.55;\">\n          <svg aria-hidden=\"true\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1A5FB4\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"flex: none; margin-top: 2px;\"><circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle><path d=\"M12 11v6M12 7.5h.01\"><\/path><\/svg><\/p>\n<p style=\"margin: 0;\"><strong>Tabulatura nie pokazuje rytmu.<\/strong> M\u00f3wi ci gdzie, ale nie kiedy. Rytm sprawd\u017a na nagraniu albo w zapisie nutowym (lekcja 6).<\/p>\n<\/p><\/div>\n<\/section>\n<section id=\"diagram\" style=\"display: flex; flex-direction: column; gap: 18px;\">\n<div style=\"display: flex; flex-direction: column; gap: 6px;\">\n<h2 style=\"margin: 0; font-family: 'Syne', sans-serif; font-weight: 700; font-size: 28px; line-height: 1.2;\">Akord C: diagram i tabulatura<\/h2>\n<p style=\"margin: 0; color: #4A4640;\">Kliknij dowoln\u0105 strun\u0119 na diagramie albo w tabulaturze, a zobaczysz, gdzie jest ta sama struna w drugim zapisie.<\/p>\n<\/p><\/div>\n<div style=\"background: #FFFFFF; border: 1px solid #E4E0D8; border-radius: 20px; padding: 24px; display: flex; flex-direction: column; gap: 20px;\">\n<div style=\"display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; align-items: center;\">\n<div role=\"group\" aria-label=\"Co pokaza\u0107 w punktach\" style=\"display: flex; border: 1px solid #8F8A82; border-radius: 999px; overflow: hidden; font-size: 14px; font-weight: 600;\">\n              <button type=\"button\" aria-pressed=\"true\" style=\"min-height: 40px; padding: 0 16px; border: 0; cursor: pointer; font: inherit; background: #1A1916; color: #FFFFFF;\">Palce<\/button><br \/>\n              <button type=\"button\" aria-pressed=\"false\" style=\"min-height: 40px; padding: 0 16px; border: 0; cursor: pointer; font: inherit; background: transparent; color: #1A1916;\">Funkcje d\u017awi\u0119k\u00f3w<\/button>\n            <\/div>\n<p>            <span style=\"font-size: 14px; color: #6B665F;\">Wybrana: <strong style=\"color: #BF4509;\">6. struna (E)<\/strong><\/span>\n          <\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 32px; align-items: flex-start; justify-content: center;\">\n<figure style=\"margin: 0; display: flex; flex-direction: column; align-items: center; gap: 10px;\"><figcaption style=\"display: flex; align-items: center; gap: 12px;\"><span style=\"font-family: 'Syne', sans-serif; font-weight: 700; font-size: 22px;\">C<\/span><br \/>\n                <button type=\"button\" style=\"display: inline-flex; align-items: center; gap: 8px; min-height: 36px; padding: 0 14px 0 6px; border-radius: 999px; border: 0; background: #BF4509; color: #FFFFFF; font: inherit; font-size: 14px; font-weight: 700; cursor: pointer;\"><span style=\"width: 24px; height: 24px; border-radius: 50%; background: #FFFFFF; color: #BF4509; display: grid; place-items: center;\"><svg aria-hidden=\"true\" width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M7 4v16l13-8z\"><\/path><\/svg><\/span>Zagraj akord<\/button><\/figcaption><div style=\"position: relative; width: 228px; height: 292px;\">\n                  <span aria-hidden=\"true\" style=\"position: absolute; left: 13px; top: 6px; width: 22px; height: 22px; display: grid; place-items: center; font-weight: 700; font-size: 18px; color: #8F8A82;\">\u00d7<\/span><br \/>\n                  <span aria-hidden=\"true\" style=\"position: absolute; left: 49px; top: 6px; width: 22px; height: 22px; display: grid; place-items: center; font-weight: 700; font-size: 18px; \"><\/span><br \/>\n                  <span aria-hidden=\"true\" style=\"position: absolute; left: 85px; top: 6px; width: 22px; height: 22px; display: grid; place-items: center; font-weight: 700; font-size: 18px; \"><\/span><br \/>\n                  <span aria-hidden=\"true\" style=\"position: absolute; left: 121px; top: 6px; width: 22px; height: 22px; display: grid; place-items: center; font-weight: 700; font-size: 18px; border-radius: 50%; border: 2.5px solid #1A1916;\"><\/span><br \/>\n                  <span aria-hidden=\"true\" style=\"position: absolute; left: 157px; top: 6px; width: 22px; height: 22px; display: grid; place-items: center; font-weight: 700; font-size: 18px; \"><\/span><br \/>\n                  <span aria-hidden=\"true\" style=\"position: absolute; left: 193px; top: 6px; width: 22px; height: 22px; display: grid; place-items: center; font-weight: 700; font-size: 18px; border-radius: 50%; border: 2.5px solid #1A5FB4;\"><\/span><\/p>\n<div style=\"position: absolute; left: 22px; top: 40px; width: 184px; height: 8px; border-radius: 2px; background: #1A1916;\"><\/div>\n<div style=\"position: absolute; left: 24px; top: 92px; width: 180px; height: 2px; background: #C9C3BA;\"><\/div>\n<div style=\"position: absolute; left: 24px; top: 136px; width: 180px; height: 2px; background: #C9C3BA;\"><\/div>\n<div style=\"position: absolute; left: 24px; top: 180px; width: 180px; height: 2px; background: #C9C3BA;\"><\/div>\n<div style=\"position: absolute; left: 24px; top: 224px; width: 180px; height: 2px; background: #C9C3BA;\"><\/div>\n<p>                  <button type=\"button\" aria-label=\"6. struna (E)\" style=\"position: absolute; left: 8px; top: 40px; width: 32px; height: 190px; padding: 0; border: 0; background: transparent; cursor: pointer; display: flex; justify-content: center;\"><span style=\"display: block; width: 4px; height: 100%; background: #BF4509;\"><\/span><\/button><br \/>\n                  <button type=\"button\" aria-label=\"5. struna (A)\" style=\"position: absolute; left: 44px; top: 40px; width: 32px; height: 190px; padding: 0; border: 0; background: transparent; cursor: pointer; display: flex; justify-content: center;\"><span style=\"display: block; width: 2px; height: 100%; background: #8F8A82;\"><\/span><\/button><br \/>\n                  <button type=\"button\" aria-label=\"4. struna (D)\" style=\"position: absolute; left: 80px; top: 40px; width: 32px; height: 190px; padding: 0; border: 0; background: transparent; cursor: pointer; display: flex; justify-content: center;\"><span style=\"display: block; width: 2px; height: 100%; background: #8F8A82;\"><\/span><\/button><br \/>\n                  <button type=\"button\" aria-label=\"3. struna (G)\" style=\"position: absolute; left: 116px; top: 40px; width: 32px; height: 190px; padding: 0; border: 0; background: transparent; cursor: pointer; display: flex; justify-content: center;\"><span style=\"display: block; width: 2px; height: 100%; background: #8F8A82;\"><\/span><\/button><br \/>\n                  <button type=\"button\" aria-label=\"2. struna (B)\" style=\"position: absolute; left: 152px; top: 40px; width: 32px; height: 190px; padding: 0; border: 0; background: transparent; cursor: pointer; display: flex; justify-content: center;\"><span style=\"display: block; width: 2px; height: 100%; background: #8F8A82;\"><\/span><\/button><br \/>\n                  <button type=\"button\" aria-label=\"1. struna (E)\" style=\"position: absolute; left: 188px; top: 40px; width: 32px; height: 190px; padding: 0; border: 0; background: transparent; cursor: pointer; display: flex; justify-content: center;\"><span style=\"display: block; width: 2px; height: 100%; background: #8F8A82;\"><\/span><\/button><br \/>\n                  <span aria-hidden=\"true\" style=\"position: absolute; left: 45px; top: 143px; width: 30px; height: 30px; border-radius: 50%; background: #BF4509; color: #FFFFFF; display: grid; place-items: center; font-weight: 700; font-size: 14px; pointer-events: none;\">3<\/span><br \/>\n                  <span aria-hidden=\"true\" style=\"position: absolute; left: 81px; top: 99px; width: 30px; height: 30px; border-radius: 50%; background: #1A5FB4; color: #FFFFFF; display: grid; place-items: center; font-weight: 700; font-size: 14px; pointer-events: none;\">2<\/span><br \/>\n                  <span aria-hidden=\"true\" style=\"position: absolute; left: 153px; top: 55px; width: 30px; height: 30px; border-radius: 50%; background: #BF4509; color: #FFFFFF; display: grid; place-items: center; font-weight: 700; font-size: 14px; pointer-events: none;\">1<\/span><br \/>\n                  <span style=\"position: absolute; left: 10px; top: 248px; width: 28px; text-align: center; font-weight: 700; font-size: 15px; color: #BF4509;\">E<\/span><br \/>\n                  <span style=\"position: absolute; left: 46px; top: 248px; width: 28px; text-align: center; font-weight: 700; font-size: 15px; color: #6B665F;\">A<\/span><br \/>\n                  <span style=\"position: absolute; left: 82px; top: 248px; width: 28px; text-align: center; font-weight: 700; font-size: 15px; color: #6B665F;\">D<\/span><br \/>\n                  <span style=\"position: absolute; left: 118px; top: 248px; width: 28px; text-align: center; font-weight: 700; font-size: 15px; color: #6B665F;\">G<\/span><br \/>\n                  <span style=\"position: absolute; left: 154px; top: 248px; width: 28px; text-align: center; font-weight: 700; font-size: 15px; color: #6B665F;\">B<\/span><br \/>\n                  <span style=\"position: absolute; left: 190px; top: 248px; width: 28px; text-align: center; font-weight: 700; font-size: 15px; color: #6B665F;\">e<\/span>\n              <\/div>\n<\/figure>\n<figure style=\"margin: 0; display: flex; flex-direction: column; gap: 10px; min-width: 0;\"><figcaption style=\"font-family: 'Syne', sans-serif; font-weight: 700; font-size: 22px;\">Tabulatura<\/figcaption><div style=\"display: flex; flex-direction: column; font-family: ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace; font-size: 17px;\">\n                  <button type=\"button\" aria-label=\"1. struna (E), w tabulaturze 1. linia od g\u00f3ry\" style=\"display: flex; align-items: center; gap: 8px; width: 100%; min-height: 40px; padding: 0 10px; border: 0; border-radius: 7px; cursor: pointer; font: inherit; color: #1A1916; background: transparent;\"><br \/>\n                    <span style=\"width: 22px; text-align: right; color: #6B665F;\">e<\/span><br \/>\n                    <span style=\"display: block; width: 44px; height: 2px; background: #8F8A82;\"><\/span><br \/>\n                    <span style=\"width: 24px; text-align: center; font-weight: 700; color: #1A1916;\">0<\/span><br \/>\n                    <span style=\"display: block; width: 44px; height: 2px; background: #8F8A82;\"><\/span><br \/>\n                    <span style=\"width: 64px; text-align: left; font-family: 'Instrument Sans', sans-serif; font-size: 12px; color: #6B665F;\">1. struna<\/span><br \/>\n                  <\/button><br \/>\n                  <button type=\"button\" aria-label=\"2. struna (B), w tabulaturze 2. linia od g\u00f3ry\" style=\"display: flex; align-items: center; gap: 8px; width: 100%; min-height: 40px; padding: 0 10px; border: 0; border-radius: 7px; cursor: pointer; font: inherit; color: #1A1916; background: transparent;\"><br \/>\n                    <span style=\"width: 22px; text-align: right; color: #6B665F;\">B<\/span><br \/>\n                    <span style=\"display: block; width: 44px; height: 2px; background: #8F8A82;\"><\/span><br \/>\n                    <span style=\"width: 24px; text-align: center; font-weight: 700; color: #1A1916;\">1<\/span><br \/>\n                    <span style=\"display: block; width: 44px; height: 2px; background: #8F8A82;\"><\/span><br \/>\n                    <span style=\"width: 64px; text-align: left; font-family: 'Instrument Sans', sans-serif; font-size: 12px; color: #6B665F;\">2. struna<\/span><br \/>\n                  <\/button><br \/>\n                  <button type=\"button\" aria-label=\"3. struna (G), w tabulaturze 3. linia od g\u00f3ry\" style=\"display: flex; align-items: center; gap: 8px; width: 100%; min-height: 40px; padding: 0 10px; border: 0; border-radius: 7px; cursor: pointer; font: inherit; color: #1A1916; background: transparent;\"><br \/>\n                    <span style=\"width: 22px; text-align: right; color: #6B665F;\">G<\/span><br \/>\n                    <span style=\"display: block; width: 44px; height: 2px; background: #8F8A82;\"><\/span><br \/>\n                    <span style=\"width: 24px; text-align: center; font-weight: 700; color: #1A1916;\">0<\/span><br \/>\n                    <span style=\"display: block; width: 44px; height: 2px; background: #8F8A82;\"><\/span><br \/>\n                    <span style=\"width: 64px; text-align: left; font-family: 'Instrument Sans', sans-serif; font-size: 12px; color: #6B665F;\">3. struna<\/span><br \/>\n                  <\/button><br \/>\n                  <button type=\"button\" aria-label=\"4. struna (D), w tabulaturze 4. linia od g\u00f3ry\" style=\"display: flex; align-items: center; gap: 8px; width: 100%; min-height: 40px; padding: 0 10px; border: 0; border-radius: 7px; cursor: pointer; font: inherit; color: #1A1916; background: transparent;\"><br \/>\n                    <span style=\"width: 22px; text-align: right; color: #6B665F;\">D<\/span><br \/>\n                    <span style=\"display: block; width: 44px; height: 2px; background: #8F8A82;\"><\/span><br \/>\n                    <span style=\"width: 24px; text-align: center; font-weight: 700; color: #1A1916;\">2<\/span><br \/>\n                    <span style=\"display: block; width: 44px; height: 2px; background: #8F8A82;\"><\/span><br \/>\n                    <span style=\"width: 64px; text-align: left; font-family: 'Instrument Sans', sans-serif; font-size: 12px; color: #6B665F;\">4. struna<\/span><br \/>\n                  <\/button><br \/>\n                  <button type=\"button\" aria-label=\"5. struna (A), w tabulaturze 5. linia od g\u00f3ry\" style=\"display: flex; align-items: center; gap: 8px; width: 100%; min-height: 40px; padding: 0 10px; border: 0; border-radius: 7px; cursor: pointer; font: inherit; color: #1A1916; background: transparent;\"><br \/>\n                    <span style=\"width: 22px; text-align: right; color: #6B665F;\">A<\/span><br \/>\n                    <span style=\"display: block; width: 44px; height: 2px; background: #8F8A82;\"><\/span><br \/>\n                    <span style=\"width: 24px; text-align: center; font-weight: 700; color: #1A1916;\">3<\/span><br \/>\n                    <span style=\"display: block; width: 44px; height: 2px; background: #8F8A82;\"><\/span><br \/>\n                    <span style=\"width: 64px; text-align: left; font-family: 'Instrument Sans', sans-serif; font-size: 12px; color: #6B665F;\">5. struna<\/span><br \/>\n                  <\/button><br \/>\n                  <button type=\"button\" aria-label=\"6. struna (E), w tabulaturze 6. linia od g\u00f3ry\" style=\"display: flex; align-items: center; gap: 8px; width: 100%; min-height: 40px; padding: 0 10px; border: 0; border-radius: 7px; cursor: pointer; font: inherit; color: #1A1916; background: #FBF0EA;\"><br \/>\n                    <span style=\"width: 22px; text-align: right; color: #6B665F;\">E<\/span><br \/>\n                    <span style=\"display: block; width: 44px; height: 3px; background: #BF4509;\"><\/span><br \/>\n                    <span style=\"width: 24px; text-align: center; font-weight: 700; color: #BF4509;\">x<\/span><br \/>\n                    <span style=\"display: block; width: 44px; height: 3px; background: #BF4509;\"><\/span><br \/>\n                    <span style=\"width: 64px; text-align: left; font-family: 'Instrument Sans', sans-serif; font-size: 12px; color: #6B665F;\">6. struna<\/span><br \/>\n                  <\/button>\n              <\/div>\n<\/figure><\/div>\n<div style=\"display: flex; gap: 12px; padding: 14px 16px; border-radius: 12px; background: #FBF0EA; font-size: 15px; line-height: 1.5;\">\n            <span style=\"width: 10px; height: 10px; flex: none; margin-top: 7px; border-radius: 50%; background: #BF4509;\"><\/span><\/p>\n<p style=\"margin: 0;\">6. struna (E) jest na diagramie <strong>skrajnie po lewej<\/strong>, w tabulaturze <strong>dolna linia<\/strong>.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section id=\"techniky\" style=\"display: flex; flex-direction: column; gap: 16px;\">\n<h2 style=\"margin: 0; font-family: 'Syne', sans-serif; font-weight: 700; font-size: 28px; line-height: 1.2;\">Oznaczenia technik w tabulaturze<\/h2>\n<div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px;\">\n<div style=\"background: #FFFFFF; border: 1px solid #E4E0D8; border-radius: 12px; padding: 16px; display: flex; flex-direction: column; gap: 6px;\"><span style=\"font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 22px; font-weight: 600; color: #BF4509;\">5h7<\/span><strong style=\"font-size: 15px;\">hammer-on (uderzenie palcem)<\/strong><span style=\"font-size: 14px; line-height: 1.5; color: #4A4640;\">Grasz 5. pr\u00f3g i palcem uderzasz w 7. bez kolejnego szarpni\u0119cia.<\/span><\/div>\n<div style=\"background: #FFFFFF; border: 1px solid #E4E0D8; border-radius: 12px; padding: 16px; display: flex; flex-direction: column; gap: 6px;\"><span style=\"font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 22px; font-weight: 600; color: #BF4509;\">7p5<\/span><strong style=\"font-size: 15px;\">pull-off (zerwanie)<\/strong><span style=\"font-size: 14px; line-height: 1.5; color: #4A4640;\">Grasz 7. pr\u00f3g i \u015bci\u0105gasz palec tak, by zabrzmia\u0142 5.<\/span><\/div>\n<div style=\"background: #FFFFFF; border: 1px solid #E4E0D8; border-radius: 12px; padding: 16px; display: flex; flex-direction: column; gap: 6px;\"><span style=\"font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 22px; font-weight: 600; color: #BF4509;\">5\/7 \u00b7 7\\5<\/span><strong style=\"font-size: 15px;\">slide (\u015blizg)<\/strong><span style=\"font-size: 14px; line-height: 1.5; color: #4A4640;\">Palec przesuwa si\u0119 po strunie bez odrywania.<\/span><\/div>\n<div style=\"background: #FFFFFF; border: 1px solid #E4E0D8; border-radius: 12px; padding: 16px; display: flex; flex-direction: column; gap: 6px;\"><span style=\"font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 22px; font-weight: 600; color: #BF4509;\">7b9<\/span><strong style=\"font-size: 15px;\">bend (podci\u0105gni\u0119cie)<\/strong><span style=\"font-size: 14px; line-height: 1.5; color: #4A4640;\">Na 7. progu podci\u0105gasz strun\u0119, a\u017c zabrzmi wysoko\u015b\u0107 9. progu.<\/span><\/div>\n<div style=\"background: #FFFFFF; border: 1px solid #E4E0D8; border-radius: 12px; padding: 16px; display: flex; flex-direction: column; gap: 6px;\"><span style=\"font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 22px; font-weight: 600; color: #BF4509;\">7~<\/span><strong style=\"font-size: 15px;\">vibrato<\/strong><span style=\"font-size: 14px; line-height: 1.5; color: #4A4640;\">D\u017awi\u0119k rozko\u0142yszesz delikatnym dr\u017ceniem palca.<\/span><\/div>\n<div style=\"background: #FFFFFF; border: 1px solid #E4E0D8; border-radius: 12px; padding: 16px; display: flex; flex-direction: column; gap: 6px;\"><span style=\"font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 22px; font-weight: 600; color: #BF4509;\">x<\/span><strong style=\"font-size: 15px;\">st\u0142umione uderzenie<\/strong><span style=\"font-size: 14px; line-height: 1.5; color: #4A4640;\">Struna jest st\u0142umiona, zabrzmi tylko perkusyjny \u201eklik\u201d.<\/span><\/div>\n<\/p><\/div>\n<div style=\"background: #1D1B19; color: #EDEAE4; border-radius: 12px; padding: 20px; overflow-x: auto;\">\n<pre aria-label=\"Przyk\u0142ad tabulatury ze wszystkimi technikami\" style=\"margin: 0; font-family: ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace; font-size: 16px; line-height: 1.6;\">e|-----------------------------|\nB|-----------------------------|\nG|-------------<span style=\"color: #F2804A;\">7b9<\/span>--<span style=\"color: #F2804A;\">7~~~<\/span>-------|\nD|-<span style=\"color: #F2804A;\">5h7<\/span>-<span style=\"color: #F2804A;\">7p5<\/span>--<span style=\"color: #F2804A;\">5\/7<\/span>----------------|\nA|-----------------------------|\nE|-----------------------------|<\/pre>\n<div aria-live=\"polite\" style=\"margin-top: 10px; min-height: 24px; font-size: 15px; color: #A8A29A;\">Podczas odtwarzania pod\u015bwietli si\u0119 tu aktualnie grana technika.<\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 12px 16px; align-items: center; margin-top: 16px; padding-top: 16px; border-top: 1px solid #3A3733;\">\n            <button type=\"button\" aria-label=\"Przyk\u0142ad z zespo\u0142em\" style=\"display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 18px 0 8px; border-radius: 999px; border: 0; background: #F2804A; color: #141311; font: inherit; font-weight: 700; font-size: 15px; cursor: pointer;\"><br \/>\n              <span style=\"width: 30px; height: 30px; border-radius: 50%; background: #141311; color: #F2804A; display: grid; place-items: center;\"><br \/>\n                <svg aria-hidden=\"true\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M7 4v16l13-8z\"><\/path><\/svg><br \/>\n              <\/span><br \/>\n              Przyk\u0142ad z zespo\u0142em<br \/>\n            <\/button><br \/>\n            <button type=\"button\" aria-label=\"Tylko podk\u0142ad, grasz ty\" style=\"display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 18px 0 8px; border-radius: 999px; border: 1px solid #8C867D; background: transparent; color: #EDEAE4; font: inherit; font-weight: 700; font-size: 15px; cursor: pointer;\"><br \/>\n              <span style=\"width: 30px; height: 30px; border-radius: 50%; background: #EDEAE4; color: #141311; display: grid; place-items: center;\"><br \/>\n                <svg aria-hidden=\"true\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M7 4v16l13-8z\"><\/path><\/svg><br \/>\n              <\/span><br \/>\n              Tylko podk\u0142ad, grasz ty<br \/>\n            <\/button><br \/>\n            <span style=\"font-size: 14px; color: #A8A29A; flex-basis: 100%;\">4 miary pa\u0142eczkami, potem przyk\u0142ad przy 60 BPM. Przy podk\u0142adzie bez gitary grasz przyk\u0142ad sam.<\/span>\n          <\/div>\n<\/p><\/div>\n<\/section>\n<section id=\"cvicenie\" style=\"display: flex; flex-direction: column; gap: 18px; background: #FFFFFF; border: 2px solid #F2D4C2; border-radius: 20px; padding: 28px;\">\n<div style=\"display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; align-items: center;\">\n<h2 style=\"margin: 0; font-family: 'Syne', sans-serif; font-weight: 700; font-size: 28px; line-height: 1.2;\">\u0106wiczenie: przeczytaj, zagraj, sprawd\u017a<\/h2>\n<p>          <span style=\"font-size: 13px; font-weight: 600; padding: 5px 11px; border-radius: 999px; background: #FBF0EA; color: #BF4509;\">10 minut<\/span>\n        <\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 20px; align-items: center; padding: 18px 20px; border-radius: 12px; background: #141311; color: #EDEAE4;\">\n          <button type=\"button\" aria-label=\"W\u0142\u0105cz metronom\" style=\"width: 56px; height: 56px; border-radius: 50%; border: 0; background: #F2804A; color: #141311; display: grid; place-items: center; cursor: pointer; flex: none;\"><br \/>\n              <svg aria-hidden=\"true\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><br \/>\n          <\/button><\/p>\n<div style=\"display: flex; flex-direction: column; gap: 4px;\">\n            <span style=\"font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #A8A29A;\">Metronom<\/span><\/p>\n<div style=\"display: flex; align-items: center; gap: 10px;\">\n              <button type=\"button\" aria-label=\"Wolniej\" style=\"width: 36px; height: 36px; border-radius: 7px; border: 1px solid #8C867D; background: transparent; color: #EDEAE4; font-size: 20px; cursor: pointer;\">\u2212<\/button><br \/>\n              <span style=\"font-family: 'Syne', sans-serif; font-weight: 800; font-size: 30px; font-variant-numeric: tabular-nums; min-width: 64px; text-align: center;\">60<\/span><br \/>\n              <button type=\"button\" aria-label=\"Szybciej\" style=\"width: 36px; height: 36px; border-radius: 7px; border: 1px solid #8C867D; background: transparent; color: #EDEAE4; font-size: 20px; cursor: pointer;\">+<\/button><br \/>\n              <span style=\"font-size: 14px; color: #A8A29A;\">BPM<\/span>\n            <\/div>\n<\/p><\/div>\n<div aria-hidden=\"true\" style=\"display: flex; gap: 10px; margin-left: auto;\">\n              <span style=\"display: block; width: 18px; height: 18px; border-radius: 50%; align-self: center; background: #3A3733;\"><\/span><br \/>\n              <span style=\"display: block; width: 14px; height: 14px; border-radius: 50%; align-self: center; background: #3A3733;\"><\/span><br \/>\n              <span style=\"display: block; width: 14px; height: 14px; border-radius: 50%; align-self: center; background: #3A3733;\"><\/span><br \/>\n              <span style=\"display: block; width: 14px; height: 14px; border-radius: 50%; align-self: center; background: #3A3733;\"><\/span>\n          <\/div>\n<\/p><\/div>\n<ol style=\"margin: 0; padding-left: 22px; display: flex; flex-direction: column; gap: 10px;\">\n<li><strong>Przyk\u0142ad technik<\/strong> zagraj przy <strong>60 BPM<\/strong>, jeden d\u017awi\u0119k na jedno uderzenie metronomu. Bend i vibrato niech brzmi\u0105 dwie miary.<\/li>\n<li>Przy ka\u017cdym znaku powiedz na g\u0142os, co robisz: \u201ehammer-on, pull-off, slide, bend\u201d. Znak ma od razu wywo\u0142a\u0107 w g\u0142owie ruch.<\/li>\n<li><strong>Akord C<\/strong> zagraj wed\u0142ug diagramu i przebierz go po jednej strunie od 5. do 1. Je\u015bli kt\u00f3ra\u015b brz\u0119czy, przesu\u0144 palec bli\u017cej progu.<\/li>\n<li>Zagraj C cztery razy z rz\u0119du przy 60 BPM, jedno uderzenie na miar\u0119. Mi\u0119dzy powt\u00f3rzeniami zawsze ca\u0142kiem podnie\u015b r\u0119k\u0119.<\/li>\n<\/ol>\n<div style=\"display: flex; gap: 12px; padding: 16px 18px; border-radius: 12px; background: #EAF4EF; font-size: 15px; line-height: 1.55;\">\n          <svg aria-hidden=\"true\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2A6B4A\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"flex: none; margin-top: 2px;\"><path d=\"M4 12l5 5L20 6\"><\/path><\/svg><\/p>\n<p style=\"margin: 0;\"><strong style=\"color: #2A6B4A;\">Po czym poznasz, \u017ce to umiesz:<\/strong> zagrasz przyk\u0142ad bez zatrzymywania, a akord C chwycisz w ci\u0105gu jednej miary tak, by brzmia\u0142y wszystkie struny opr\u00f3cz 6.<\/p>\n<\/p><\/div>\n<div style=\"display: flex; flex-direction: column; gap: 14px; padding: 22px; border-radius: 12px; background: #141311; color: #EDEAE4;\">\n<div style=\"display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; align-items: baseline;\">\n<h3 style=\"margin: 0; font-family: 'Syne', sans-serif; font-weight: 700; font-size: 20px;\">Bonus: \u0107wiczebny riff z dwud\u017awi\u0119k\u00f3w<\/h3>\n<p>            <span style=\"font-size: 13px; color: #A8A29A;\">100 BPM \u00b7 \u00f3semki<\/span>\n          <\/div>\n<p style=\"margin: 0; font-size: 15px; line-height: 1.55; color: #C9C3BA;\">Dwie liczby jedna nad drug\u0105 grasz jednocze\u015bnie. Jednym palcem przyci\u015bnij struny D i G na tym samym progu i uderz obie naraz. Riff powtarza si\u0119 cztery razy.<\/p>\n<div style=\"overflow-x: auto; border-radius: 7px; background: #1D1B19; padding: 16px;\">\n<pre aria-label=\"Tabulatura \u0107wiczebnego riffu z dwud\u017awi\u0119k\u00f3w na strunach G i D\" style=\"margin: 0; font-family: ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace; font-size: 15px; line-height: 1.6;\">e|-------------------------|-------------------------|\nB|-------------------------|-------------------------|\nG|-<span style=\"color: #F2804A;\">7--<\/span><span style=\"color: #F2804A;\">7--<\/span><span style=\"color: #F2804A;\">10-<\/span><span style=\"color: #F2804A;\">---<\/span><span style=\"color: #F2804A;\">9--<\/span><span style=\"color: #F2804A;\">7--<\/span><span style=\"color: #F2804A;\">5--<\/span><span style=\"color: #F2804A;\">---<\/span><span style=\"color: inherit;\">|-<\/span><span style=\"color: #F2804A;\">5--<\/span><span style=\"color: #F2804A;\">5--<\/span><span style=\"color: #F2804A;\">7--<\/span><span style=\"color: #F2804A;\">7--<\/span><span style=\"color: #F2804A;\">9--<\/span><span style=\"color: #F2804A;\">---<\/span><span style=\"color: #F2804A;\">7--<\/span><span style=\"color: #F2804A;\">---<\/span><span style=\"color: inherit;\">|<\/span>\nD|-<span style=\"color: #F2804A;\">7--<\/span><span style=\"color: #F2804A;\">7--<\/span><span style=\"color: #F2804A;\">10-<\/span><span style=\"color: #F2804A;\">---<\/span><span style=\"color: #F2804A;\">9--<\/span><span style=\"color: #F2804A;\">7--<\/span><span style=\"color: #F2804A;\">5--<\/span><span style=\"color: #F2804A;\">---<\/span><span style=\"color: inherit;\">|-<\/span><span style=\"color: #F2804A;\">5--<\/span><span style=\"color: #F2804A;\">5--<\/span><span style=\"color: #F2804A;\">7--<\/span><span style=\"color: #F2804A;\">7--<\/span><span style=\"color: #F2804A;\">9--<\/span><span style=\"color: #F2804A;\">---<\/span><span style=\"color: #F2804A;\">7--<\/span><span style=\"color: #F2804A;\">---<\/span><span style=\"color: inherit;\">|<\/span>\nA|-------------------------|-------------------------|\nE|-------------------------|-------------------------|\n<span style=\"color: #A8A29A;\">   1  &amp;  2  &amp;  3  &amp;  4  &amp;    1  &amp;  2  &amp;  3  &amp;  4  &amp;<\/span><\/pre>\n<div aria-live=\"polite\" style=\"margin-top: 8px; min-height: 22px; font-size: 14px; color: #A8A29A;\">Podczas odtwarzania w tabulaturze pod\u015bwietli si\u0119 aktualnie grany dwud\u017awi\u0119k.<\/div>\n<\/p><\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 12px; align-items: center;\">\n            <button type=\"button\" aria-label=\"Riff z zespo\u0142em\" style=\"display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 18px 0 8px; border-radius: 999px; border: 0; background: #F2804A; color: #141311; font: inherit; font-weight: 700; font-size: 15px; cursor: pointer;\"><br \/>\n                <span style=\"width: 30px; height: 30px; border-radius: 50%; background: #141311; color: #F2804A; display: grid; place-items: center;\"><br \/>\n                  <svg aria-hidden=\"true\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M7 4v16l13-8z\"><\/path><\/svg><br \/>\n                <\/span><br \/>\n                Riff z zespo\u0142em<br \/>\n              <\/button><br \/>\n            <button type=\"button\" aria-label=\"Tylko podk\u0142ad, grasz ty\" style=\"display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 18px 0 8px; border-radius: 999px; border: 1px solid #8C867D; background: transparent; color: #EDEAE4; font: inherit; font-weight: 700; font-size: 15px; cursor: pointer;\"><br \/>\n                <span style=\"width: 30px; height: 30px; border-radius: 50%; background: #EDEAE4; color: #141311; display: grid; place-items: center;\"><br \/>\n                  <svg aria-hidden=\"true\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M7 4v16l13-8z\"><\/path><\/svg><br \/>\n                <\/span><br \/>\n                Tylko podk\u0142ad, grasz ty<br \/>\n              <\/button>\n          <\/div>\n<p style=\"margin: 0; font-size: 13px; color: #A8A29A;\">Najpierw pos\u0142uchaj riffu z zespo\u0142em. Potem w\u0142\u0105cz podk\u0142ad bez gitary i graj riff sam. Przed startem zabrzmi\u0105 4 miary pa\u0142eczkami.<\/p>\n<\/p><\/div>\n<\/section>\n<section id=\"hudba\" style=\"display: flex; flex-direction: column; gap: 16px;\">\n<h2 style=\"margin: 0; font-family: 'Syne', sans-serif; font-weight: 700; font-size: 28px; line-height: 1.2;\">Gdzie to wykorzystasz w prawdziwej muzyce<\/h2>\n<div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px;\">\n<div style=\"background: #FFFFFF; border: 1px solid #E4E0D8; border-radius: 12px; padding: 20px; display: flex; flex-direction: column; gap: 8px;\">\n            <span style=\"font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #6B665F;\">Riffy z internetu<\/span><br \/>\n            <strong style=\"font-size: 17px;\">Deep Purple \u2013 Smoke on the Water<\/strong><\/p>\n<p style=\"margin: 0; font-size: 15px; line-height: 1.55; color: #4A4640;\">Riff jest w tabulaturach zapisany jako pary liczb jedna nad drug\u0105 na strunach D i G. Teraz wiesz, \u017ce te dwa d\u017awi\u0119ki grasz jednocze\u015bnie.<\/p>\n<\/p><\/div>\n<div style=\"background: #FFFFFF; border: 1px solid #E4E0D8; border-radius: 12px; padding: 20px; display: flex; flex-direction: column; gap: 8px;\">\n            <span style=\"font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #6B665F;\">Akordy ze \u015bpiewnika<\/span><br \/>\n            <strong style=\"font-size: 17px;\">Bob Dylan \u2013 Knockin&#8217; on Heaven&#8217;s Door<\/strong><\/p>\n<p style=\"margin: 0; font-size: 15px; line-height: 1.55; color: #4A4640;\">Cztery akordy: G, D, Am, C. Wszystkie s\u0105 w \u015bpiewnikach narysowane jako diagramy, kt\u00f3re ju\u017c umiesz przeczyta\u0107.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section id=\"zhrnutie\" style=\"display: flex; flex-direction: column; gap: 16px;\">\n<h2 style=\"margin: 0; font-family: 'Syne', sans-serif; font-weight: 700; font-size: 28px; line-height: 1.2;\">Podsumowanie<\/h2>\n<ul style=\"list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px;\">\n<li style=\"display: flex; gap: 12px;\"><span style=\"color: #BF4509; font-weight: 800;\">\u2192<\/span>Struny numerujemy od najcie\u0144szej (1.) do najgrubszej (6.); str\u00f3j E A D G B E.<\/li>\n<li style=\"display: flex; gap: 12px;\"><span style=\"color: #BF4509; font-weight: 800;\">\u2192<\/span>W tabulaturze u g\u00f3ry jest 1. struna, a na dole 6.; liczba = pr\u00f3g, 0 = pusta struna.<\/li>\n<li style=\"display: flex; gap: 12px;\"><span style=\"color: #BF4509; font-weight: 800;\">\u2192<\/span>Liczby jedna nad drug\u0105 grasz jednocze\u015bnie; tabulatura nie pokazuje rytmu.<\/li>\n<li style=\"display: flex; gap: 12px;\"><span style=\"color: #BF4509; font-weight: 800;\">\u2192<\/span>Diagram stoi pionowo: \u00d7 = nie gra\u0107, \u25cb = pusta struna, liczba = palec.<\/li>\n<li style=\"display: flex; gap: 12px;\"><span style=\"color: #BF4509; font-weight: 800;\">\u2192<\/span>h, p, \/, b i ~ to hammer-on, pull-off, slide, bend i vibrato.<\/li>\n<\/ul>\n<div style=\"background: #141311; color: #EDEAE4; border-radius: 20px; padding: 24px; display: flex; flex-direction: column; gap: 14px;\">\n<div style=\"display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; align-items: center;\">\n<h3 style=\"margin: 0; font-family: 'Syne', sans-serif; font-weight: 700; font-size: 22px;\">Zadanie na dzi\u015b<\/h3>\n<p>            <span style=\"font-size: 13px; color: #A8A29A;\">10 minut<\/span>\n          <\/div>\n<p>          <label for=\"u1\" style=\"display: flex; gap: 12px; align-items: flex-start; cursor: pointer; font-size: 16px; line-height: 1.5;\"><input id=\"u1\" type=\"checkbox\" style=\"width: 20px; height: 20px; margin-top: 3px; accent-color: #F2804A;\"\/>Znajd\u017a w internecie tabulatur\u0119 riffu, kt\u00f3ry lubisz.<\/label><br \/>\n          <label for=\"u2\" style=\"display: flex; gap: 12px; align-items: flex-start; cursor: pointer; font-size: 16px; line-height: 1.5;\"><input id=\"u2\" type=\"checkbox\" style=\"width: 20px; height: 20px; margin-top: 3px; accent-color: #F2804A;\"\/>Przeczytaj j\u0105 na g\u0142os: \u201e3. pr\u00f3g na 5. strunie, potem\u2026\u201d<\/label><br \/>\n          <label for=\"u3\" style=\"display: flex; gap: 12px; align-items: flex-start; cursor: pointer; font-size: 16px; line-height: 1.5;\"><input id=\"u3\" type=\"checkbox\" style=\"width: 20px; height: 20px; margin-top: 3px; accent-color: #F2804A;\"\/>Dopiero potem zagraj j\u0105 przy 60 BPM.<\/label>\n        <\/div>\n<\/section>\n<nav aria-label=\"Nast\u0119pna lekcja\" style=\"display: flex; flex-wrap: wrap; gap: 16px; justify-content: space-between; align-items: center; padding: 24px; border-radius: 20px; background: #FBF0EA; border: 1px solid #F2D4C2;\">\n<div style=\"display: flex; flex-direction: column; gap: 4px; min-width: 0;\">\n          <span style=\"font-size: 13px; font-weight: 600; color: #BF4509;\">Nast\u0119pna lekcja \u00b7 02<\/span><br \/>\n          <strong style=\"font-family: 'Syne', sans-serif; font-size: 22px; line-height: 1.2;\">12 d\u017awi\u0119k\u00f3w, z kt\u00f3rych zbudowana jest ca\u0142a muzyka<\/strong>\n        <\/div>\n<p>        <a href=\"https:\/\/deskaudio.eu\/pl\/kurs-gitary\/lekcja-2-12-dzwiekow-z-ktorych-zbudowana-jest-cala-muzyka\/\" style=\"display: inline-flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 22px; border-radius: 7px; background: #BF4509; color: #FFFFFF; font-weight: 700; text-decoration: none;\">Dalej<br \/>\n          <svg aria-hidden=\"true\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a><br \/>\n      <\/nav>\n<p>    <\/main>\n  <\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>W internecie znajdziesz akordy i tabulatury do prawie ka\u017cdej piosenki. Wystarczy jednak \u017ale odczyta\u0107 jeden znak i ca\u0142ymi tygodniami \u0107wiczysz riff, kt\u00f3ry brzmi \u201ejako\u015b dziwnie\u201d.<\/p>\n","protected":false},"featured_media":0,"menu_order":1,"template":"","meta":{"_acf_changed":false,"_da_cislo":1,"_da_zadarmo":true,"_glsr_average":0,"_glsr_ranking":0,"_glsr_reviews":0},"class_list":["post-5575","da_lekcia","type-da_lekcia","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/deskaudio.eu\/pl\/wp-json\/wp\/v2\/da_lekcia\/5575","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/deskaudio.eu\/pl\/wp-json\/wp\/v2\/da_lekcia"}],"about":[{"href":"https:\/\/deskaudio.eu\/pl\/wp-json\/wp\/v2\/types\/da_lekcia"}],"wp:attachment":[{"href":"https:\/\/deskaudio.eu\/pl\/wp-json\/wp\/v2\/media?parent=5575"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}