\u015awiat G\u00f3r \u2013 Odkryj Tatry i Alpy<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;700;900&family=Source+Sans+3:wght@300;400;600&display=swap\" rel=\"stylesheet\">\n<style>\n :root {<br \/>\n --stone: #2c2416; --peak: #1a2a3a; --gold: #d4881e; --amber: #e8a435;<br \/>\n --snow: #f5f0e8; --mist: #8fa8b8; --forest: #2d4a2d; --accent: #c0392b;<br \/>\n }<br \/>\n * { margin:0; padding:0; box-sizing:border-box; }<br \/>\n html { scroll-behavior: smooth; }<br \/>\n body { font-family: \"Source Sans 3\", sans-serif; background: var(--snow); color: var(--stone); }<\/p>\n<p> \/* HEADER *\/<br \/>\n header {<br \/>\n position: fixed; top:0; left:0; width:100%; z-index:1000;<br \/>\n background: linear-gradient(135deg, var(--peak) 0%, #0d1e2e 100%);<br \/>\n border-bottom: 3px solid var(--gold);<br \/>\n padding: 0 40px;<br \/>\n box-shadow: 0 4px 20px rgba(0,0,0,0.5);<br \/>\n }<br \/>\n .header-inner { display:flex; align-items:center; justify-content:space-between; height:70px; }<br \/>\n .logo { font-family:\"Playfair Display\",serif; font-size:1.8rem; font-weight:900; color:var(--snow); text-decoration:none; letter-spacing:2px; }<br \/>\n .logo span { color:var(--gold); }<\/p>\n<p> \/* NAV *\/<br \/>\n nav ul { list-style:none; display:flex; gap:4px; }<br \/>\n nav ul li { position:relative; }<br \/>\n nav ul li > a { display:block; padding:10px 18px; color:var(--snow); text-decoration:none; font-size:0.9rem; font-weight:600; letter-spacing:1px; text-transform:uppercase; border-radius:4px; transition: all 0.25s; }<br \/>\n nav ul li > a:hover { background:var(--gold); color:var(--peak); }<br \/>\n nav ul li > a::after { content: \" \u25be\"; font-size:0.7rem; opacity:0.7; }<br \/>\n .dropdown { display:none; position:absolute; top:100%; left:0; min-width:220px; background:var(--peak); border:1px solid var(--gold); border-radius:6px; box-shadow:0 8px 30px rgba(0,0,0,0.5); z-index:2000; overflow:hidden; }<br \/>\n nav ul li:hover .dropdown { display:block; }<br \/>\n .dropdown a { display:block; padding:12px 20px; color:var(--snow); text-decoration:none; font-size:0.88rem; border-bottom:1px solid rgba(255,255,255,0.07); transition: background 0.2s; }<br \/>\n .dropdown a:hover { background:var(--gold); color:var(--peak); }<\/p>\n<p> \/* HERO *\/<br \/>\n #hero { height:100vh; position:relative; overflow:hidden; display:flex; align-items:center; justify-content:center; }<br \/>\n .hero-bg { position:absolute; inset:0; background: url(\"https:\/\/student065.akademiata.edu.pl\/wp-content\/uploads\/2026\/06\/tatry.jpg\") center\/cover no-repeat; }<br \/>\n .hero-overlay { position:absolute; inset:0; background: linear-gradient(180deg, rgba(10,20,30,0.3) 0%, rgba(10,20,30,0.7) 100%); }<br \/>\n .hero-content { position:relative; text-align:center; color:white; padding:20px; }<br \/>\n .hero-content h1 { font-family:\"Playfair Display\",serif; font-size:clamp(3rem,8vw,7rem); font-weight:900; line-height:1; text-shadow:0 4px 30px rgba(0,0,0,0.8); margin-bottom:20px; letter-spacing:4px; }<br \/>\n .hero-content h1 em { color:var(--gold); font-style:normal; display:block; }<br \/>\n .hero-content p { font-size:1.3rem; max-width:600px; margin:0 auto 40px; text-shadow:0 2px 10px rgba(0,0,0,0.8); font-weight:300; line-height:1.6; }<br \/>\n .hero-cta { display:inline-block; padding:16px 48px; background:var(--gold); color:var(--peak); font-weight:700; text-decoration:none; border-radius:50px; font-size:1rem; letter-spacing:2px; text-transform:uppercase; transition: transform 0.2s, box-shadow 0.2s; box-shadow: 0 4px 20px rgba(212,136,30,0.5); }<br \/>\n .hero-cta:hover { transform:translateY(-3px); box-shadow:0 8px 30px rgba(212,136,30,0.6); }<\/p>\n<p> \/* SECTIONS *\/<br \/>\n .section { padding:80px 40px; max-width:1200px; margin:0 auto; }<br \/>\n .section-title { font-family:\"Playfair Display\",serif; font-size:clamp(2rem,4vw,3rem); color:var(--peak); margin-bottom:12px; font-weight:700; }<br \/>\n .section-title::after { content:\"\"; display:block; width:60px; height:4px; background:var(--gold); margin-top:10px; border-radius:2px; }<br \/>\n .section-lead { font-size:1.1rem; color:#555; margin-bottom:40px; line-height:1.7; max-width:700px; }<br \/>\n .dark-section { background:var(--peak); padding:80px 0; }<br \/>\n .dark-section .section { color:var(--snow); }<br \/>\n .dark-section .section-title { color:var(--snow); }<br \/>\n .dark-section .section-lead { color:var(--mist); }<\/p>\n<p> \/* MEDIA *\/<br \/>\n .media-grid { display:grid; grid-template-columns:1fr 1fr; gap:30px; margin:40px 0; }<br \/>\n .media-card { border-radius:12px; overflow:hidden; box-shadow: 0 8px 40px rgba(0,0,0,0.2); position:relative; }<br \/>\n .media-label { position:absolute; top:16px; left:16px; background:var(--gold); color:var(--peak); padding:4px 12px; border-radius:20px; font-size:0.75rem; font-weight:700; letter-spacing:1px; text-transform:uppercase; z-index:5; }<br \/>\n .media-card img { width:100%; display:block; }<br \/>\n .media-card video { width:100%; display:block; max-height:340px; object-fit:cover; }<br \/>\n .gif-wrap img { width:100%; height:340px; object-fit:cover; display:block; }<\/p>\n<p> \/* TEXT STYLES *\/<br \/>\n .text-styles-box { background:white; border-radius:12px; padding:40px; box-shadow:0 4px 20px rgba(0,0,0,0.08); margin:30px 0; border-left:5px solid var(--gold); }<br \/>\n .text-styles-box p { margin-bottom:12px; line-height:1.7; font-size:1rem; }<br \/>\n .highlight { background:#fff3cd; padding:2px 6px; border-radius:3px; }<br \/>\n .text-styles-box blockquote { border-left:4px solid var(--gold); padding:12px 20px; margin:20px 0; background:#f9f5ef; font-style:italic; color:#555; border-radius:0 8px 8px 0; }<\/p>\n<p> \/* TABLE *\/<br \/>\n .table-wrapper { overflow-x:auto; border-radius:12px; box-shadow:0 4px 20px rgba(0,0,0,0.1); }<br \/>\n table { width:100%; border-collapse:collapse; background:white; }<br \/>\n thead tr { background:var(--peak); color:var(--snow); }<br \/>\n thead th { padding:16px 20px; text-align:left; font-size:0.85rem; letter-spacing:1px; text-transform:uppercase; cursor:pointer; user-select:none; white-space:nowrap; }<br \/>\n thead th:hover { background:var(--gold); color:var(--peak); }<br \/>\n thead th.sorted-asc::after { content:\" \u2191\"; color:var(--gold); }<br \/>\n thead th.sorted-desc::after { content:\" \u2193\"; color:var(--gold); }<br \/>\n tbody tr { border-bottom:1px solid #eee; transition:background 0.15s; }<br \/>\n tbody tr:hover { background:#fdf6ec; }<br \/>\n tbody td { padding:14px 20px; font-size:0.95rem; }<br \/>\n tbody td:first-child { font-weight:700; color:var(--peak); }<br \/>\n .badge { display:inline-block; padding:3px 10px; border-radius:20px; font-size:0.78rem; font-weight:600; }<br \/>\n .badge-hard { background:#fde8e8; color:#c0392b; }<br \/>\n .badge-medium { background:#fef3e2; color:#d4881e; }<br \/>\n .badge-easy { background:#e8f5e8; color:#2d6a2d; }<\/p>\n<p> \/* CHECKLIST *\/<br \/>\n .checklist { list-style:none; margin:20px 0; }<br \/>\n .checklist li { display:flex; align-items:flex-start; gap:14px; padding:14px 0; border-bottom:1px solid #eee; font-size:1rem; }<br \/>\n .checklist li:last-child { border-bottom:none; }<br \/>\n .checklist input[type=checkbox] { width:20px; height:20px; cursor:pointer; flex-shrink:0; margin-top:2px; accent-color:var(--gold); }<br \/>\n .checklist label { cursor:pointer; line-height:1.5; }<br \/>\n .checklist input:checked + label { text-decoration:line-through; color:#999; }<\/p>\n<p> \/* FORM *\/<br \/>\n .form-box { background:white; border-radius:16px; padding:40px; box-shadow:0 8px 40px rgba(0,0,0,0.1); max-width:600px; }<br \/>\n .form-group { margin-bottom:24px; }<br \/>\n .form-group label { display:block; font-weight:600; margin-bottom:8px; font-size:0.9rem; letter-spacing:0.5px; color:var(--peak); text-transform:uppercase; }<br \/>\n .form-group input, .form-group textarea, .form-group select { width:100%; padding:14px 18px; border:2px solid #ddd; border-radius:8px; font-family:inherit; font-size:1rem; transition:border-color 0.2s; background:var(--snow); }<br \/>\n .form-group input:focus, .form-group textarea:focus, .form-group select:focus { outline:none; border-color:var(--gold); }<br \/>\n .form-group textarea { resize:vertical; min-height:120px; }<\/p>\n<p> \/* BUTTONS *\/<br \/>\n .btn { display:inline-block; padding:14px 36px; border:none; border-radius:50px; font-family:inherit; font-size:1rem; font-weight:700; cursor:pointer; letter-spacing:1px; text-transform:uppercase; transition:all 0.25s; text-decoration:none; }<br \/>\n .btn-primary { background:var(--gold); color:var(--peak); }<br \/>\n .btn-primary:hover { background:var(--amber); transform:translateY(-2px); box-shadow:0 6px 20px rgba(212,136,30,0.4); }<br \/>\n .btn-outline { background:transparent; border:2px solid var(--gold); color:var(--gold); }<br \/>\n .btn-outline:hover { background:var(--gold); color:var(--peak); }<br \/>\n .btn-download { background:var(--forest); color:white; display:inline-flex; align-items:center; gap:10px; }<br \/>\n .btn-download:hover { background:#1e3a1e; transform:translateY(-2px); }<br \/>\n .btn-download::before { content:\"\u2b07\"; font-size:1.1rem; }<\/p>\n<p> \/* CHARTS *\/<br \/>\n .chart-container { background:white; border-radius:16px; padding:30px; box-shadow:0 4px 20px rgba(0,0,0,0.08); margin:20px 0; }<\/p>\n<p> \/* CALENDAR *\/<br \/>\n .calendar-wrap { background:white; border-radius:16px; padding:30px; box-shadow:0 4px 20px rgba(0,0,0,0.08); max-width:440px; }<br \/>\n .cal-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; }<br \/>\n .cal-header h3 { font-family:\"Playfair Display\",serif; font-size:1.3rem; color:var(--peak); }<br \/>\n .cal-nav { background:none; border:2px solid var(--gold); color:var(--gold); width:36px; height:36px; border-radius:50%; cursor:pointer; font-size:1rem; transition:all 0.2s; }<br \/>\n .cal-nav:hover { background:var(--gold); color:white; }<br \/>\n .cal-grid { display:grid; grid-template-columns:repeat(7,1fr); gap:4px; }<br \/>\n .cal-day-name { text-align:center; font-size:0.75rem; font-weight:700; color:var(--mist); padding:6px 0; text-transform:uppercase; }<br \/>\n .cal-day { text-align:center; padding:8px 4px; border-radius:8px; font-size:0.85rem; cursor:pointer; transition:all 0.15s; }<br \/>\n .cal-day:hover { background:#fdf6ec; }<br \/>\n .cal-day.today { background:var(--gold); color:white; font-weight:700; }<br \/>\n .cal-day.event { background:#fde8e8; color:var(--accent); font-weight:700; }<br \/>\n .cal-day.other-month { color:#ccc; }<br \/>\n .cal-events { margin-top:20px; }<br \/>\n .cal-event-item { padding:10px 14px; background:#f9f5ef; border-radius:8px; margin-bottom:8px; border-left:4px solid var(--gold); font-size:0.9rem; }<\/p>\n<p> \/* LAYOUTS *\/<br \/>\n .two-col { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:start; }<br \/>\n .three-col { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }<br \/>\n .info-card { background:white; border-radius:16px; padding:30px; box-shadow:0 4px 20px rgba(0,0,0,0.07); transition:transform 0.2s; }<br \/>\n .info-card:hover { transform:translateY(-4px); }<br \/>\n .info-card .icon { font-size:2.5rem; margin-bottom:16px; }<br \/>\n .info-card h3 { font-family:\"Playfair Display\",serif; font-size:1.3rem; margin-bottom:10px; color:var(--peak); }<br \/>\n .info-card p { font-size:0.95rem; line-height:1.6; color:#666; }<\/p>\n<p> \/* TABS *\/<br \/>\n .tab-nav { display:flex; gap:4px; flex-wrap:wrap; margin-bottom:30px; }<br \/>\n .tab-btn { padding:10px 24px; border:2px solid var(--gold); background:transparent; color:var(--gold); border-radius:50px; cursor:pointer; font-family:inherit; font-size:0.9rem; font-weight:600; transition:all 0.2s; }<br \/>\n .tab-btn.active, .tab-btn:hover { background:var(--gold); color:var(--peak); }<br \/>\n .tab-panel { display:none; }<br \/>\n .tab-panel.active { display:block; animation:fadeIn 0.3s ease; }<br \/>\n @keyframes fadeIn { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:none} }<\/p>\n<p> \/* STATS *\/<br \/>\n .stats-row { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin:40px 0; }<br \/>\n .stat-box { text-align:center; padding:30px 20px; background:rgba(255,255,255,0.05); border:1px solid rgba(212,136,30,0.3); border-radius:12px; }<br \/>\n .stat-box .num { font-family:\"Playfair Display\",serif; font-size:2.5rem; font-weight:900; color:var(--gold); }<br \/>\n .stat-box .lbl { font-size:0.85rem; color:var(--mist); text-transform:uppercase; letter-spacing:1px; margin-top:6px; }<\/p>\n<p> \/* ALERT *\/<br \/>\n .alert { padding:16px 20px; border-radius:10px; margin:20px 0; display:flex; gap:12px; align-items:flex-start; }<br \/>\n .alert-warning { background:#fff3cd; border-left:4px solid var(--amber); }<br \/>\n .alert-info { background:#e8f4fd; border-left:4px solid #3498db; }<\/p>\n<p> \/* FOOTER *\/<br \/>\n footer { background: linear-gradient(135deg, #0d1422 0%, var(--peak) 100%); color:var(--snow); padding:60px 40px 30px; border-top:3px solid var(--gold); }<br \/>\n .footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:40px; max-width:1200px; margin:0 auto 40px; }<br \/>\n .footer-brand p { color:var(--mist); margin-top:12px; font-size:0.9rem; line-height:1.6; }<br \/>\n .footer-col h4 { font-family:\"Playfair Display\",serif; font-size:1rem; color:var(--gold); margin-bottom:16px; letter-spacing:1px; }<br \/>\n .footer-col ul { list-style:none; }<br \/>\n .footer-col ul li { margin-bottom:8px; }<br \/>\n .footer-col ul li a { color:var(--mist); text-decoration:none; font-size:0.9rem; transition:color 0.2s; }<br \/>\n .footer-col ul li a:hover { color:var(--gold); }<br \/>\n .footer-bottom { max-width:1200px; margin:0 auto; padding-top:24px; border-top:1px solid rgba(255,255,255,0.1); display:flex; justify-content:space-between; align-items:center; font-size:0.85rem; color:var(--mist); }<\/p>\n<p> \/* NOTICE BOX *\/<br \/>\n .wp-notice { background:#e8f4fd; border:2px dashed #3498db; border-radius:12px; padding:20px 24px; margin:20px 0; font-size:0.9rem; color:#1a2a3a; }<br \/>\n .wp-notice strong { color:#1a5276; }<br \/>\n .wp-notice code { background:#d0e8f5; padding:2px 6px; border-radius:4px; font-family:monospace; }<\/p>\n<p> @media(max-width:768px) {<br \/>\n header { padding:0 20px; }<br \/>\n .section { padding:60px 20px; }<br \/>\n .media-grid, .two-col, .three-col { grid-template-columns:1fr; }<br \/>\n .footer-grid { grid-template-columns:1fr 1fr; }<br \/>\n .stats-row { grid-template-columns:1fr 1fr; }<br \/>\n nav { display:none; }<br \/>\n }<br \/>\n<\/style>\n<p><\/head><br \/>\n<body><\/p>\n<p><\/p>\n<header>\n<div class=\"header-inner\">\n <a href=\"#hero\" class=\"logo\">\u26f0 \u015awiat<span>G\u00f3r<\/span><\/a><\/p>\n<nav>\n<ul>\n<li><a href=\"#hero\">Start<\/a>\n<div class=\"dropdown\">\n <a href=\"#hero\">Strona g\u0142\u00f3wna<\/a><br \/>\n <a href=\"#media\">Galeria medi\u00f3w<\/a>\n <\/div>\n<\/li>\n<li><a href=\"#tabs\">Tatry<\/a>\n<div class=\"dropdown\">\n <a href=\"#tabs\" onclick=\"showTab('tatry',event)\">O Tatrach<\/a><br \/>\n <a href=\"#tabs\" onclick=\"showTab('szlaki',event)\">Szlaki turystyczne<\/a><br \/>\n <a href=\"#tabs\" onclick=\"showTab('bezpieczenstwo',event)\">Bezpiecze\u0144stwo<\/a>\n <\/div>\n<\/li>\n<li><a href=\"#tabs\">Alpinizm<\/a>\n<div class=\"dropdown\">\n <a href=\"#tabs\" onclick=\"showTab('alpinizm',event)\">Co to jest alpinizm?<\/a><br \/>\n <a href=\"#tabs\" onclick=\"showTab('sprzet',event)\">Sprz\u0119t wspinaczkowy<\/a>\n <\/div>\n<\/li>\n<li><a href=\"#dane\">Dane i wykresy<\/a>\n<div class=\"dropdown\">\n <a href=\"#dane\">Statystyki<\/a><br \/>\n <a href=\"#histogram\">Histogram<\/a>\n <\/div>\n<\/li>\n<li><a href=\"#kontakt\">Kontakt<\/a>\n<div class=\"dropdown\">\n <a href=\"#kontakt\">Napisz do nas<\/a><br \/>\n <a href=\"#kontakt\">Newsletter<\/a>\n <\/div>\n<\/li>\n<\/ul>\n<\/nav><\/div>\n<\/header>\n<p><\/p>\n<section id=\"hero\">\n<div class=\"hero-bg\"><\/div>\n<div class=\"hero-overlay\"><\/div>\n<div class=\"hero-content\">\n<h1>Tatry<em>Polskie<\/em><\/h1>\n<p>Odkryj majestat najwy\u017cszych polskich szczyt\u00f3w \u2014 dzikie doliny, szmaragdowe jeziora i niebo dotykaj\u0105ce ska\u0142<\/p>\n<p> <a href=\"#tabs\" class=\"hero-cta\">Eksploruj teraz<\/a>\n <\/div>\n<\/section>\n<p><main><\/p>\n<p><\/p>\n<div class=\"section\" style=\"padding-top:100px;\">\n<div class=\"wp-notice\">\n <strong>\ud83d\udcc2 Instrukcja WordPress:<\/strong> Przed opublikowaniem wgraj pliki medi\u00f3w do Biblioteki multimedi\u00f3w:<br \/>\n <code>tatry.jpg<\/code> \u2192 skopiuj URL \u2192 wklej w kod jako <code>src=\"TWOJ_URL\"<\/code><br \/>\n <code>mountains.mp4<\/code> \u2192 analogicznie dla elementu <video><br \/>\n <code>mountains.gif<\/code> \u2192 analogicznie dla elementu <img> w galerii\n <\/div>\n<\/div>\n<p><\/p>\n<div id=\"tabs\" class=\"section\" style=\"padding-top:20px;\">\n<h2 class=\"section-title\">Podstrony serwisu<\/h2>\n<p class=\"section-lead\">Przegl\u0105daj tematyczne dzia\u0142y naszego serwisu g\u00f3rskiego.<\/p>\n<div class=\"tab-nav\">\n <button class=\"tab-btn active\" onclick=\"showTab('tatry',event)\">\u26f0 O Tatrach<\/button><br \/>\n <button class=\"tab-btn\" onclick=\"showTab('szlaki',event)\">\ud83e\udd7e Szlaki<\/button><br \/>\n <button class=\"tab-btn\" onclick=\"showTab('bezpieczenstwo',event)\">\ud83d\udee1 Bezpiecze\u0144stwo<\/button><br \/>\n <button class=\"tab-btn\" onclick=\"showTab('alpinizm',event)\">\ud83e\uddd7 Alpinizm<\/button><br \/>\n <button class=\"tab-btn\" onclick=\"showTab('sprzet',event)\">\ud83c\udf92 Sprz\u0119t<\/button>\n <\/div>\n<p> <\/p>\n<div id=\"tab-tatry\" class=\"tab-panel active\">\n<div class=\"two-col\">\n<div>\n<h2 class=\"section-title\">O Tatrach<\/h2>\n<p class=\"section-lead\">Tatry to jedyny \u0142a\u0144cuch g\u00f3rski w Polsce o charakterze alpejskim.<\/p>\n<div class=\"text-styles-box\">\n<p>Tatry s\u0105 <strong>najwy\u017cszymi g\u00f3rami Polski<\/strong> i <strong>S\u0142owacji<\/strong>, stanowi\u0105c jedyny obszar o <em>charakterze alpejskim<\/em> w Karpatach. Ich najwy\u017cszy szczyt \u2014 <u>Rysy<\/u> \u2014 wznosi si\u0119 na <mark class=\"highlight\">2499 m n.p.m.<\/mark><\/p>\n<p style=\"margin-top:14px;\">G\u00f3ry te zajmuj\u0105 powierzchni\u0119 oko\u0142o <strong>785 km\u00b2<\/strong>. Tatrza\u0144ski Park Narodowy chroni polsk\u0105 cz\u0119\u015b\u0107 masywu.<\/p>\n<blockquote><p>„Kto raz zobaczy\u0142 Tatry, ten zawsze do nich wraca \u2014 szczyty wryj\u0105 si\u0119 w pami\u0119\u0107 na ca\u0142e \u017cycie.”<\/p><\/blockquote>\n<p>Klimat tatrza\u0144ski jest surowy i <strong>zmienny<\/strong>. <del>Tatry s\u0105 bezpieczne przez ca\u0142y rok<\/del> \u2014 w zimie wymagaj\u0105 szczeg\u00f3lnej ostro\u017cno\u015bci.<\/p>\n<\/p><\/div>\n<p> <a href=\"#\" class=\"btn btn-download\" id=\"btn-dl-tatry\" style=\"margin-top:20px;\">Pobierz przewodnik (TXT)<\/a>\n <\/div>\n<div>\n <img decoding=\"async\" src=\"https:\/\/student065.akademiata.edu.pl\/wp-content\/uploads\/2026\/06\/tatry.jpg\" alt=\"Tatry Polskie o wschodzie s\u0142o\u0144ca\" style=\"width:100%;border-radius:16px;box-shadow:0 8px 40px rgba(0,0,0,0.2);\"><\/p>\n<p style=\"font-size:0.8rem;color:#999;margin-top:8px;text-align:center;\">\u25b2 Tatry Polskie o wschodzie s\u0142o\u0144ca<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div id=\"tab-szlaki\" class=\"tab-panel\">\n<h2 class=\"section-title\">Szlaki Tatrza\u0144skie<\/h2>\n<p class=\"section-lead\">Tatry oferuj\u0105 ponad 300 km znakowanych szlak\u00f3w.<\/p>\n<div class=\"alert alert-warning\">\n <span>\u26a0\ufe0f<\/span><\/p>\n<div><strong>Uwaga:<\/strong> Sprawdzaj aktualny stan szlak\u00f3w na stronie TPN przed wyj\u015bciem.<\/div>\n<\/p><\/div>\n<div class=\"table-wrapper\" style=\"margin-top:20px;\">\n<table id=\"szlaki-table\">\n<thead>\n<tr>\n<th onclick=\"sortTable('szlaki-table',0)\">Szlak<\/th>\n<th onclick=\"sortTable('szlaki-table',1)\">Dystans (km)<\/th>\n<th onclick=\"sortTable('szlaki-table',2)\">Przewy\u017cszenie (m)<\/th>\n<th onclick=\"sortTable('szlaki-table',3)\">Czas (godz)<\/th>\n<th onclick=\"sortTable('szlaki-table',4)\">Trudno\u015b\u0107<\/th>\n<th onclick=\"sortTable('szlaki-table',5)\">Sezon<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Morskie Oko<\/td>\n<td>9.0<\/td>\n<td>180<\/td>\n<td>3.5<\/td>\n<td><span class=\"badge badge-easy\">\u0141atwy<\/span><\/td>\n<td>Ca\u0142y rok<\/td>\n<\/tr>\n<tr>\n<td>Rysy<\/td>\n<td>20.0<\/td>\n<td>1600<\/td>\n<td>8.0<\/td>\n<td><span class=\"badge badge-hard\">Trudny<\/span><\/td>\n<td>Lato<\/td>\n<\/tr>\n<tr>\n<td>Kasprowy Wierch<\/td>\n<td>10.5<\/td>\n<td>1006<\/td>\n<td>4.5<\/td>\n<td><span class=\"badge badge-medium\">\u015aredni<\/span><\/td>\n<td>Wiosna\u2013Jesie\u0144<\/td>\n<\/tr>\n<tr>\n<td>Giewont<\/td>\n<td>13.0<\/td>\n<td>860<\/td>\n<td>5.0<\/td>\n<td><span class=\"badge badge-medium\">\u015aredni<\/span><\/td>\n<td>Wiosna\u2013Jesie\u0144<\/td>\n<\/tr>\n<tr>\n<td>Dolina Ko\u015bcieliska<\/td>\n<td>8.0<\/td>\n<td>120<\/td>\n<td>2.5<\/td>\n<td><span class=\"badge badge-easy\">\u0141atwy<\/span><\/td>\n<td>Ca\u0142y rok<\/td>\n<\/tr>\n<tr>\n<td>Orla Per\u0107<\/td>\n<td>4.0<\/td>\n<td>310<\/td>\n<td>5.0<\/td>\n<td><span class=\"badge badge-hard\">Trudny<\/span><\/td>\n<td>Lato<\/td>\n<\/tr>\n<tr>\n<td>Zakopane \u2013 Guba\u0142\u00f3wka<\/td>\n<td>5.5<\/td>\n<td>310<\/td>\n<td>2.0<\/td>\n<td><span class=\"badge badge-easy\">\u0141atwy<\/span><\/td>\n<td>Ca\u0142y rok<\/td>\n<\/tr>\n<\/tbody>\n<\/table><\/div>\n<p style=\"font-size:0.85rem;color:#999;margin-top:10px;\">\ud83d\udca1 Kliknij nag\u0142\u00f3wek kolumny, aby posortowa\u0107<\/p>\n<\/p><\/div>\n<p> <\/p>\n<div id=\"tab-bezpieczenstwo\" class=\"tab-panel\">\n<h2 class=\"section-title\">Bezpiecze\u0144stwo w G\u00f3rach<\/h2>\n<p class=\"section-lead\">G\u00f3rskie w\u0119dr\u00f3wki wymagaj\u0105 odpowiedniego przygotowania.<\/p>\n<div class=\"two-col\" style=\"margin-top:30px;\">\n<div>\n<h3 style=\"font-family:'Playfair Display',serif;margin-bottom:20px;font-size:1.4rem;\">\u2705 Lista kontrolna turysty<\/h3>\n<ul class=\"checklist\">\n<li><input type=\"checkbox\" id=\"c1\"><label for=\"c1\">\ud83d\uddfa Mapa i kompas (lub GPS)<\/label><\/li>\n<li><input type=\"checkbox\" id=\"c2\"><label for=\"c2\">\ud83e\udd7e Odpowiednie buty trekkingowe<\/label><\/li>\n<li><input type=\"checkbox\" id=\"c3\"><label for=\"c3\">\ud83e\udde5 Odzie\u017c przeciwdeszczowa i ciep\u0142a<\/label><\/li>\n<li><input type=\"checkbox\" id=\"c4\"><label for=\"c4\">\ud83d\udc8a Apteczka pierwszej pomocy<\/label><\/li>\n<li><input type=\"checkbox\" id=\"c5\"><label for=\"c5\">\ud83d\udca7 Zapas wody (min. 2 litry)<\/label><\/li>\n<li><input type=\"checkbox\" id=\"c6\"><label for=\"c6\">\ud83d\udd0b Powerbank i na\u0142adowany telefon<\/label><\/li>\n<li><input type=\"checkbox\" id=\"c7\"><label for=\"c7\">\ud83c\udf24 Sprawdzenie prognozy pogody<\/label><\/li>\n<li><input type=\"checkbox\" id=\"c8\"><label for=\"c8\">\ud83d\udcde Numer TOPR: 601 100 300<\/label><\/li>\n<li><input type=\"checkbox\" id=\"c9\"><label for=\"c9\">\ud83e\uddf4 Krem z filtrem UV (min. SPF 30)<\/label><\/li>\n<li><input type=\"checkbox\" id=\"c10\"><label for=\"c10\">\ud83d\udd26 Latarka czo\u0142owa z bateriami<\/label><\/li>\n<\/ul><\/div>\n<div>\n<div class=\"alert alert-info\"><span>\u2139\ufe0f<\/span><\/p>\n<div><strong>TOPR:<\/strong> 601 100 300 | Alarmowy: <strong>112<\/strong><\/div>\n<\/div>\n<div class=\"info-card\" style=\"margin-top:20px;\">\n<div class=\"icon\">\u26c8<\/div>\n<h3>Burze w g\u00f3rach<\/h3>\n<p>Burze pojawiaj\u0105 si\u0119 cz\u0119sto po po\u0142udniu. Planuj powr\u00f3t przed godzin\u0105 14:00.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div id=\"tab-alpinizm\" class=\"tab-panel\">\n<h2 class=\"section-title\">Alpinizm<\/h2>\n<p class=\"section-lead\">Sztuka pokonywania szczyt\u00f3w metodami wspinaczkowymi.<\/p>\n<div class=\"three-col\" style=\"margin-top:30px;\">\n<div class=\"info-card\">\n<div class=\"icon\">\ud83e\uddd7<\/div>\n<h3>Wspinaczka skalna<\/h3>\n<p>Pokonywanie stromych \u015bcian z pomoc\u0105 r\u0105k, n\u00f3g i sprz\u0119tu asekuracyjnego.<\/p>\n<\/div>\n<div class=\"info-card\">\n<div class=\"icon\">\ud83c\udfd4<\/div>\n<h3>Himalaizm<\/h3>\n<p>Zdobywanie o\u015bmiotysi\u0119cznik\u00f3w. Polska szko\u0142a himalaizmu nale\u017cy do najlepszych na \u015bwiecie.<\/p>\n<\/div>\n<div class=\"info-card\">\n<div class=\"icon\">\ud83c\udfbf<\/div>\n<h3>Skialpinizm<\/h3>\n<p>Po\u0142\u0105czenie narciarstwa z alpinizmem \u2014 wchodzenie na szczyty na nartach z fokami.<\/p>\n<\/div><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div id=\"tab-sprzet\" class=\"tab-panel\">\n<h2 class=\"section-title\">Sprz\u0119t Wspinaczkowy<\/h2>\n<p class=\"section-lead\">Dobry sprz\u0119t to podstawa bezpiecze\u0144stwa.<\/p>\n<p> <a href=\"#\" id=\"btn-dl-sprzet\" class=\"btn btn-download\" style=\"margin-bottom:30px;display:inline-flex;\">Pobierz katalog sprz\u0119tu (TXT)<\/a><\/p>\n<div class=\"table-wrapper\">\n<table id=\"sprzet-table\">\n<thead>\n<tr>\n<th onclick=\"sortTable('sprzet-table',0)\">Sprz\u0119t<\/th>\n<th onclick=\"sortTable('sprzet-table',1)\">Kategoria<\/th>\n<th onclick=\"sortTable('sprzet-table',2)\">Cena (PLN)<\/th>\n<th onclick=\"sortTable('sprzet-table',3)\">Waga (g)<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Uprz\u0105\u017c wspinaczkowa<\/td>\n<td>Asekuracja<\/td>\n<td>250<\/td>\n<td>350<\/td>\n<\/tr>\n<tr>\n<td>Lina dynamiczna 50m<\/td>\n<td>Asekuracja<\/td>\n<td>600<\/td>\n<td>2800<\/td>\n<\/tr>\n<tr>\n<td>Buty wspinaczkowe<\/td>\n<td>Obuwie<\/td>\n<td>450<\/td>\n<td>560<\/td>\n<\/tr>\n<tr>\n<td>Kask wspinaczkowy<\/td>\n<td>Ochrona<\/td>\n<td>300<\/td>\n<td>280<\/td>\n<\/tr>\n<tr>\n<td>Raki 12-punktowe<\/td>\n<td>Zimowy<\/td>\n<td>550<\/td>\n<td>1200<\/td>\n<\/tr>\n<tr>\n<td>Czekan techniczny<\/td>\n<td>Zimowy<\/td>\n<td>700<\/td>\n<td>650<\/td>\n<\/tr>\n<\/tbody>\n<\/table><\/div>\n<\/p><\/div>\n<\/div>\n<p><\/p>\n<div class=\"dark-section\">\n<div class=\"section\" id=\"media\">\n<h2 class=\"section-title\" style=\"color:var(--snow);\">Galeria Medi\u00f3w<\/h2>\n<p class=\"section-lead\">Zdj\u0119cia, wideo i animacje ukazuj\u0105ce pi\u0119kno tatrza\u0144skiej przyrody.<\/p>\n<div class=\"media-grid\">\n<div class=\"media-card\">\n <span class=\"media-label\">\ud83d\udcf7 Zdj\u0119cie<\/span><br \/>\n <img decoding=\"async\" src=\"https:\/\/student065.akademiata.edu.pl\/wp-content\/uploads\/2026\/06\/tatry.jpg\" alt=\"Tatry Polskie \u2013 wsch\u00f3d s\u0142o\u0144ca\">\n <\/div>\n<div class=\"media-card\">\n <span class=\"media-label\">\ud83c\udf9e Animacja GIF<\/span><\/p>\n<div class=\"gif-wrap\">\n <img decoding=\"async\" src=\"https:\/\/student065.akademiata.edu.pl\/wp-content\/uploads\/2026\/06\/mountains.gif\" alt=\"G\u00f3rskie jezioro \u2013 animacja\">\n <\/div>\n<\/p><\/div>\n<div class=\"media-card\" style=\"grid-column:1\/-1;\">\n <span class=\"media-label\">\ud83c\udfac Film<\/span><br \/>\n <video controls autoplay muted loop><source src=\"https:\/\/student065.akademiata.edu.pl\/wp-content\/uploads\/2026\/06\/mountains.mp4\" type=\"video\/mp4\">Twoja przegl\u0105darka nie obs\u0142uguje elementu video.<\/video>\n <\/div>\n<\/p><\/div>\n<div class=\"stats-row\" style=\"margin-top:60px;\">\n<div class=\"stat-box\">\n<div class=\"num\">2499m<\/div>\n<div class=\"lbl\">Rysy \u2013 najwy\u017cszy szczyt PL<\/div>\n<\/div>\n<div class=\"stat-box\">\n<div class=\"num\">300km<\/div>\n<div class=\"lbl\">Oznakowanych szlak\u00f3w<\/div>\n<\/div>\n<div class=\"stat-box\">\n<div class=\"num\">4 mln<\/div>\n<div class=\"lbl\">Turyst\u00f3w rocznie<\/div>\n<\/div>\n<div class=\"stat-box\">\n<div class=\"num\">1954<\/div>\n<div class=\"lbl\">Rok za\u0142o\u017cenia TPN<\/div>\n<\/div><\/div>\n<\/div>\n<\/div>\n<p><\/p>\n<div class=\"section\" id=\"dane\">\n<h2 class=\"section-title\">Dane i Wykresy<\/h2>\n<p class=\"section-lead\">Analiza statystyczna ruchu turystycznego i szlak\u00f3w tatrza\u0144skich.<\/p>\n<div class=\"two-col\">\n<div class=\"chart-container\">\n<h3 style=\"font-family:'Playfair Display',serif;margin-bottom:20px;\">\ud83d\udcc8 Ruch turystyczny w TPN (2019\u20132024)<\/h3>\n<p> <canvas id=\"chartLine\" height=\"250\"><\/canvas>\n <\/div>\n<div class=\"chart-container\">\n<h3 style=\"font-family:'Playfair Display',serif;margin-bottom:20px;\">\ud83d\udcca Popularno\u015b\u0107 szlak\u00f3w<\/h3>\n<p> <canvas id=\"chartBar\" height=\"250\"><\/canvas>\n <\/div>\n<\/p><\/div>\n<div class=\"chart-container\" id=\"histogram\" style=\"margin-top:30px;\">\n<h3 style=\"font-family:'Playfair Display',serif;margin-bottom:20px;\">\ud83d\udcca Histogram \u2013 Rozk\u0142ad d\u0142ugo\u015bci szlak\u00f3w<\/h3>\n<p> <canvas id=\"chartHistogram\" height=\"200\"><\/canvas>\n <\/div>\n<p> <\/p>\n<div id=\"kontakt\" style=\"margin-top:60px;\">\n<div class=\"two-col\" style=\"gap:60px;\">\n<div>\n<h2 class=\"section-title\">Kalendarz Wydarze\u0144<\/h2>\n<p class=\"section-lead\">Planuj wyprawy i b\u0105d\u017a na bie\u017c\u0105co z wydarzeniami.<\/p>\n<div class=\"calendar-wrap\">\n<div class=\"cal-header\">\n <button class=\"cal-nav\" onclick=\"calNav(-1)\">\u2039<\/button><\/p>\n<h3 id=\"cal-title\"><\/h3>\n<p> <button class=\"cal-nav\" onclick=\"calNav(1)\">\u203a<\/button>\n <\/div>\n<div class=\"cal-grid\" id=\"cal-grid\"><\/div>\n<div class=\"cal-events\" id=\"cal-events\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div>\n<h2 class=\"section-title\">Napisz do nas<\/h2>\n<p class=\"section-lead\">Masz pytania? Chcesz zapisa\u0107 si\u0119 na wypraw\u0119?<\/p>\n<div class=\"form-box\">\n<div class=\"form-group\"><label for=\"name\">Imi\u0119 i Nazwisko<\/label><input type=\"text\" id=\"name\" placeholder=\"Jan Kowalski\"><\/div>\n<div class=\"form-group\"><label for=\"email\">Adres e-mail<\/label><input type=\"email\" id=\"email\" placeholder=\"jan@example.com\"><\/div>\n<div class=\"form-group\"><label for=\"temat\">Temat wyprawy<\/label><br \/>\n <select id=\"temat\"><option value=\"\">— wybierz —<\/option><option>Tatry Polskie<\/option><option>Tatry S\u0142owackie<\/option><option>Alpy<\/option><option>Himalaje<\/option><option>Inne<\/option><\/select>\n <\/div>\n<div class=\"form-group\"><label for=\"msg\">Wiadomo\u015b\u0107<\/label><textarea id=\"msg\" placeholder=\"Opisz sw\u00f3j pomys\u0142 na wypraw\u0119...\"><\/textarea><\/div>\n<div style=\"display:flex;gap:12px;flex-wrap:wrap;\">\n <button class=\"btn btn-primary\" onclick=\"alert('Dzi\u0119kujemy za wiadomo\u015b\u0107! \ud83c\udfd4')\">Wy\u015blij wiadomo\u015b\u0107<\/button><br \/>\n <a href=\"#\" class=\"btn btn-outline\" id=\"btn-newsletter\">Newsletter<\/a>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<p><\/main><\/p>\n<p><\/p>\n<footer>\n<div class=\"footer-grid\">\n<div class=\"footer-brand\">\n <a href=\"#hero\" class=\"logo\">\u26f0 \u015awiat<span>G\u00f3r<\/span><\/a><\/p>\n<p>Serwis po\u015bwi\u0119cony g\u00f3rskim w\u0119dr\u00f3wkom, alpinizmowi i przyrodzie tatrza\u0144skiej.<\/p>\n<\/p><\/div>\n<div class=\"footer-col\">\n<h4>Nawigacja<\/h4>\n<ul>\n<li><a href=\"#tabs\">O Tatrach<\/a><\/li>\n<li><a href=\"#tabs\">Szlaki<\/a><\/li>\n<li><a href=\"#tabs\">Alpinizm<\/a><\/li>\n<li><a href=\"#dane\">Wykresy<\/a><\/li>\n<\/ul>\n<\/div>\n<div class=\"footer-col\">\n<h4>Informacje<\/h4>\n<ul>\n<li><a href=\"#\">Regulamin<\/a><\/li>\n<li><a href=\"#\">Polityka prywatno\u015bci<\/a><\/li>\n<li><a href=\"#\">Mapa serwisu<\/a><\/li>\n<li><a href=\"#\">O projekcie<\/a><\/li>\n<\/ul>\n<\/div>\n<div class=\"footer-col\">\n<h4>Kontakt<\/h4>\n<ul>\n<li><a href=\"mailto:info@swiatgor.pl\">info@swiatgor.pl<\/a><\/li>\n<li><a href=\"tel:+48601100300\">TOPR: 601 100 300<\/a><\/li>\n<li><a href=\"#\">Facebook<\/a><\/li>\n<li><a href=\"#\">Instagram<\/a><\/li>\n<\/ul>\n<\/div><\/div>\n<div class=\"footer-bottom\">\n <span>\u00a9 2026 \u015awiatG\u00f3r.pl \u2014 Wszelkie prawa zastrze\u017cone<\/span><br \/>\n <span>Tatrza\u0144ski Park Narodowy \ud83c\udfd4<\/span>\n <\/div>\n<\/footer>\n<p><script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/4.4.1\/chart.umd.min.js\"><\/script><br \/>\n<script><br \/>\n\/\/ TABS<br \/>\nfunction showTab(name, e) {<br \/>\n if(e) e.preventDefault();<br \/>\n document.querySelectorAll('.tab-panel').forEach(p => p.classList.remove('active'));<br \/>\n document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));<br \/>\n document.getElementById('tab-' + name).classList.add('active');<br \/>\n const btns = document.querySelectorAll('.tab-btn');<br \/>\n btns.forEach(b => { if(b.getAttribute('onclick') && b.getAttribute('onclick').includes(name)) b.classList.add('active'); });<br \/>\n}<\/p>\n<p>\/\/ TABLE SORT<br \/>\nlet sortState = {};<br \/>\nfunction sortTable(tableId, col) {<br \/>\n const table = document.getElementById(tableId);<br \/>\n const tbody = table.querySelector('tbody');<br \/>\n const ths = table.querySelectorAll('thead th');<br \/>\n const rows = Array.from(tbody.querySelectorAll('tr'));<br \/>\n const key = tableId + '_' + col;<br \/>\n const asc = sortState[key] !== true;<br \/>\n sortState[key] = asc;<br \/>\n ths.forEach((th,i) => { th.classList.remove('sorted-asc','sorted-desc'); if(i===col) th.classList.add(asc?'sorted-asc':'sorted-desc'); });<br \/>\n rows.sort((a,b) => {<br \/>\n const av = a.cells[col].textContent.trim(), bv = b.cells[col].textContent.trim();<br \/>\n const an = parseFloat(av), bn = parseFloat(bv);<br \/>\n if(!isNaN(an) && !isNaN(bn)) return asc ? an-bn : bn-an;<br \/>\n return asc ? av.localeCompare(bv,'pl') : bv.localeCompare(av,'pl');<br \/>\n });<br \/>\n rows.forEach(r => tbody.appendChild(r));<br \/>\n}<\/p>\n<p>\/\/ DOWNLOAD BUTTONS<br \/>\nfunction makeDownload(id, filename, content) {<br \/>\n const btn = document.getElementById(id);<br \/>\n if(!btn) return;<br \/>\n btn.addEventListener('click', e => {<br \/>\n e.preventDefault();<br \/>\n const a = document.createElement('a');<br \/>\n a.href = URL.createObjectURL(new Blob([content],{type:'text\/plain;charset=utf-8'}));<br \/>\n a.download = filename; a.click();<br \/>\n });<br \/>\n}<br \/>\nmakeDownload('btn-dl-tatry','przewodnik-tatry.txt','PRZEWODNIK PO TATRACH\\n\\nRysy (2499 m) - najwyzszy szczyt\\nMorskie Oko - slynne jezioro\\nTopr: 601 100 300');<br \/>\nmakeDownload('btn-dl-sprzet','katalog-sprzetu.txt','KATALOG SPRZETU\\n\\n1. Uprzaz - 250 PLN\\n2. Lina - 600 PLN\\n3. Buty - 450 PLN\\n4. Kask - 300 PLN');<br \/>\nmakeDownload('btn-newsletter','newsletter.txt','Dziekujemy za zapis do newslettera SwiatGor!');<\/p>\n<p>\/\/ CHARTS<br \/>\nnew Chart(document.getElementById('chartLine').getContext('2d'), {<br \/>\n type:'line',<br \/>\n data:{ labels:['2019','2020','2021','2022','2023','2024'],<br \/>\n datasets:[{ label:'Turysci (mln)', data:[4.1,1.8,2.3,3.7,4.2,4.5],<br \/>\n borderColor:'#d4881e', backgroundColor:'rgba(212,136,30,0.15)',<br \/>\n borderWidth:3, pointBackgroundColor:'#d4881e', pointRadius:6, fill:true, tension:0.4 }]},<br \/>\n options:{ responsive:true, plugins:{legend:{display:false}},<br \/>\n scales:{ y:{beginAtZero:false,grid:{color:'#eee'}}, x:{grid:{display:false}} } }<br \/>\n});<\/p>\n<p>new Chart(document.getElementById('chartBar').getContext('2d'), {<br \/>\n type:'bar',<br \/>\n data:{ labels:['Morskie Oko','Kasprowy','Giewont','Koscieliska','Rysy','Orla Perc'],<br \/>\n datasets:[{ label:'Turysci (tys.\/rok)', data:[1800,900,650,580,120,45],<br \/>\n backgroundColor:['#d4881e','#2c2416','#1a2a3a','#2d4a2d','#8fa8b8','#c0392b'], borderRadius:6 }]},<br \/>\n options:{ responsive:true, plugins:{legend:{display:false}},<br \/>\n scales:{ y:{beginAtZero:true,grid:{color:'#eee'}}, x:{grid:{display:false}} } }<br \/>\n});<\/p>\n<p>new Chart(document.getElementById('chartHistogram').getContext('2d'), {<br \/>\n type:'bar',<br \/>\n data:{ labels:['0-2 km','2-5 km','5-8 km','8-12 km','12-16 km','16-20 km','20+ km'],<br \/>\n datasets:[{ label:'Liczba szlakow', data:[8,22,35,41,28,14,7],<br \/>\n backgroundColor:'rgba(26,42,58,0.8)', borderColor:'#d4881e', borderWidth:2, borderRadius:4 }]},<br \/>\n options:{ responsive:true,<br \/>\n plugins:{ legend:{display:false}, title:{display:true,text:'Rozklad dlugosci szlakow tatrzanskich',color:'#2c2416',font:{size:13}} },<br \/>\n scales:{ x:{grid:{display:false}}, y:{beginAtZero:true,grid:{color:'#eee'}} },<br \/>\n barPercentage:1.0, categoryPercentage:1.0 }<br \/>\n});<\/p>\n<p>\/\/ CALENDAR<br \/>\nconst EVENTS = {<br \/>\n '2026-06-07':'Tatrzanski Ultramaraton',<br \/>\n '2026-06-15':'Festiwal Gorski Zakopane',<br \/>\n '2026-06-21':'Najdluzszy dzien roku',<br \/>\n '2026-06-28':'Wyprawa na Rysy \u2013 zapisy'<br \/>\n};<br \/>\nlet calDate = new Date(2026,5,1);<br \/>\nconst MONTHS = ['Styczen','Luty','Marzec','Kwiecien','Maj','Czerwiec','Lipiec','Sierpien','Wrzesien','Pazdziernik','Listopad','Grudzien'];<br \/>\nfunction buildCalendar() {<br \/>\n const y=calDate.getFullYear(), m=calDate.getMonth();<br \/>\n document.getElementById('cal-title').textContent = MONTHS[m]+' '+y;<br \/>\n const grid = document.getElementById('cal-grid');<br \/>\n grid.innerHTML = '';<br \/>\n ['Pn','Wt','Sr','Cz','Pt','So','Nd'].forEach(d => { const el=document.createElement('div'); el.className='cal-day-name'; el.textContent=d; grid.appendChild(el); });<br \/>\n let startDay = new Date(y,m,1).getDay(); if(startDay===0) startDay=7;<br \/>\n const prevLast = new Date(y,m,0).getDate();<br \/>\n for(let i=1;i<startDay;i++) { const el=document.createElement('div'); el.className='cal-day other-month'; el.textContent=prevLast-(startDay-1-i); grid.appendChild(el); }\n const daysInMonth = new Date(y,m+1,0).getDate();\n const today = new Date();\n for(let d=1;d<=daysInMonth;d++) {\n const el=document.createElement('div'); el.className='cal-day';\n const mm=String(m+1).padStart(2,'0'), dd=String(d).padStart(2,'0');\n const ds=y+'-'+mm+'-'+dd;\n if(today.getFullYear()===y&&today.getMonth()===m&&today.getDate()===d) el.classList.add('today');\n if(EVENTS[ds]) el.classList.add('event');\n el.textContent=d; grid.appendChild(el);\n }\n const evDiv=document.getElementById('cal-events');\n const mm=String(m+1).padStart(2,'0');\n const monthEvents=Object.entries(EVENTS).filter(([k])=>k.startsWith(y+'-'+mm));<br \/>\n evDiv.innerHTML='<\/p>\n<h4 style=\"font-size:0.9rem;color:#666;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px;\">Wydarzenia<\/h4>\n<p>';<br \/>\n if(monthEvents.length) monthEvents.forEach(([ds,ev])=>{ evDiv.innerHTML+=`<\/p>\n<div class=\"cal-event-item\"><strong>${ds.slice(-2)}<\/strong> \u2014 ${ev}<\/div>\n<p>`; });<br \/>\n else evDiv.innerHTML+='<\/p>\n<p style=\"color:#aaa;font-size:0.9rem;\">Brak wydarzen w tym miesiacu<\/p>\n<p>';<br \/>\n}<br \/>\nfunction calNav(dir) { calDate.setMonth(calDate.getMonth()+dir); buildCalendar(); }<br \/>\nbuildCalendar();<br \/>\n<\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>","protected":false},"excerpt":{"rendered":"<p>\u015awiat G\u00f3r \u2013 Odkryj Tatry i Alpy \u26f0 \u015awiatG\u00f3r Start Strona g\u0142\u00f3wna Galeria medi\u00f3w Tatry O Tatrach Szlaki turystyczne Bezpiecze\u0144stwo Alpinizm Co to jest alpinizm? …<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-107","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/student065.akademiata.edu.pl\/index.php\/wp-json\/wp\/v2\/pages\/107","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/student065.akademiata.edu.pl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/student065.akademiata.edu.pl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/student065.akademiata.edu.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/student065.akademiata.edu.pl\/index.php\/wp-json\/wp\/v2\/comments?post=107"}],"version-history":[{"count":4,"href":"https:\/\/student065.akademiata.edu.pl\/index.php\/wp-json\/wp\/v2\/pages\/107\/revisions"}],"predecessor-version":[{"id":115,"href":"https:\/\/student065.akademiata.edu.pl\/index.php\/wp-json\/wp\/v2\/pages\/107\/revisions\/115"}],"wp:attachment":[{"href":"https:\/\/student065.akademiata.edu.pl\/index.php\/wp-json\/wp\/v2\/media?parent=107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":107,"date":"2026-06-01T20:57:13","date_gmt":"2026-06-01T18:57:13","guid":{"rendered":"https:\/\/student065.akademiata.edu.pl\/?page_id=107"},"modified":"2026-06-01T20:57:13","modified_gmt":"2026-06-01T18:57:13","slug":"nowy","status":"publish","type":"page","link":"https:\/\/student065.akademiata.edu.pl\/index.php\/nowy\/","title":{"rendered":"Nowy"},"content":{"rendered":"\n

<\/p>\n\n\n

\n
\n
\n
\n
\n\u015awiat G\u00f3r \u2013 Odkryj Tatry i Alpy<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;700;900&family=Source+Sans+3:wght@300;400;600&display=swap\" rel=\"stylesheet\">\n<style>\n :root {<br \/>\n --stone: #2c2416; --peak: #1a2a3a; --gold: #d4881e; --amber: #e8a435;<br \/>\n --snow: #f5f0e8; --mist: #8fa8b8; --forest: #2d4a2d; --accent: #c0392b;<br \/>\n }<br \/>\n * { margin:0; padding:0; box-sizing:border-box; }<br \/>\n html { scroll-behavior: smooth; }<br \/>\n body { font-family: \"Source Sans 3\", sans-serif; background: var(--snow); color: var(--stone); }<\/p>\n<p> \/* HEADER *\/<br \/>\n header {<br \/>\n position: fixed; top:0; left:0; width:100%; z-index:1000;<br \/>\n background: linear-gradient(135deg, var(--peak) 0%, #0d1e2e 100%);<br \/>\n border-bottom: 3px solid var(--gold);<br \/>\n padding: 0 40px;<br \/>\n box-shadow: 0 4px 20px rgba(0,0,0,0.5);<br \/>\n }<br \/>\n .header-inner { display:flex; align-items:center; justify-content:space-between; height:70px; }<br \/>\n .logo { font-family:\"Playfair Display\",serif; font-size:1.8rem; font-weight:900; color:var(--snow); text-decoration:none; letter-spacing:2px; }<br \/>\n .logo span { color:var(--gold); }<\/p>\n<p> \/* NAV *\/<br \/>\n nav ul { list-style:none; display:flex; gap:4px; }<br \/>\n nav ul li { position:relative; }<br \/>\n nav ul li > a { display:block; padding:10px 18px; color:var(--snow); text-decoration:none; font-size:0.9rem; font-weight:600; letter-spacing:1px; text-transform:uppercase; border-radius:4px; transition: all 0.25s; }<br \/>\n nav ul li > a:hover { background:var(--gold); color:var(--peak); }<br \/>\n nav ul li > a::after { content: \" \u25be\"; font-size:0.7rem; opacity:0.7; }<br \/>\n .dropdown { display:none; position:absolute; top:100%; left:0; min-width:220px; background:var(--peak); border:1px solid var(--gold); border-radius:6px; box-shadow:0 8px 30px rgba(0,0,0,0.5); z-index:2000; overflow:hidden; }<br \/>\n nav ul li:hover .dropdown { display:block; }<br \/>\n .dropdown a { display:block; padding:12px 20px; color:var(--snow); text-decoration:none; font-size:0.88rem; border-bottom:1px solid rgba(255,255,255,0.07); transition: background 0.2s; }<br \/>\n .dropdown a:hover { background:var(--gold); color:var(--peak); }<\/p>\n<p> \/* HERO *\/<br \/>\n #hero { height:100vh; position:relative; overflow:hidden; display:flex; align-items:center; justify-content:center; }<br \/>\n .hero-bg { position:absolute; inset:0; background: url(\"https:\/\/student065.akademiata.edu.pl\/wp-content\/uploads\/2026\/06\/tatry.jpg\") center\/cover no-repeat; }<br \/>\n .hero-overlay { position:absolute; inset:0; background: linear-gradient(180deg, rgba(10,20,30,0.3) 0%, rgba(10,20,30,0.7) 100%); }<br \/>\n .hero-content { position:relative; text-align:center; color:white; padding:20px; }<br \/>\n .hero-content h1 { font-family:\"Playfair Display\",serif; font-size:clamp(3rem,8vw,7rem); font-weight:900; line-height:1; text-shadow:0 4px 30px rgba(0,0,0,0.8); margin-bottom:20px; letter-spacing:4px; }<br \/>\n .hero-content h1 em { color:var(--gold); font-style:normal; display:block; }<br \/>\n .hero-content p { font-size:1.3rem; max-width:600px; margin:0 auto 40px; text-shadow:0 2px 10px rgba(0,0,0,0.8); font-weight:300; line-height:1.6; }<br \/>\n .hero-cta { display:inline-block; padding:16px 48px; background:var(--gold); color:var(--peak); font-weight:700; text-decoration:none; border-radius:50px; font-size:1rem; letter-spacing:2px; text-transform:uppercase; transition: transform 0.2s, box-shadow 0.2s; box-shadow: 0 4px 20px rgba(212,136,30,0.5); }<br \/>\n .hero-cta:hover { transform:translateY(-3px); box-shadow:0 8px 30px rgba(212,136,30,0.6); }<\/p>\n<p> \/* SECTIONS *\/<br \/>\n .section { padding:80px 40px; max-width:1200px; margin:0 auto; }<br \/>\n .section-title { font-family:\"Playfair Display\",serif; font-size:clamp(2rem,4vw,3rem); color:var(--peak); margin-bottom:12px; font-weight:700; }<br \/>\n .section-title::after { content:\"\"; display:block; width:60px; height:4px; background:var(--gold); margin-top:10px; border-radius:2px; }<br \/>\n .section-lead { font-size:1.1rem; color:#555; margin-bottom:40px; line-height:1.7; max-width:700px; }<br \/>\n .dark-section { background:var(--peak); padding:80px 0; }<br \/>\n .dark-section .section { color:var(--snow); }<br \/>\n .dark-section .section-title { color:var(--snow); }<br \/>\n .dark-section .section-lead { color:var(--mist); }<\/p>\n<p> \/* MEDIA *\/<br \/>\n .media-grid { display:grid; grid-template-columns:1fr 1fr; gap:30px; margin:40px 0; }<br \/>\n .media-card { border-radius:12px; overflow:hidden; box-shadow: 0 8px 40px rgba(0,0,0,0.2); position:relative; }<br \/>\n .media-label { position:absolute; top:16px; left:16px; background:var(--gold); color:var(--peak); padding:4px 12px; border-radius:20px; font-size:0.75rem; font-weight:700; letter-spacing:1px; text-transform:uppercase; z-index:5; }<br \/>\n .media-card img { width:100%; display:block; }<br \/>\n .media-card video { width:100%; display:block; max-height:340px; object-fit:cover; }<br \/>\n .gif-wrap img { width:100%; height:340px; object-fit:cover; display:block; }<\/p>\n<p> \/* TEXT STYLES *\/<br \/>\n .text-styles-box { background:white; border-radius:12px; padding:40px; box-shadow:0 4px 20px rgba(0,0,0,0.08); margin:30px 0; border-left:5px solid var(--gold); }<br \/>\n .text-styles-box p { margin-bottom:12px; line-height:1.7; font-size:1rem; }<br \/>\n .highlight { background:#fff3cd; padding:2px 6px; border-radius:3px; }<br \/>\n .text-styles-box blockquote { border-left:4px solid var(--gold); padding:12px 20px; margin:20px 0; background:#f9f5ef; font-style:italic; color:#555; border-radius:0 8px 8px 0; }<\/p>\n<p> \/* TABLE *\/<br \/>\n .table-wrapper { overflow-x:auto; border-radius:12px; box-shadow:0 4px 20px rgba(0,0,0,0.1); }<br \/>\n table { width:100%; border-collapse:collapse; background:white; }<br \/>\n thead tr { background:var(--peak); color:var(--snow); }<br \/>\n thead th { padding:16px 20px; text-align:left; font-size:0.85rem; letter-spacing:1px; text-transform:uppercase; cursor:pointer; user-select:none; white-space:nowrap; }<br \/>\n thead th:hover { background:var(--gold); color:var(--peak); }<br \/>\n thead th.sorted-asc::after { content:\" \u2191\"; color:var(--gold); }<br \/>\n thead th.sorted-desc::after { content:\" \u2193\"; color:var(--gold); }<br \/>\n tbody tr { border-bottom:1px solid #eee; transition:background 0.15s; }<br \/>\n tbody tr:hover { background:#fdf6ec; }<br \/>\n tbody td { padding:14px 20px; font-size:0.95rem; }<br \/>\n tbody td:first-child { font-weight:700; color:var(--peak); }<br \/>\n .badge { display:inline-block; padding:3px 10px; border-radius:20px; font-size:0.78rem; font-weight:600; }<br \/>\n .badge-hard { background:#fde8e8; color:#c0392b; }<br \/>\n .badge-medium { background:#fef3e2; color:#d4881e; }<br \/>\n .badge-easy { background:#e8f5e8; color:#2d6a2d; }<\/p>\n<p> \/* CHECKLIST *\/<br \/>\n .checklist { list-style:none; margin:20px 0; }<br \/>\n .checklist li { display:flex; align-items:flex-start; gap:14px; padding:14px 0; border-bottom:1px solid #eee; font-size:1rem; }<br \/>\n .checklist li:last-child { border-bottom:none; }<br \/>\n .checklist input[type=checkbox] { width:20px; height:20px; cursor:pointer; flex-shrink:0; margin-top:2px; accent-color:var(--gold); }<br \/>\n .checklist label { cursor:pointer; line-height:1.5; }<br \/>\n .checklist input:checked + label { text-decoration:line-through; color:#999; }<\/p>\n<p> \/* FORM *\/<br \/>\n .form-box { background:white; border-radius:16px; padding:40px; box-shadow:0 8px 40px rgba(0,0,0,0.1); max-width:600px; }<br \/>\n .form-group { margin-bottom:24px; }<br \/>\n .form-group label { display:block; font-weight:600; margin-bottom:8px; font-size:0.9rem; letter-spacing:0.5px; color:var(--peak); text-transform:uppercase; }<br \/>\n .form-group input, .form-group textarea, .form-group select { width:100%; padding:14px 18px; border:2px solid #ddd; border-radius:8px; font-family:inherit; font-size:1rem; transition:border-color 0.2s; background:var(--snow); }<br \/>\n .form-group input:focus, .form-group textarea:focus, .form-group select:focus { outline:none; border-color:var(--gold); }<br \/>\n .form-group textarea { resize:vertical; min-height:120px; }<\/p>\n<p> \/* BUTTONS *\/<br \/>\n .btn { display:inline-block; padding:14px 36px; border:none; border-radius:50px; font-family:inherit; font-size:1rem; font-weight:700; cursor:pointer; letter-spacing:1px; text-transform:uppercase; transition:all 0.25s; text-decoration:none; }<br \/>\n .btn-primary { background:var(--gold); color:var(--peak); }<br \/>\n .btn-primary:hover { background:var(--amber); transform:translateY(-2px); box-shadow:0 6px 20px rgba(212,136,30,0.4); }<br \/>\n .btn-outline { background:transparent; border:2px solid var(--gold); color:var(--gold); }<br \/>\n .btn-outline:hover { background:var(--gold); color:var(--peak); }<br \/>\n .btn-download { background:var(--forest); color:white; display:inline-flex; align-items:center; gap:10px; }<br \/>\n .btn-download:hover { background:#1e3a1e; transform:translateY(-2px); }<br \/>\n .btn-download::before { content:\"\u2b07\"; font-size:1.1rem; }<\/p>\n<p> \/* CHARTS *\/<br \/>\n .chart-container { background:white; border-radius:16px; padding:30px; box-shadow:0 4px 20px rgba(0,0,0,0.08); margin:20px 0; }<\/p>\n<p> \/* CALENDAR *\/<br \/>\n .calendar-wrap { background:white; border-radius:16px; padding:30px; box-shadow:0 4px 20px rgba(0,0,0,0.08); max-width:440px; }<br \/>\n .cal-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; }<br \/>\n .cal-header h3 { font-family:\"Playfair Display\",serif; font-size:1.3rem; color:var(--peak); }<br \/>\n .cal-nav { background:none; border:2px solid var(--gold); color:var(--gold); width:36px; height:36px; border-radius:50%; cursor:pointer; font-size:1rem; transition:all 0.2s; }<br \/>\n .cal-nav:hover { background:var(--gold); color:white; }<br \/>\n .cal-grid { display:grid; grid-template-columns:repeat(7,1fr); gap:4px; }<br \/>\n .cal-day-name { text-align:center; font-size:0.75rem; font-weight:700; color:var(--mist); padding:6px 0; text-transform:uppercase; }<br \/>\n .cal-day { text-align:center; padding:8px 4px; border-radius:8px; font-size:0.85rem; cursor:pointer; transition:all 0.15s; }<br \/>\n .cal-day:hover { background:#fdf6ec; }<br \/>\n .cal-day.today { background:var(--gold); color:white; font-weight:700; }<br \/>\n .cal-day.event { background:#fde8e8; color:var(--accent); font-weight:700; }<br \/>\n .cal-day.other-month { color:#ccc; }<br \/>\n .cal-events { margin-top:20px; }<br \/>\n .cal-event-item { padding:10px 14px; background:#f9f5ef; border-radius:8px; margin-bottom:8px; border-left:4px solid var(--gold); font-size:0.9rem; }<\/p>\n<p> \/* LAYOUTS *\/<br \/>\n .two-col { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:start; }<br \/>\n .three-col { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }<br \/>\n .info-card { background:white; border-radius:16px; padding:30px; box-shadow:0 4px 20px rgba(0,0,0,0.07); transition:transform 0.2s; }<br \/>\n .info-card:hover { transform:translateY(-4px); }<br \/>\n .info-card .icon { font-size:2.5rem; margin-bottom:16px; }<br \/>\n .info-card h3 { font-family:\"Playfair Display\",serif; font-size:1.3rem; margin-bottom:10px; color:var(--peak); }<br \/>\n .info-card p { font-size:0.95rem; line-height:1.6; color:#666; }<\/p>\n<p> \/* TABS *\/<br \/>\n .tab-nav { display:flex; gap:4px; flex-wrap:wrap; margin-bottom:30px; }<br \/>\n .tab-btn { padding:10px 24px; border:2px solid var(--gold); background:transparent; color:var(--gold); border-radius:50px; cursor:pointer; font-family:inherit; font-size:0.9rem; font-weight:600; transition:all 0.2s; }<br \/>\n .tab-btn.active, .tab-btn:hover { background:var(--gold); color:var(--peak); }<br \/>\n .tab-panel { display:none; }<br \/>\n .tab-panel.active { display:block; animation:fadeIn 0.3s ease; }<br \/>\n @keyframes fadeIn { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:none} }<\/p>\n<p> \/* STATS *\/<br \/>\n .stats-row { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin:40px 0; }<br \/>\n .stat-box { text-align:center; padding:30px 20px; background:rgba(255,255,255,0.05); border:1px solid rgba(212,136,30,0.3); border-radius:12px; }<br \/>\n .stat-box .num { font-family:\"Playfair Display\",serif; font-size:2.5rem; font-weight:900; color:var(--gold); }<br \/>\n .stat-box .lbl { font-size:0.85rem; color:var(--mist); text-transform:uppercase; letter-spacing:1px; margin-top:6px; }<\/p>\n<p> \/* ALERT *\/<br \/>\n .alert { padding:16px 20px; border-radius:10px; margin:20px 0; display:flex; gap:12px; align-items:flex-start; }<br \/>\n .alert-warning { background:#fff3cd; border-left:4px solid var(--amber); }<br \/>\n .alert-info { background:#e8f4fd; border-left:4px solid #3498db; }<\/p>\n<p> \/* FOOTER *\/<br \/>\n footer { background: linear-gradient(135deg, #0d1422 0%, var(--peak) 100%); color:var(--snow); padding:60px 40px 30px; border-top:3px solid var(--gold); }<br \/>\n .footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:40px; max-width:1200px; margin:0 auto 40px; }<br \/>\n .footer-brand p { color:var(--mist); margin-top:12px; font-size:0.9rem; line-height:1.6; }<br \/>\n .footer-col h4 { font-family:\"Playfair Display\",serif; font-size:1rem; color:var(--gold); margin-bottom:16px; letter-spacing:1px; }<br \/>\n .footer-col ul { list-style:none; }<br \/>\n .footer-col ul li { margin-bottom:8px; }<br \/>\n .footer-col ul li a { color:var(--mist); text-decoration:none; font-size:0.9rem; transition:color 0.2s; }<br \/>\n .footer-col ul li a:hover { color:var(--gold); }<br \/>\n .footer-bottom { max-width:1200px; margin:0 auto; padding-top:24px; border-top:1px solid rgba(255,255,255,0.1); display:flex; justify-content:space-between; align-items:center; font-size:0.85rem; color:var(--mist); }<\/p>\n<p> \/* NOTICE BOX *\/<br \/>\n .wp-notice { background:#e8f4fd; border:2px dashed #3498db; border-radius:12px; padding:20px 24px; margin:20px 0; font-size:0.9rem; color:#1a2a3a; }<br \/>\n .wp-notice strong { color:#1a5276; }<br \/>\n .wp-notice code { background:#d0e8f5; padding:2px 6px; border-radius:4px; font-family:monospace; }<\/p>\n<p> @media(max-width:768px) {<br \/>\n header { padding:0 20px; }<br \/>\n .section { padding:60px 20px; }<br \/>\n .media-grid, .two-col, .three-col { grid-template-columns:1fr; }<br \/>\n .footer-grid { grid-template-columns:1fr 1fr; }<br \/>\n .stats-row { grid-template-columns:1fr 1fr; }<br \/>\n nav { display:none; }<br \/>\n }<br \/>\n<\/style>\n<p><\/head><br \/>\n<body><\/p>\n<p><\/p>\n<header>\n<div class=\"header-inner\">\n <a href=\"#hero\" class=\"logo\">\u26f0 \u015awiat<span>G\u00f3r<\/span><\/a><\/p>\n<nav>\n<ul>\n<li><a href=\"#hero\">Start<\/a>\n<div class=\"dropdown\">\n <a href=\"#hero\">Strona g\u0142\u00f3wna<\/a><br \/>\n <a href=\"#media\">Galeria medi\u00f3w<\/a>\n <\/div>\n<\/li>\n<li><a href=\"#tabs\">Tatry<\/a>\n<div class=\"dropdown\">\n <a href=\"#tabs\" onclick=\"showTab('tatry',event)\">O Tatrach<\/a><br \/>\n <a href=\"#tabs\" onclick=\"showTab('szlaki',event)\">Szlaki turystyczne<\/a><br \/>\n <a href=\"#tabs\" onclick=\"showTab('bezpieczenstwo',event)\">Bezpiecze\u0144stwo<\/a>\n <\/div>\n<\/li>\n<li><a href=\"#tabs\">Alpinizm<\/a>\n<div class=\"dropdown\">\n <a href=\"#tabs\" onclick=\"showTab('alpinizm',event)\">Co to jest alpinizm?<\/a><br \/>\n <a href=\"#tabs\" onclick=\"showTab('sprzet',event)\">Sprz\u0119t wspinaczkowy<\/a>\n <\/div>\n<\/li>\n<li><a href=\"#dane\">Dane i wykresy<\/a>\n<div class=\"dropdown\">\n <a href=\"#dane\">Statystyki<\/a><br \/>\n <a href=\"#histogram\">Histogram<\/a>\n <\/div>\n<\/li>\n<li><a href=\"#kontakt\">Kontakt<\/a>\n<div class=\"dropdown\">\n <a href=\"#kontakt\">Napisz do nas<\/a><br \/>\n <a href=\"#kontakt\">Newsletter<\/a>\n <\/div>\n<\/li>\n<\/ul>\n<\/nav><\/div>\n<\/header>\n<p><\/p>\n<section id=\"hero\">\n<div class=\"hero-bg\"><\/div>\n<div class=\"hero-overlay\"><\/div>\n<div class=\"hero-content\">\n<h1>Tatry<em>Polskie<\/em><\/h1>\n<p>Odkryj majestat najwy\u017cszych polskich szczyt\u00f3w \u2014 dzikie doliny, szmaragdowe jeziora i niebo dotykaj\u0105ce ska\u0142<\/p>\n<p> <a href=\"#tabs\" class=\"hero-cta\">Eksploruj teraz<\/a>\n <\/div>\n<\/section>\n<p><main><\/p>\n<p><\/p>\n<div class=\"section\" style=\"padding-top:100px;\">\n<div class=\"wp-notice\">\n <strong>\ud83d\udcc2 Instrukcja WordPress:<\/strong> Przed opublikowaniem wgraj pliki medi\u00f3w do Biblioteki multimedi\u00f3w:<br \/>\n <code>tatry.jpg<\/code> \u2192 skopiuj URL \u2192 wklej w kod jako <code>src=\"TWOJ_URL\"<\/code><br \/>\n <code>mountains.mp4<\/code> \u2192 analogicznie dla elementu <video><br \/>\n <code>mountains.gif<\/code> \u2192 analogicznie dla elementu <img> w galerii\n <\/div>\n<\/div>\n<p><\/p>\n<div id=\"tabs\" class=\"section\" style=\"padding-top:20px;\">\n<h2 class=\"section-title\">Podstrony serwisu<\/h2>\n<p class=\"section-lead\">Przegl\u0105daj tematyczne dzia\u0142y naszego serwisu g\u00f3rskiego.<\/p>\n<div class=\"tab-nav\">\n <button class=\"tab-btn active\" onclick=\"showTab('tatry',event)\">\u26f0 O Tatrach<\/button><br \/>\n <button class=\"tab-btn\" onclick=\"showTab('szlaki',event)\">\ud83e\udd7e Szlaki<\/button><br \/>\n <button class=\"tab-btn\" onclick=\"showTab('bezpieczenstwo',event)\">\ud83d\udee1 Bezpiecze\u0144stwo<\/button><br \/>\n <button class=\"tab-btn\" onclick=\"showTab('alpinizm',event)\">\ud83e\uddd7 Alpinizm<\/button><br \/>\n <button class=\"tab-btn\" onclick=\"showTab('sprzet',event)\">\ud83c\udf92 Sprz\u0119t<\/button>\n <\/div>\n<p> <\/p>\n<div id=\"tab-tatry\" class=\"tab-panel active\">\n<div class=\"two-col\">\n<div>\n<h2 class=\"section-title\">O Tatrach<\/h2>\n<p class=\"section-lead\">Tatry to jedyny \u0142a\u0144cuch g\u00f3rski w Polsce o charakterze alpejskim.<\/p>\n<div class=\"text-styles-box\">\n<p>Tatry s\u0105 <strong>najwy\u017cszymi g\u00f3rami Polski<\/strong> i <strong>S\u0142owacji<\/strong>, stanowi\u0105c jedyny obszar o <em>charakterze alpejskim<\/em> w Karpatach. Ich najwy\u017cszy szczyt \u2014 <u>Rysy<\/u> \u2014 wznosi si\u0119 na <mark class=\"highlight\">2499 m n.p.m.<\/mark><\/p>\n<p style=\"margin-top:14px;\">G\u00f3ry te zajmuj\u0105 powierzchni\u0119 oko\u0142o <strong>785 km\u00b2<\/strong>. Tatrza\u0144ski Park Narodowy chroni polsk\u0105 cz\u0119\u015b\u0107 masywu.<\/p>\n<blockquote><p>„Kto raz zobaczy\u0142 Tatry, ten zawsze do nich wraca \u2014 szczyty wryj\u0105 si\u0119 w pami\u0119\u0107 na ca\u0142e \u017cycie.”<\/p><\/blockquote>\n<p>Klimat tatrza\u0144ski jest surowy i <strong>zmienny<\/strong>. <del>Tatry s\u0105 bezpieczne przez ca\u0142y rok<\/del> \u2014 w zimie wymagaj\u0105 szczeg\u00f3lnej ostro\u017cno\u015bci.<\/p>\n<\/p><\/div>\n<p> <a href=\"#\" class=\"btn btn-download\" id=\"btn-dl-tatry\" style=\"margin-top:20px;\">Pobierz przewodnik (TXT)<\/a>\n <\/div>\n<div>\n <img decoding=\"async\" src=\"https:\/\/student065.akademiata.edu.pl\/wp-content\/uploads\/2026\/06\/tatry.jpg\" alt=\"Tatry Polskie o wschodzie s\u0142o\u0144ca\" style=\"width:100%;border-radius:16px;box-shadow:0 8px 40px rgba(0,0,0,0.2);\"><\/p>\n<p style=\"font-size:0.8rem;color:#999;margin-top:8px;text-align:center;\">\u25b2 Tatry Polskie o wschodzie s\u0142o\u0144ca<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div id=\"tab-szlaki\" class=\"tab-panel\">\n<h2 class=\"section-title\">Szlaki Tatrza\u0144skie<\/h2>\n<p class=\"section-lead\">Tatry oferuj\u0105 ponad 300 km znakowanych szlak\u00f3w.<\/p>\n<div class=\"alert alert-warning\">\n <span>\u26a0\ufe0f<\/span><\/p>\n<div><strong>Uwaga:<\/strong> Sprawdzaj aktualny stan szlak\u00f3w na stronie TPN przed wyj\u015bciem.<\/div>\n<\/p><\/div>\n<div class=\"table-wrapper\" style=\"margin-top:20px;\">\n<table id=\"szlaki-table\">\n<thead>\n<tr>\n<th onclick=\"sortTable('szlaki-table',0)\">Szlak<\/th>\n<th onclick=\"sortTable('szlaki-table',1)\">Dystans (km)<\/th>\n<th onclick=\"sortTable('szlaki-table',2)\">Przewy\u017cszenie (m)<\/th>\n<th onclick=\"sortTable('szlaki-table',3)\">Czas (godz)<\/th>\n<th onclick=\"sortTable('szlaki-table',4)\">Trudno\u015b\u0107<\/th>\n<th onclick=\"sortTable('szlaki-table',5)\">Sezon<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Morskie Oko<\/td>\n<td>9.0<\/td>\n<td>180<\/td>\n<td>3.5<\/td>\n<td><span class=\"badge badge-easy\">\u0141atwy<\/span><\/td>\n<td>Ca\u0142y rok<\/td>\n<\/tr>\n<tr>\n<td>Rysy<\/td>\n<td>20.0<\/td>\n<td>1600<\/td>\n<td>8.0<\/td>\n<td><span class=\"badge badge-hard\">Trudny<\/span><\/td>\n<td>Lato<\/td>\n<\/tr>\n<tr>\n<td>Kasprowy Wierch<\/td>\n<td>10.5<\/td>\n<td>1006<\/td>\n<td>4.5<\/td>\n<td><span class=\"badge badge-medium\">\u015aredni<\/span><\/td>\n<td>Wiosna\u2013Jesie\u0144<\/td>\n<\/tr>\n<tr>\n<td>Giewont<\/td>\n<td>13.0<\/td>\n<td>860<\/td>\n<td>5.0<\/td>\n<td><span class=\"badge badge-medium\">\u015aredni<\/span><\/td>\n<td>Wiosna\u2013Jesie\u0144<\/td>\n<\/tr>\n<tr>\n<td>Dolina Ko\u015bcieliska<\/td>\n<td>8.0<\/td>\n<td>120<\/td>\n<td>2.5<\/td>\n<td><span class=\"badge badge-easy\">\u0141atwy<\/span><\/td>\n<td>Ca\u0142y rok<\/td>\n<\/tr>\n<tr>\n<td>Orla Per\u0107<\/td>\n<td>4.0<\/td>\n<td>310<\/td>\n<td>5.0<\/td>\n<td><span class=\"badge badge-hard\">Trudny<\/span><\/td>\n<td>Lato<\/td>\n<\/tr>\n<tr>\n<td>Zakopane \u2013 Guba\u0142\u00f3wka<\/td>\n<td>5.5<\/td>\n<td>310<\/td>\n<td>2.0<\/td>\n<td><span class=\"badge badge-easy\">\u0141atwy<\/span><\/td>\n<td>Ca\u0142y rok<\/td>\n<\/tr>\n<\/tbody>\n<\/table><\/div>\n<p style=\"font-size:0.85rem;color:#999;margin-top:10px;\">\ud83d\udca1 Kliknij nag\u0142\u00f3wek kolumny, aby posortowa\u0107<\/p>\n<\/p><\/div>\n<p> <\/p>\n<div id=\"tab-bezpieczenstwo\" class=\"tab-panel\">\n<h2 class=\"section-title\">Bezpiecze\u0144stwo w G\u00f3rach<\/h2>\n<p class=\"section-lead\">G\u00f3rskie w\u0119dr\u00f3wki wymagaj\u0105 odpowiedniego przygotowania.<\/p>\n<div class=\"two-col\" style=\"margin-top:30px;\">\n<div>\n<h3 style=\"font-family:'Playfair Display',serif;margin-bottom:20px;font-size:1.4rem;\">\u2705 Lista kontrolna turysty<\/h3>\n<ul class=\"checklist\">\n<li><input type=\"checkbox\" id=\"c1\"><label for=\"c1\">\ud83d\uddfa Mapa i kompas (lub GPS)<\/label><\/li>\n<li><input type=\"checkbox\" id=\"c2\"><label for=\"c2\">\ud83e\udd7e Odpowiednie buty trekkingowe<\/label><\/li>\n<li><input type=\"checkbox\" id=\"c3\"><label for=\"c3\">\ud83e\udde5 Odzie\u017c przeciwdeszczowa i ciep\u0142a<\/label><\/li>\n<li><input type=\"checkbox\" id=\"c4\"><label for=\"c4\">\ud83d\udc8a Apteczka pierwszej pomocy<\/label><\/li>\n<li><input type=\"checkbox\" id=\"c5\"><label for=\"c5\">\ud83d\udca7 Zapas wody (min. 2 litry)<\/label><\/li>\n<li><input type=\"checkbox\" id=\"c6\"><label for=\"c6\">\ud83d\udd0b Powerbank i na\u0142adowany telefon<\/label><\/li>\n<li><input type=\"checkbox\" id=\"c7\"><label for=\"c7\">\ud83c\udf24 Sprawdzenie prognozy pogody<\/label><\/li>\n<li><input type=\"checkbox\" id=\"c8\"><label for=\"c8\">\ud83d\udcde Numer TOPR: 601 100 300<\/label><\/li>\n<li><input type=\"checkbox\" id=\"c9\"><label for=\"c9\">\ud83e\uddf4 Krem z filtrem UV (min. SPF 30)<\/label><\/li>\n<li><input type=\"checkbox\" id=\"c10\"><label for=\"c10\">\ud83d\udd26 Latarka czo\u0142owa z bateriami<\/label><\/li>\n<\/ul><\/div>\n<div>\n<div class=\"alert alert-info\"><span>\u2139\ufe0f<\/span><\/p>\n<div><strong>TOPR:<\/strong> 601 100 300 | Alarmowy: <strong>112<\/strong><\/div>\n<\/div>\n<div class=\"info-card\" style=\"margin-top:20px;\">\n<div class=\"icon\">\u26c8<\/div>\n<h3>Burze w g\u00f3rach<\/h3>\n<p>Burze pojawiaj\u0105 si\u0119 cz\u0119sto po po\u0142udniu. Planuj powr\u00f3t przed godzin\u0105 14:00.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div id=\"tab-alpinizm\" class=\"tab-panel\">\n<h2 class=\"section-title\">Alpinizm<\/h2>\n<p class=\"section-lead\">Sztuka pokonywania szczyt\u00f3w metodami wspinaczkowymi.<\/p>\n<div class=\"three-col\" style=\"margin-top:30px;\">\n<div class=\"info-card\">\n<div class=\"icon\">\ud83e\uddd7<\/div>\n<h3>Wspinaczka skalna<\/h3>\n<p>Pokonywanie stromych \u015bcian z pomoc\u0105 r\u0105k, n\u00f3g i sprz\u0119tu asekuracyjnego.<\/p>\n<\/div>\n<div class=\"info-card\">\n<div class=\"icon\">\ud83c\udfd4<\/div>\n<h3>Himalaizm<\/h3>\n<p>Zdobywanie o\u015bmiotysi\u0119cznik\u00f3w. Polska szko\u0142a himalaizmu nale\u017cy do najlepszych na \u015bwiecie.<\/p>\n<\/div>\n<div class=\"info-card\">\n<div class=\"icon\">\ud83c\udfbf<\/div>\n<h3>Skialpinizm<\/h3>\n<p>Po\u0142\u0105czenie narciarstwa z alpinizmem \u2014 wchodzenie na szczyty na nartach z fokami.<\/p>\n<\/div><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div id=\"tab-sprzet\" class=\"tab-panel\">\n<h2 class=\"section-title\">Sprz\u0119t Wspinaczkowy<\/h2>\n<p class=\"section-lead\">Dobry sprz\u0119t to podstawa bezpiecze\u0144stwa.<\/p>\n<p> <a href=\"#\" id=\"btn-dl-sprzet\" class=\"btn btn-download\" style=\"margin-bottom:30px;display:inline-flex;\">Pobierz katalog sprz\u0119tu (TXT)<\/a><\/p>\n<div class=\"table-wrapper\">\n<table id=\"sprzet-table\">\n<thead>\n<tr>\n<th onclick=\"sortTable('sprzet-table',0)\">Sprz\u0119t<\/th>\n<th onclick=\"sortTable('sprzet-table',1)\">Kategoria<\/th>\n<th onclick=\"sortTable('sprzet-table',2)\">Cena (PLN)<\/th>\n<th onclick=\"sortTable('sprzet-table',3)\">Waga (g)<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Uprz\u0105\u017c wspinaczkowa<\/td>\n<td>Asekuracja<\/td>\n<td>250<\/td>\n<td>350<\/td>\n<\/tr>\n<tr>\n<td>Lina dynamiczna 50m<\/td>\n<td>Asekuracja<\/td>\n<td>600<\/td>\n<td>2800<\/td>\n<\/tr>\n<tr>\n<td>Buty wspinaczkowe<\/td>\n<td>Obuwie<\/td>\n<td>450<\/td>\n<td>560<\/td>\n<\/tr>\n<tr>\n<td>Kask wspinaczkowy<\/td>\n<td>Ochrona<\/td>\n<td>300<\/td>\n<td>280<\/td>\n<\/tr>\n<tr>\n<td>Raki 12-punktowe<\/td>\n<td>Zimowy<\/td>\n<td>550<\/td>\n<td>1200<\/td>\n<\/tr>\n<tr>\n<td>Czekan techniczny<\/td>\n<td>Zimowy<\/td>\n<td>700<\/td>\n<td>650<\/td>\n<\/tr>\n<\/tbody>\n<\/table><\/div>\n<\/p><\/div>\n<\/div>\n<p><\/p>\n<div class=\"dark-section\">\n<div class=\"section\" id=\"media\">\n<h2 class=\"section-title\" style=\"color:var(--snow);\">Galeria Medi\u00f3w<\/h2>\n<p class=\"section-lead\">Zdj\u0119cia, wideo i animacje ukazuj\u0105ce pi\u0119kno tatrza\u0144skiej przyrody.<\/p>\n<div class=\"media-grid\">\n<div class=\"media-card\">\n <span class=\"media-label\">\ud83d\udcf7 Zdj\u0119cie<\/span><br \/>\n <img decoding=\"async\" src=\"https:\/\/student065.akademiata.edu.pl\/wp-content\/uploads\/2026\/06\/tatry.jpg\" alt=\"Tatry Polskie \u2013 wsch\u00f3d s\u0142o\u0144ca\">\n <\/div>\n<div class=\"media-card\">\n <span class=\"media-label\">\ud83c\udf9e Animacja GIF<\/span><\/p>\n<div class=\"gif-wrap\">\n <img decoding=\"async\" src=\"https:\/\/student065.akademiata.edu.pl\/wp-content\/uploads\/2026\/06\/mountains.gif\" alt=\"G\u00f3rskie jezioro \u2013 animacja\">\n <\/div>\n<\/p><\/div>\n<div class=\"media-card\" style=\"grid-column:1\/-1;\">\n <span class=\"media-label\">\ud83c\udfac Film<\/span><br \/>\n <video controls autoplay muted loop><source src=\"https:\/\/student065.akademiata.edu.pl\/wp-content\/uploads\/2026\/06\/mountains.mp4\" type=\"video\/mp4\">Twoja przegl\u0105darka nie obs\u0142uguje elementu video.<\/video>\n <\/div>\n<\/p><\/div>\n<div class=\"stats-row\" style=\"margin-top:60px;\">\n<div class=\"stat-box\">\n<div class=\"num\">2499m<\/div>\n<div class=\"lbl\">Rysy \u2013 najwy\u017cszy szczyt PL<\/div>\n<\/div>\n<div class=\"stat-box\">\n<div class=\"num\">300km<\/div>\n<div class=\"lbl\">Oznakowanych szlak\u00f3w<\/div>\n<\/div>\n<div class=\"stat-box\">\n<div class=\"num\">4 mln<\/div>\n<div class=\"lbl\">Turyst\u00f3w rocznie<\/div>\n<\/div>\n<div class=\"stat-box\">\n<div class=\"num\">1954<\/div>\n<div class=\"lbl\">Rok za\u0142o\u017cenia TPN<\/div>\n<\/div><\/div>\n<\/div>\n<\/div>\n<p><\/p>\n<div class=\"section\" id=\"dane\">\n<h2 class=\"section-title\">Dane i Wykresy<\/h2>\n<p class=\"section-lead\">Analiza statystyczna ruchu turystycznego i szlak\u00f3w tatrza\u0144skich.<\/p>\n<div class=\"two-col\">\n<div class=\"chart-container\">\n<h3 style=\"font-family:'Playfair Display',serif;margin-bottom:20px;\">\ud83d\udcc8 Ruch turystyczny w TPN (2019\u20132024)<\/h3>\n<p> <canvas id=\"chartLine\" height=\"250\"><\/canvas>\n <\/div>\n<div class=\"chart-container\">\n<h3 style=\"font-family:'Playfair Display',serif;margin-bottom:20px;\">\ud83d\udcca Popularno\u015b\u0107 szlak\u00f3w<\/h3>\n<p> <canvas id=\"chartBar\" height=\"250\"><\/canvas>\n <\/div>\n<\/p><\/div>\n<div class=\"chart-container\" id=\"histogram\" style=\"margin-top:30px;\">\n<h3 style=\"font-family:'Playfair Display',serif;margin-bottom:20px;\">\ud83d\udcca Histogram \u2013 Rozk\u0142ad d\u0142ugo\u015bci szlak\u00f3w<\/h3>\n<p> <canvas id=\"chartHistogram\" height=\"200\"><\/canvas>\n <\/div>\n<p> <\/p>\n<div id=\"kontakt\" style=\"margin-top:60px;\">\n<div class=\"two-col\" style=\"gap:60px;\">\n<div>\n<h2 class=\"section-title\">Kalendarz Wydarze\u0144<\/h2>\n<p class=\"section-lead\">Planuj wyprawy i b\u0105d\u017a na bie\u017c\u0105co z wydarzeniami.<\/p>\n<div class=\"calendar-wrap\">\n<div class=\"cal-header\">\n <button class=\"cal-nav\" onclick=\"calNav(-1)\">\u2039<\/button><\/p>\n<h3 id=\"cal-title\"><\/h3>\n<p> <button class=\"cal-nav\" onclick=\"calNav(1)\">\u203a<\/button>\n <\/div>\n<div class=\"cal-grid\" id=\"cal-grid\"><\/div>\n<div class=\"cal-events\" id=\"cal-events\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div>\n<h2 class=\"section-title\">Napisz do nas<\/h2>\n<p class=\"section-lead\">Masz pytania? Chcesz zapisa\u0107 si\u0119 na wypraw\u0119?<\/p>\n<div class=\"form-box\">\n<div class=\"form-group\"><label for=\"name\">Imi\u0119 i Nazwisko<\/label><input type=\"text\" id=\"name\" placeholder=\"Jan Kowalski\"><\/div>\n<div class=\"form-group\"><label for=\"email\">Adres e-mail<\/label><input type=\"email\" id=\"email\" placeholder=\"jan@example.com\"><\/div>\n<div class=\"form-group\"><label for=\"temat\">Temat wyprawy<\/label><br \/>\n <select id=\"temat\"><option value=\"\">— wybierz —<\/option><option>Tatry Polskie<\/option><option>Tatry S\u0142owackie<\/option><option>Alpy<\/option><option>Himalaje<\/option><option>Inne<\/option><\/select>\n <\/div>\n<div class=\"form-group\"><label for=\"msg\">Wiadomo\u015b\u0107<\/label><textarea id=\"msg\" placeholder=\"Opisz sw\u00f3j pomys\u0142 na wypraw\u0119...\"><\/textarea><\/div>\n<div style=\"display:flex;gap:12px;flex-wrap:wrap;\">\n <button class=\"btn btn-primary\" onclick=\"alert('Dzi\u0119kujemy za wiadomo\u015b\u0107! \ud83c\udfd4')\">Wy\u015blij wiadomo\u015b\u0107<\/button><br \/>\n <a href=\"#\" class=\"btn btn-outline\" id=\"btn-newsletter\">Newsletter<\/a>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<p><\/main><\/p>\n<p><\/p>\n<footer>\n<div class=\"footer-grid\">\n<div class=\"footer-brand\">\n <a href=\"#hero\" class=\"logo\">\u26f0 \u015awiat<span>G\u00f3r<\/span><\/a><\/p>\n<p>Serwis po\u015bwi\u0119cony g\u00f3rskim w\u0119dr\u00f3wkom, alpinizmowi i przyrodzie tatrza\u0144skiej.<\/p>\n<\/p><\/div>\n<div class=\"footer-col\">\n<h4>Nawigacja<\/h4>\n<ul>\n<li><a href=\"#tabs\">O Tatrach<\/a><\/li>\n<li><a href=\"#tabs\">Szlaki<\/a><\/li>\n<li><a href=\"#tabs\">Alpinizm<\/a><\/li>\n<li><a href=\"#dane\">Wykresy<\/a><\/li>\n<\/ul>\n<\/div>\n<div class=\"footer-col\">\n<h4>Informacje<\/h4>\n<ul>\n<li><a href=\"#\">Regulamin<\/a><\/li>\n<li><a href=\"#\">Polityka prywatno\u015bci<\/a><\/li>\n<li><a href=\"#\">Mapa serwisu<\/a><\/li>\n<li><a href=\"#\">O projekcie<\/a><\/li>\n<\/ul>\n<\/div>\n<div class=\"footer-col\">\n<h4>Kontakt<\/h4>\n<ul>\n<li><a href=\"mailto:info@swiatgor.pl\">info@swiatgor.pl<\/a><\/li>\n<li><a href=\"tel:+48601100300\">TOPR: 601 100 300<\/a><\/li>\n<li><a href=\"#\">Facebook<\/a><\/li>\n<li><a href=\"#\">Instagram<\/a><\/li>\n<\/ul>\n<\/div><\/div>\n<div class=\"footer-bottom\">\n <span>\u00a9 2026 \u015awiatG\u00f3r.pl \u2014 Wszelkie prawa zastrze\u017cone<\/span><br \/>\n <span>Tatrza\u0144ski Park Narodowy \ud83c\udfd4<\/span>\n <\/div>\n<\/footer>\n<p><script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/4.4.1\/chart.umd.min.js\"><\/script><br \/>\n<script><br \/>\n\/\/ TABS<br \/>\nfunction showTab(name, e) {<br \/>\n if(e) e.preventDefault();<br \/>\n document.querySelectorAll('.tab-panel').forEach(p => p.classList.remove('active'));<br \/>\n document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));<br \/>\n document.getElementById('tab-' + name).classList.add('active');<br \/>\n const btns = document.querySelectorAll('.tab-btn');<br \/>\n btns.forEach(b => { if(b.getAttribute('onclick') && b.getAttribute('onclick').includes(name)) b.classList.add('active'); });<br \/>\n}<\/p>\n<p>\/\/ TABLE SORT<br \/>\nlet sortState = {};<br \/>\nfunction sortTable(tableId, col) {<br \/>\n const table = document.getElementById(tableId);<br \/>\n const tbody = table.querySelector('tbody');<br \/>\n const ths = table.querySelectorAll('thead th');<br \/>\n const rows = Array.from(tbody.querySelectorAll('tr'));<br \/>\n const key = tableId + '_' + col;<br \/>\n const asc = sortState[key] !== true;<br \/>\n sortState[key] = asc;<br \/>\n ths.forEach((th,i) => { th.classList.remove('sorted-asc','sorted-desc'); if(i===col) th.classList.add(asc?'sorted-asc':'sorted-desc'); });<br \/>\n rows.sort((a,b) => {<br \/>\n const av = a.cells[col].textContent.trim(), bv = b.cells[col].textContent.trim();<br \/>\n const an = parseFloat(av), bn = parseFloat(bv);<br \/>\n if(!isNaN(an) && !isNaN(bn)) return asc ? an-bn : bn-an;<br \/>\n return asc ? av.localeCompare(bv,'pl') : bv.localeCompare(av,'pl');<br \/>\n });<br \/>\n rows.forEach(r => tbody.appendChild(r));<br \/>\n}<\/p>\n<p>\/\/ DOWNLOAD BUTTONS<br \/>\nfunction makeDownload(id, filename, content) {<br \/>\n const btn = document.getElementById(id);<br \/>\n if(!btn) return;<br \/>\n btn.addEventListener('click', e => {<br \/>\n e.preventDefault();<br \/>\n const a = document.createElement('a');<br \/>\n a.href = URL.createObjectURL(new Blob([content],{type:'text\/plain;charset=utf-8'}));<br \/>\n a.download = filename; a.click();<br \/>\n });<br \/>\n}<br \/>\nmakeDownload('btn-dl-tatry','przewodnik-tatry.txt','PRZEWODNIK PO TATRACH\\n\\nRysy (2499 m) - najwyzszy szczyt\\nMorskie Oko - slynne jezioro\\nTopr: 601 100 300');<br \/>\nmakeDownload('btn-dl-sprzet','katalog-sprzetu.txt','KATALOG SPRZETU\\n\\n1. Uprzaz - 250 PLN\\n2. Lina - 600 PLN\\n3. Buty - 450 PLN\\n4. Kask - 300 PLN');<br \/>\nmakeDownload('btn-newsletter','newsletter.txt','Dziekujemy za zapis do newslettera SwiatGor!');<\/p>\n<p>\/\/ CHARTS<br \/>\nnew Chart(document.getElementById('chartLine').getContext('2d'), {<br \/>\n type:'line',<br \/>\n data:{ labels:['2019','2020','2021','2022','2023','2024'],<br \/>\n datasets:[{ label:'Turysci (mln)', data:[4.1,1.8,2.3,3.7,4.2,4.5],<br \/>\n borderColor:'#d4881e', backgroundColor:'rgba(212,136,30,0.15)',<br \/>\n borderWidth:3, pointBackgroundColor:'#d4881e', pointRadius:6, fill:true, tension:0.4 }]},<br \/>\n options:{ responsive:true, plugins:{legend:{display:false}},<br \/>\n scales:{ y:{beginAtZero:false,grid:{color:'#eee'}}, x:{grid:{display:false}} } }<br \/>\n});<\/p>\n<p>new Chart(document.getElementById('chartBar').getContext('2d'), {<br \/>\n type:'bar',<br \/>\n data:{ labels:['Morskie Oko','Kasprowy','Giewont','Koscieliska','Rysy','Orla Perc'],<br \/>\n datasets:[{ label:'Turysci (tys.\/rok)', data:[1800,900,650,580,120,45],<br \/>\n backgroundColor:['#d4881e','#2c2416','#1a2a3a','#2d4a2d','#8fa8b8','#c0392b'], borderRadius:6 }]},<br \/>\n options:{ responsive:true, plugins:{legend:{display:false}},<br \/>\n scales:{ y:{beginAtZero:true,grid:{color:'#eee'}}, x:{grid:{display:false}} } }<br \/>\n});<\/p>\n<p>new Chart(document.getElementById('chartHistogram').getContext('2d'), {<br \/>\n type:'bar',<br \/>\n data:{ labels:['0-2 km','2-5 km','5-8 km','8-12 km','12-16 km','16-20 km','20+ km'],<br \/>\n datasets:[{ label:'Liczba szlakow', data:[8,22,35,41,28,14,7],<br \/>\n backgroundColor:'rgba(26,42,58,0.8)', borderColor:'#d4881e', borderWidth:2, borderRadius:4 }]},<br \/>\n options:{ responsive:true,<br \/>\n plugins:{ legend:{display:false}, title:{display:true,text:'Rozklad dlugosci szlakow tatrzanskich',color:'#2c2416',font:{size:13}} },<br \/>\n scales:{ x:{grid:{display:false}}, y:{beginAtZero:true,grid:{color:'#eee'}} },<br \/>\n barPercentage:1.0, categoryPercentage:1.0 }<br \/>\n});<\/p>\n<p>\/\/ CALENDAR<br \/>\nconst EVENTS = {<br \/>\n '2026-06-07':'Tatrzanski Ultramaraton',<br \/>\n '2026-06-15':'Festiwal Gorski Zakopane',<br \/>\n '2026-06-21':'Najdluzszy dzien roku',<br \/>\n '2026-06-28':'Wyprawa na Rysy \u2013 zapisy'<br \/>\n};<br \/>\nlet calDate = new Date(2026,5,1);<br \/>\nconst MONTHS = ['Styczen','Luty','Marzec','Kwiecien','Maj','Czerwiec','Lipiec','Sierpien','Wrzesien','Pazdziernik','Listopad','Grudzien'];<br \/>\nfunction buildCalendar() {<br \/>\n const y=calDate.getFullYear(), m=calDate.getMonth();<br \/>\n document.getElementById('cal-title').textContent = MONTHS[m]+' '+y;<br \/>\n const grid = document.getElementById('cal-grid');<br \/>\n grid.innerHTML = '';<br \/>\n ['Pn','Wt','Sr','Cz','Pt','So','Nd'].forEach(d => { const el=document.createElement('div'); el.className='cal-day-name'; el.textContent=d; grid.appendChild(el); });<br \/>\n let startDay = new Date(y,m,1).getDay(); if(startDay===0) startDay=7;<br \/>\n const prevLast = new Date(y,m,0).getDate();<br \/>\n for(let i=1;i<startDay;i++) { const el=document.createElement('div'); el.className='cal-day other-month'; el.textContent=prevLast-(startDay-1-i); grid.appendChild(el); }\n const daysInMonth = new Date(y,m+1,0).getDate();\n const today = new Date();\n for(let d=1;d<=daysInMonth;d++) {\n const el=document.createElement('div'); el.className='cal-day';\n const mm=String(m+1).padStart(2,'0'), dd=String(d).padStart(2,'0');\n const ds=y+'-'+mm+'-'+dd;\n if(today.getFullYear()===y&&today.getMonth()===m&&today.getDate()===d) el.classList.add('today');\n if(EVENTS[ds]) el.classList.add('event');\n el.textContent=d; grid.appendChild(el);\n }\n const evDiv=document.getElementById('cal-events');\n const mm=String(m+1).padStart(2,'0');\n const monthEvents=Object.entries(EVENTS).filter(([k])=>k.startsWith(y+'-'+mm));<br \/>\n evDiv.innerHTML='<\/p>\n<h4 style=\"font-size:0.9rem;color:#666;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px;\">Wydarzenia<\/h4>\n<p>';<br \/>\n if(monthEvents.length) monthEvents.forEach(([ds,ev])=>{ evDiv.innerHTML+=`<\/p>\n<div class=\"cal-event-item\"><strong>${ds.slice(-2)}<\/strong> \u2014 ${ev}<\/div>\n<p>`; });<br \/>\n else evDiv.innerHTML+='<\/p>\n<p style=\"color:#aaa;font-size:0.9rem;\">Brak wydarzen w tym miesiacu<\/p>\n<p>';<br \/>\n}<br \/>\nfunction calNav(dir) { calDate.setMonth(calDate.getMonth()+dir); buildCalendar(); }<br \/>\nbuildCalendar();<br \/>\n<\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>","protected":false},"excerpt":{"rendered":"<p>\u015awiat G\u00f3r \u2013 Odkryj Tatry i Alpy \u26f0 \u015awiatG\u00f3r Start Strona g\u0142\u00f3wna Galeria medi\u00f3w Tatry O Tatrach Szlaki turystyczne Bezpiecze\u0144stwo Alpinizm Co to jest alpinizm? …<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-107","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/student065.akademiata.edu.pl\/index.php\/wp-json\/wp\/v2\/pages\/107","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/student065.akademiata.edu.pl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/student065.akademiata.edu.pl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/student065.akademiata.edu.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/student065.akademiata.edu.pl\/index.php\/wp-json\/wp\/v2\/comments?post=107"}],"version-history":[{"count":4,"href":"https:\/\/student065.akademiata.edu.pl\/index.php\/wp-json\/wp\/v2\/pages\/107\/revisions"}],"predecessor-version":[{"id":115,"href":"https:\/\/student065.akademiata.edu.pl\/index.php\/wp-json\/wp\/v2\/pages\/107\/revisions\/115"}],"wp:attachment":[{"href":"https:\/\/student065.akademiata.edu.pl\/index.php\/wp-json\/wp\/v2\/media?parent=107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}