Taekwondo Tie Sheet<\/title>\n <style>\n body {\n font-family: Arial;\n padding: 20px;\n }\n\n textarea {\n width: 300px;\n height: 120px;\n }\n\n button {\n margin: 5px;\n padding: 8px 12px;\n }\n\n .bracket {\n display: flex;\n margin-top: 40px;\n }\n\n .round {\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n margin-right: 80px;\n position: relative;\n }\n\n .match {\n position: relative;\n margin-bottom: 40px;\n }\n\n .player {\n border: 2px solid #000;\n padding: 6px;\n width: 180px;\n background: #fff;\n margin: 5px 0;\n position: relative;\n }\n\n \/* line from player *\/\n .player::after {\n content: \"\";\n position: absolute;\n right: -40px;\n top: 50%;\n width: 40px;\n border-top: 2px solid black;\n }\n\n \/* vertical join line *\/\n .match::after {\n content: \"\";\n position: absolute;\n right: -40px;\n top: 25%;\n height: 50%;\n border-right: 2px solid black;\n }\n\n @media print {\n textarea, button {\n display: none;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n<h2>Taekwondo Tie Sheet<\/h2>\n\n<textarea id=\"players\" placeholder=\"Har line me player naam\"><\/textarea><br>\n\n<button onclick=\"generate()\">Generate<\/button>\n<button onclick=\"window.print()\">\ud83d\udda8\ufe0f Print<\/button>\n\n<div class=\"bracket\" id=\"bracket\"><\/div>\n\n<script>\nfunction nextPowerOf2(n) {\n return Math.pow(2, Math.ceil(Math.log2(n)));\n}\n\nfunction generate() {\n let input = document.getElementById(\"players\").value;\n let players = input.split(\"\\n\").filter(p => p.trim() !== \"\");\n\n if(players.length < 2) {\n alert(\"Kam se kam 2 players daalein!\");\n return;\n }\n\n let size = nextPowerOf2(players.length);\n while(players.length < size) players.push(\"BYE\");\n\n let rounds = Math.log2(size);\n let bracket = document.getElementById(\"bracket\");\n bracket.innerHTML = \"\";\n\n let current = players;\n\n for(let r = 0; r < rounds; r++) {\n let roundDiv = document.createElement(\"div\");\n roundDiv.className = \"round\";\n\n let next = [];\n\n for(let i = 0; i < current.length; i += 2) {\n\n let matchDiv = document.createElement(\"div\");\n matchDiv.className = \"match\";\n\n let p1 = document.createElement(\"div\");\n p1.className = \"player\";\n p1.innerText = current[i];\n\n let p2 = document.createElement(\"div\");\n p2.className = \"player\";\n p2.innerText = current[i+1];\n\n matchDiv.appendChild(p1);\n matchDiv.appendChild(p2);\n\n roundDiv.appendChild(matchDiv);\n\n next.push(\"Winner\");\n }\n\n bracket.appendChild(roundDiv);\n current = next;\n }\n}\n<\/script>\n\n<\/body>\n<\/html> <\/div>\n<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Taekwondo Tie Sheet Taekwondo Tie Sheet Generate \ud83d\udda8\ufe0f Print<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-100","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/taekwondosports.in\/index.php\/wp-json\/wp\/v2\/pages\/100","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/taekwondosports.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/taekwondosports.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/taekwondosports.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/taekwondosports.in\/index.php\/wp-json\/wp\/v2\/comments?post=100"}],"version-history":[{"count":6,"href":"https:\/\/taekwondosports.in\/index.php\/wp-json\/wp\/v2\/pages\/100\/revisions"}],"predecessor-version":[{"id":108,"href":"https:\/\/taekwondosports.in\/index.php\/wp-json\/wp\/v2\/pages\/100\/revisions\/108"}],"wp:attachment":[{"href":"https:\/\/taekwondosports.in\/index.php\/wp-json\/wp\/v2\/media?parent=100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n \n

\n \n\n\n Taekwondo Tie Sheet<\/title>\n <style>\n body {\n font-family: Arial;\n padding: 20px;\n }\n\n textarea {\n width: 300px;\n height: 120px;\n }\n\n button {\n margin: 5px;\n padding: 8px 12px;\n }\n\n .bracket {\n display: flex;\n margin-top: 40px;\n }\n\n .round {\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n margin-right: 80px;\n position: relative;\n }\n\n .match {\n position: relative;\n margin-bottom: 40px;\n }\n\n .player {\n border: 2px solid #000;\n padding: 6px;\n width: 180px;\n background: #fff;\n margin: 5px 0;\n position: relative;\n }\n\n \/* line from player *\/\n .player::after {\n content: \"\";\n position: absolute;\n right: -40px;\n top: 50%;\n width: 40px;\n border-top: 2px solid black;\n }\n\n \/* vertical join line *\/\n .match::after {\n content: \"\";\n position: absolute;\n right: -40px;\n top: 25%;\n height: 50%;\n border-right: 2px solid black;\n }\n\n @media print {\n textarea, button {\n display: none;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n<h2>Taekwondo Tie Sheet<\/h2>\n\n<textarea id=\"players\" placeholder=\"Har line me player naam\"><\/textarea><br>\n\n<button onclick=\"generate()\">Generate<\/button>\n<button onclick=\"window.print()\">\ud83d\udda8\ufe0f Print<\/button>\n\n<div class=\"bracket\" id=\"bracket\"><\/div>\n\n<script>\nfunction nextPowerOf2(n) {\n return Math.pow(2, Math.ceil(Math.log2(n)));\n}\n\nfunction generate() {\n let input = document.getElementById(\"players\").value;\n let players = input.split(\"\\n\").filter(p => p.trim() !== \"\");\n\n if(players.length < 2) {\n alert(\"Kam se kam 2 players daalein!\");\n return;\n }\n\n let size = nextPowerOf2(players.length);\n while(players.length < size) players.push(\"BYE\");\n\n let rounds = Math.log2(size);\n let bracket = document.getElementById(\"bracket\");\n bracket.innerHTML = \"\";\n\n let current = players;\n\n for(let r = 0; r < rounds; r++) {\n let roundDiv = document.createElement(\"div\");\n roundDiv.className = \"round\";\n\n let next = [];\n\n for(let i = 0; i < current.length; i += 2) {\n\n let matchDiv = document.createElement(\"div\");\n matchDiv.className = \"match\";\n\n let p1 = document.createElement(\"div\");\n p1.className = \"player\";\n p1.innerText = current[i];\n\n let p2 = document.createElement(\"div\");\n p2.className = \"player\";\n p2.innerText = current[i+1];\n\n matchDiv.appendChild(p1);\n matchDiv.appendChild(p2);\n\n roundDiv.appendChild(matchDiv);\n\n next.push(\"Winner\");\n }\n\n bracket.appendChild(roundDiv);\n current = next;\n }\n}\n<\/script>\n\n<\/body>\n<\/html> <\/div>\n<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Taekwondo Tie Sheet Taekwondo Tie Sheet Generate \ud83d\udda8\ufe0f Print<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-100","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/taekwondosports.in\/index.php\/wp-json\/wp\/v2\/pages\/100","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/taekwondosports.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/taekwondosports.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/taekwondosports.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/taekwondosports.in\/index.php\/wp-json\/wp\/v2\/comments?post=100"}],"version-history":[{"count":6,"href":"https:\/\/taekwondosports.in\/index.php\/wp-json\/wp\/v2\/pages\/100\/revisions"}],"predecessor-version":[{"id":108,"href":"https:\/\/taekwondosports.in\/index.php\/wp-json\/wp\/v2\/pages\/100\/revisions\/108"}],"wp:attachment":[{"href":"https:\/\/taekwondosports.in\/index.php\/wp-json\/wp\/v2\/media?parent=100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}