{"id":123,"date":"2026-06-10T12:12:42","date_gmt":"2026-06-10T10:12:42","guid":{"rendered":"https:\/\/student065.akademiata.edu.pl\/?page_id=123"},"modified":"2026-06-10T12:22:01","modified_gmt":"2026-06-10T10:22:01","slug":"swiat-gor","status":"publish","type":"page","link":"https:\/\/student065.akademiata.edu.pl\/index.php\/swiat-gor\/","title":{"rendered":"\u015awiat g\u00f3r"},"content":{"rendered":"\n<style>\n  :root {\n    --stone: #2c2416; --peak: #1a2a3a; --gold: #d4881e; --amber: #e8a435;\n    --snow: #f5f0e8; --mist: #8fa8b8; --forest: #2d4a2d; --accent: #c0392b;\n  }\n  * { margin:0; padding:0; box-sizing:border-box; }\n  html { scroll-behavior: smooth; }\n  body { font-family: \"Source Sans 3\", sans-serif; background: var(--snow); color: var(--stone); }\n\n  header { position:fixed; top:0; left:0; width:100%; z-index:1000; background:linear-gradient(135deg,var(--peak) 0%,#0d1e2e 100%); border-bottom:3px solid var(--gold); padding:0 40px; box-shadow:0 4px 20px rgba(0,0,0,0.5); }\n  .header-inner { display:flex; align-items:center; justify-content:space-between; height:70px; }\n  .logo { font-family:\"Playfair Display\",serif; font-size:1.8rem; font-weight:900; color:var(--snow); text-decoration:none; letter-spacing:2px; }\n  .logo span { color:var(--gold); }\n  nav ul { list-style:none; display:flex; gap:4px; }\n  nav ul li { position:relative; }\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; }\n  nav ul li > a:hover { background:var(--gold); color:var(--peak); }\n  nav ul li > a::after { content:\" \u25be\"; font-size:0.7rem; opacity:0.7; }\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; }\n  nav ul li:hover .dropdown { display:block; }\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; }\n  .dropdown a:hover { background:var(--gold); color:var(--peak); }\n\n  #hero { height:100vh; position:relative; overflow:hidden; display:flex; align-items:center; justify-content:center; }\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; }\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%); }\n  .hero-content { position:relative; text-align:center; color:white; padding:20px; }\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; }\n  .hero-content h1 em { color:var(--gold); font-style:normal; display:block; }\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; }\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); }\n  .hero-cta:hover { transform:translateY(-3px); box-shadow:0 8px 30px rgba(212,136,30,0.6); }\n\n  .section { padding:80px 40px; max-width:1200px; margin:0 auto; }\n  .section-title { font-family:\"Playfair Display\",serif; font-size:clamp(2rem,4vw,3rem); color:var(--peak); margin-bottom:12px; font-weight:700; }\n  .section-title::after { content:\"\"; display:block; width:60px; height:4px; background:var(--gold); margin-top:10px; border-radius:2px; }\n  .section-lead { font-size:1.1rem; color:#555; margin-bottom:40px; line-height:1.7; max-width:700px; }\n  .dark-section { background:var(--peak); padding:80px 0; }\n  .dark-section .section { color:var(--snow); }\n  .dark-section .section-title { color:var(--snow); }\n  .dark-section .section-lead { color:var(--mist); }\n\n  .media-grid { display:grid; grid-template-columns:1fr 1fr; gap:30px; margin:40px 0; }\n  .media-card { border-radius:12px; overflow:hidden; box-shadow:0 8px 40px rgba(0,0,0,0.2); position:relative; }\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; }\n  .media-card img { width:100%; display:block; }\n  .media-card video { width:100%; display:block; max-height:340px; object-fit:cover; }\n  .gif-wrap img { width:100%; height:340px; object-fit:cover; display:block; }\n\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); }\n  .text-styles-box p { margin-bottom:12px; line-height:1.7; font-size:1rem; }\n  .highlight { background:#fff3cd; padding:2px 6px; border-radius:3px; }\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; }\n\n  .table-wrapper { overflow-x:auto; border-radius:12px; box-shadow:0 4px 20px rgba(0,0,0,0.1); }\n  table { width:100%; border-collapse:collapse; background:white; }\n  thead tr { background:var(--peak); color:var(--snow); }\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; }\n  thead th:hover { background:var(--gold); color:var(--peak); }\n  thead th.sorted-asc::after { content:\" \u2191\"; color:var(--gold); }\n  thead th.sorted-desc::after { content:\" \u2193\"; color:var(--gold); }\n  tbody tr { border-bottom:1px solid #eee; transition:background 0.15s; }\n  tbody tr:hover { background:#fdf6ec; }\n  tbody td { padding:14px 20px; font-size:0.95rem; }\n  tbody td:first-child { font-weight:700; color:var(--peak); }\n  .badge { display:inline-block; padding:3px 10px; border-radius:20px; font-size:0.78rem; font-weight:600; }\n  .badge-hard { background:#fde8e8; color:#c0392b; }\n  .badge-medium { background:#fef3e2; color:#d4881e; }\n  .badge-easy { background:#e8f5e8; color:#2d6a2d; }\n\n  .checklist { list-style:none; margin:20px 0; }\n  .checklist li { display:flex; align-items:flex-start; gap:14px; padding:14px 0; border-bottom:1px solid #eee; font-size:1rem; }\n  .checklist li:last-child { border-bottom:none; }\n  .checklist input[type=checkbox] { width:20px; height:20px; cursor:pointer; flex-shrink:0; margin-top:2px; accent-color:var(--gold); }\n  .checklist label { cursor:pointer; line-height:1.5; }\n  .checklist input:checked + label { text-decoration:line-through; color:#999; }\n\n  .form-box { background:white; border-radius:16px; padding:40px; box-shadow:0 8px 40px rgba(0,0,0,0.1); max-width:600px; }\n  .form-group { margin-bottom:24px; }\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; }\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); }\n  .form-group input:focus, .form-group textarea:focus, .form-group select:focus { outline:none; border-color:var(--gold); }\n  .form-group textarea { resize:vertical; min-height:120px; }\n\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; }\n  .btn-primary { background:var(--gold); color:var(--peak); }\n  .btn-primary:hover { background:var(--amber); transform:translateY(-2px); }\n  .btn-outline { background:transparent; border:2px solid var(--gold); color:var(--gold); }\n  .btn-outline:hover { background:var(--gold); color:var(--peak); }\n  .btn-download { background:var(--forest); color:white; display:inline-flex; align-items:center; gap:10px; }\n  .btn-download:hover { background:#1e3a1e; transform:translateY(-2px); }\n  .btn-download::before { content:\"\u2b07\"; font-size:1.1rem; }\n\n  .chart-container { background:white; border-radius:16px; padding:30px; box-shadow:0 4px 20px rgba(0,0,0,0.08); margin:20px 0; }\n\n  .calendar-wrap { background:white; border-radius:16px; padding:30px; box-shadow:0 4px 20px rgba(0,0,0,0.08); max-width:440px; }\n  .cal-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; }\n  .cal-header h3 { font-family:\"Playfair Display\",serif; font-size:1.3rem; color:var(--peak); }\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; }\n  .cal-nav:hover { background:var(--gold); color:white; }\n  .cal-grid { display:grid; grid-template-columns:repeat(7,1fr); gap:4px; }\n  .cal-day-name { text-align:center; font-size:0.75rem; font-weight:700; color:var(--mist); padding:6px 0; text-transform:uppercase; }\n  .cal-day { text-align:center; padding:8px 4px; border-radius:8px; font-size:0.85rem; cursor:pointer; transition:all 0.15s; }\n  .cal-day:hover { background:#fdf6ec; }\n  .cal-day.today { background:var(--gold); color:white; font-weight:700; }\n  .cal-day.event { background:#fde8e8; color:var(--accent); font-weight:700; }\n  .cal-day.other-month { color:#ccc; }\n  .cal-events { margin-top:20px; }\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; }\n\n  .two-col { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:start; }\n  .three-col { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }\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; }\n  .info-card:hover { transform:translateY(-4px); }\n  .info-card .icon { font-size:2.5rem; margin-bottom:16px; }\n  .info-card h3 { font-family:\"Playfair Display\",serif; font-size:1.3rem; margin-bottom:10px; color:var(--peak); }\n  .info-card p { font-size:0.95rem; line-height:1.6; color:#666; }\n\n  .tab-nav { display:flex; gap:4px; flex-wrap:wrap; margin-bottom:30px; }\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; text-decoration:none; display:inline-block; }\n  .tab-btn:hover { background:var(--gold); color:var(--peak); }\n\n  .stats-row { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin:40px 0; }\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; }\n  .stat-box .num { font-family:\"Playfair Display\",serif; font-size:2.5rem; font-weight:900; color:var(--gold); }\n  .stat-box .lbl { font-size:0.85rem; color:var(--mist); text-transform:uppercase; letter-spacing:1px; margin-top:6px; }\n\n  .alert { padding:16px 20px; border-radius:10px; margin:20px 0; display:flex; gap:12px; align-items:flex-start; }\n  .alert-warning { background:#fff3cd; border-left:4px solid var(--amber); }\n  .alert-info { background:#e8f4fd; border-left:4px solid #3498db; }\n\n  .badge-label { display:inline-block; padding:3px 10px; border-radius:20px; font-size:0.75rem; font-weight:700; text-transform:uppercase; letter-spacing:1px; }\n  .badge-warn { background:#fff3cd; color:#856404; }\n  .badge-info { background:#e8f4fd; color:#1a5276; }\n  .badge-tip { background:#e8f5e8; color:#2d6a2d; }\n\n  footer { background:linear-gradient(135deg,#0d1422 0%,var(--peak) 100%); color:var(--snow); padding:60px 40px 30px; border-top:3px solid var(--gold); }\n  .footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:40px; max-width:1200px; margin:0 auto 40px; }\n  .footer-brand p { color:var(--mist); margin-top:12px; font-size:0.9rem; line-height:1.6; }\n  .footer-col h4 { font-family:\"Playfair Display\",serif; font-size:1rem; color:var(--gold); margin-bottom:16px; letter-spacing:1px; }\n  .footer-col ul { list-style:none; }\n  .footer-col ul li { margin-bottom:8px; }\n  .footer-col ul li a { color:var(--mist); text-decoration:none; font-size:0.9rem; transition:color 0.2s; }\n  .footer-col ul li a:hover { color:var(--gold); }\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); }\n\n  .img-hover { position:relative; display:inline-block; width:100%; }\n  .img-hover img { width:100%; border-radius:16px; box-shadow:0 8px 40px rgba(0,0,0,0.2); display:block; transition:opacity 0.3s; }\n  .img-hover .img-caption { position:absolute; bottom:0; left:0; right:0; background:rgba(26,42,58,0.85); color:white; text-align:center; padding:12px; border-radius:0 0 16px 16px; opacity:0; transition:opacity 0.3s; font-size:0.95rem; font-weight:600; letter-spacing:1px; }\n  .img-hover:hover .img-caption { opacity:1; }\n  .img-hover:hover img { opacity:0.85; }\n\n  @media(max-width:768px) {\n    header { padding:0 20px; }\n    .section { padding:60px 20px; }\n    .media-grid, .two-col, .three-col { grid-template-columns:1fr; }\n    .footer-grid { grid-template-columns:1fr 1fr; }\n    .stats-row { grid-template-columns:1fr 1fr; }\n    nav { display:none; }\n  }\n<\/style>\n\n<header>\n  <div class=\"header-inner\">\n    <a href=\"#hero\" class=\"logo\">&#9968; Swiat<span>Gor<\/span><\/a>\n    <nav>\n      <ul>\n        <li><a href=\"#hero\">Start<\/a>\n          <div class=\"dropdown\">\n            <a href=\"#hero\">Strona glowna<\/a>\n            <a href=\"#media\">Galeria mediow<\/a>\n          <\/div>\n        <\/li>\n        <li><a href=\"#tabs\">Tatry<\/a>\n          <div class=\"dropdown\">\n            <a href=\"https:\/\/student065.akademiata.edu.pl\/index.php\/o-tatrach\" target=\"_blank\">O Tatrach<\/a>\n            <a href=\"https:\/\/student065.akademiata.edu.pl\/index.php\/szlaki\" target=\"_blank\">Szlaki turystyczne<\/a>\n            <a href=\"https:\/\/student065.akademiata.edu.pl\/index.php\/bezpieczenstwo\" target=\"_blank\">Bezpieczenstwo<\/a>\n          <\/div>\n        <\/li>\n        <li><a href=\"#tabs\">Alpinizm<\/a>\n          <div class=\"dropdown\">\n            <a href=\"https:\/\/student065.akademiata.edu.pl\/index.php\/alpinizm\" target=\"_blank\">Co to jest alpinizm?<\/a>\n            <a href=\"https:\/\/student065.akademiata.edu.pl\/index.php\/sprzet\" target=\"_blank\">Sprzet 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>\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>\n            <a href=\"#kontakt\">Newsletter<\/a>\n          <\/div>\n        <\/li>\n      <\/ul>\n    <\/nav>\n  <\/div>\n<\/header>\n\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 najwyzszych polskich szczytow \u2014 dzikie doliny, szmaragdowe jeziora i niebo dotykajace skal<\/p>\n    <a href=\"#tabs\" class=\"hero-cta\">Eksploruj teraz<\/a>\n  <\/div>\n<\/section>\n\n<main>\n\n<div id=\"tabs\" class=\"section\" style=\"padding-top:90px;\">\n  <h2 class=\"section-title\">Podstrony serwisu<\/h2>\n  <p class=\"section-lead\">Przegladaj tematyczne dzialy naszego serwisu gorskiego.<\/p>\n  <div class=\"tab-nav\">\n    <a href=\"https:\/\/student065.akademiata.edu.pl\/index.php\/o-tatrach\" target=\"_blank\" class=\"tab-btn\">&#9968; O Tatrach<\/a>\n    <a href=\"https:\/\/student065.akademiata.edu.pl\/index.php\/szlaki\" target=\"_blank\" class=\"tab-btn\">Szlaki<\/a>\n    <a href=\"https:\/\/student065.akademiata.edu.pl\/index.php\/bezpieczenstwo\" target=\"_blank\" class=\"tab-btn\">Bezpieczenstwo<\/a>\n    <a href=\"https:\/\/student065.akademiata.edu.pl\/index.php\/alpinizm\" target=\"_blank\" class=\"tab-btn\">Alpinizm<\/a>\n    <a href=\"https:\/\/student065.akademiata.edu.pl\/index.php\/sprzet\" target=\"_blank\" class=\"tab-btn\">Sprzet<\/a>\n  <\/div>\n\n  <div class=\"two-col\">\n    <div>\n      <h2 class=\"section-title\">O Tatrach<\/h2>\n      <p class=\"section-lead\">Tatry to jedyny lancuch gorski w Polsce o charakterze alpejskim.<\/p>\n      <div class=\"text-styles-box\">\n        <p>Tatry sa <strong>najwyzszymi gorami Polski<\/strong> i <strong>Slowacji<\/strong>, stanowiac jedyny obszar o <em>charakterze alpejskim<\/em> w Karpatach. Ich najwyzszy szczyt \u2014 <u>Rysy<\/u> \u2014 wznosi sie na <mark class=\"highlight\">2499 m n.p.m.<\/mark><\/p>\n        <p style=\"margin-top:14px;\">Gory te zajmuja powierzchnie okolo <strong>785 km&#178;<\/strong>. Tatrzanski Park Narodowy chroni polska czesc masywu.<\/p>\n        <blockquote>&#8222;Kto raz zobaczyl Tatry, ten zawsze do nich wraca \u2014 szczyty wrya sie w pamiec na cale zycie.&#8221;<\/blockquote>\n        <p>Klimat tatrzanski jest surowy i <strong>zmienny<\/strong>. <del>Tatry sa bezpieczne przez caly rok<\/del> \u2014 w zimie wymagaja szczegolnej ostroznosci.<\/p>\n      <\/div>\n      <a href=\"#\" class=\"btn btn-download\" id=\"btn-dl-tatry\" style=\"margin-top:20px;\">Pobierz przewodnik (TXT)<\/a>\n    <\/div>\n    <div>\n      <div class=\"img-hover\">\n        <img decoding=\"async\" src=\"https:\/\/student065.akademiata.edu.pl\/wp-content\/uploads\/2026\/06\/tatry.jpg\" alt=\"Tatry Polskie o wschodzie slonca\" title=\"Tatry Polskie \u2013 panorama o swicie\">\n        <div class=\"img-caption\">&#127756; Tatry Polskie \u2013 wschod slonca<\/div>\n      <\/div>\n      <p style=\"font-size:0.8rem;color:#999;margin-top:8px;text-align:center;\">&#9650; Tatry Polskie o wschodzie slonca<\/p>\n    <\/div>\n  <\/div>\n<\/div>\n\n<div class=\"dark-section\">\n<div class=\"section\" id=\"media\">\n  <h2 class=\"section-title\" style=\"color:var(--snow);\">Galeria Mediow<\/h2>\n  <p class=\"section-lead\" style=\"color:var(--mist);\">Zdjecia, wideo i animacje ukazujace piekno tatrzanskiej przyrody.<\/p>\n  <div class=\"media-grid\">\n    <div class=\"media-card\">\n      <span class=\"media-label\">Zdjecie<\/span>\n      <div class=\"img-hover\" style=\"border-radius:0;\">\n        <img decoding=\"async\" src=\"https:\/\/student065.akademiata.edu.pl\/wp-content\/uploads\/2026\/06\/tatry.jpg\" alt=\"Tatry Polskie\" title=\"Tatry Polskie \u2013 wschod slonca\" style=\"border-radius:0;\">\n        <div class=\"img-caption\">Tatry Polskie<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"media-card\">\n      <span class=\"media-label\">Animacja GIF<\/span>\n      <div class=\"gif-wrap\">\n        <img decoding=\"async\" src=\"https:\/\/student065.akademiata.edu.pl\/wp-content\/uploads\/2026\/06\/mountains.gif\" alt=\"Gorskie jezioro\" title=\"Animacja: Gorskie jezioro w Alpach\">\n      <\/div>\n    <\/div>\n    <div class=\"media-card\" style=\"grid-column:1\/-1;\">\n      <span class=\"media-label\">Film<\/span>\n      <video controls autoplay muted loop>\n        <source src=\"https:\/\/student065.akademiata.edu.pl\/wp-content\/uploads\/2026\/06\/mountains.mp4\" type=\"video\/mp4\">\n      <\/video>\n    <\/div>\n  <\/div>\n  <div class=\"stats-row\" style=\"margin-top:60px;\">\n    <div class=\"stat-box\"><div class=\"num\">2499m<\/div><div class=\"lbl\">Rysy \u2013 najwyzszy szczyt PL<\/div><\/div>\n    <div class=\"stat-box\"><div class=\"num\">300km<\/div><div class=\"lbl\">Oznakowanych szlakow<\/div><\/div>\n    <div class=\"stat-box\"><div class=\"num\">4 mln<\/div><div class=\"lbl\">Turystow rocznie<\/div><\/div>\n    <div class=\"stat-box\"><div class=\"num\">1954<\/div><div class=\"lbl\">Rok zalozenia TPN<\/div><\/div>\n  <\/div>\n<\/div>\n<\/div>\n\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 szlakow tatrzanskich.<\/p>\n  <div class=\"two-col\">\n    <div class=\"chart-container\">\n      <h3 style=\"font-family:'Playfair Display',serif;margin-bottom:20px;\">Ruch turystyczny w TPN (2019\u20132024)<\/h3>\n      <canvas id=\"chartLine\" height=\"250\"><\/canvas>\n    <\/div>\n    <div class=\"chart-container\">\n      <h3 style=\"font-family:'Playfair Display',serif;margin-bottom:20px;\">Popularnosc szlakow<\/h3>\n      <canvas id=\"chartBar\" height=\"250\"><\/canvas>\n    <\/div>\n  <\/div>\n  <div class=\"chart-container\" id=\"histogram\" style=\"margin-top:30px;\">\n    <h3 style=\"font-family:'Playfair Display',serif;margin-bottom:20px;\">Histogram \u2013 Rozklad dlugosci szlakow (przedzialy co 5 km)<\/h3>\n    <canvas id=\"chartHistogram\" height=\"200\"><\/canvas>\n  <\/div>\n\n  <div id=\"kontakt\" style=\"margin-top:60px;\">\n    <div class=\"two-col\" style=\"gap:60px;\">\n      <div>\n        <h2 class=\"section-title\">Kalendarz Wydarzen<\/h2>\n        <p class=\"section-lead\">Planuj wyprawy i badz na biezaco z wydarzeniami.<\/p>\n        <div class=\"calendar-wrap\">\n          <div class=\"cal-header\">\n            <button class=\"cal-nav\" onclick=\"calNav(-1)\">&#8249;<\/button>\n            <h3 id=\"cal-title\"><\/h3>\n            <button class=\"cal-nav\" onclick=\"calNav(1)\">&#8250;<\/button>\n          <\/div>\n          <div class=\"cal-grid\" id=\"cal-grid\"><\/div>\n          <div class=\"cal-events\" id=\"cal-events\"><\/div>\n        <\/div>\n      <\/div>\n      <div>\n        <h2 class=\"section-title\">Napisz do nas<\/h2>\n        <p class=\"section-lead\">Masz pytania? Chcesz zapisac sie na wyprawe?<\/p>\n        <div class=\"form-box\">\n          <div class=\"form-group\"><label for=\"fname\">Imie i Nazwisko<\/label><input type=\"text\" id=\"fname\" placeholder=\"Jan Kowalski\"><\/div>\n          <div class=\"form-group\"><label for=\"femail\">Adres e-mail<\/label><input type=\"email\" id=\"femail\" placeholder=\"jan@example.com\"><\/div>\n          <div class=\"form-group\"><label for=\"ftemat\">Temat wyprawy<\/label>\n            <select id=\"ftemat\">\n              <option value=\"\">&#8212; wybierz &#8212;<\/option>\n              <option>Tatry Polskie<\/option><option>Tatry Slowackie<\/option>\n              <option>Alpy<\/option><option>Himalaje<\/option><option>Inne<\/option>\n            <\/select>\n          <\/div>\n          <div class=\"form-group\"><label for=\"fmsg\">Wiadomosc<\/label><textarea id=\"fmsg\" placeholder=\"Opisz swoj pomysl na wyprawe...\"><\/textarea><\/div>\n          <div style=\"display:flex;gap:12px;flex-wrap:wrap;\">\n            <button class=\"btn btn-primary\" onclick=\"alert('Dziekujemy za wiadomosc!')\">Wyslij wiadomosc<\/button>\n            <a href=\"#\" class=\"btn btn-outline\" id=\"btn-newsletter\">Newsletter<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<\/main>\n\n<footer>\n  <div class=\"footer-grid\">\n    <div class=\"footer-brand\">\n      <a href=\"#hero\" class=\"logo\">&#9968; Swiat<span>Gor<\/span><\/a>\n      <p>Serwis poswiecony gorskim wedrowkom, alpinizmowi i przyrodzie tatrzanskiej.<\/p>\n    <\/div>\n    <div class=\"footer-col\"><h4>Nawigacja<\/h4><ul>\n      <li><a href=\"https:\/\/student065.akademiata.edu.pl\/index.php\/o-tatrach\" target=\"_blank\">O Tatrach<\/a><\/li>\n      <li><a href=\"https:\/\/student065.akademiata.edu.pl\/index.php\/szlaki\" target=\"_blank\">Szlaki<\/a><\/li>\n      <li><a href=\"https:\/\/student065.akademiata.edu.pl\/index.php\/alpinizm\" target=\"_blank\">Alpinizm<\/a><\/li>\n      <li><a href=\"#dane\">Wykresy<\/a><\/li>\n    <\/ul><\/div>\n    <div class=\"footer-col\"><h4>Informacje<\/h4><ul>\n      <li><a href=\"#\">Regulamin<\/a><\/li>\n      <li><a href=\"#\">Polityka prywatnosci<\/a><\/li>\n      <li><a href=\"#\">Mapa serwisu<\/a><\/li>\n      <li><a href=\"#\">O projekcie<\/a><\/li>\n    <\/ul><\/div>\n    <div class=\"footer-col\"><h4>Kontakt<\/h4><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><\/div>\n  <\/div>\n  <div class=\"footer-bottom\">\n    <span>&#169; 2026 SwiatGor.pl \u2014 Wszelkie prawa zastrzezone<\/span>\n    <span>Tatrzanski Park Narodowy<\/span>\n  <\/div>\n<\/footer>\n","protected":false},"excerpt":{"rendered":"<p>&#9968; SwiatGor Start Strona glowna Galeria mediow Tatry O Tatrach Szlaki turystyczne Bezpieczenstwo Alpinizm Co to jest alpinizm? Sprzet wspinaczkowy Dane i wykresy Statystyki Histogram &hellip;<\/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-123","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/student065.akademiata.edu.pl\/index.php\/wp-json\/wp\/v2\/pages\/123","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=123"}],"version-history":[{"count":6,"href":"https:\/\/student065.akademiata.edu.pl\/index.php\/wp-json\/wp\/v2\/pages\/123\/revisions"}],"predecessor-version":[{"id":144,"href":"https:\/\/student065.akademiata.edu.pl\/index.php\/wp-json\/wp\/v2\/pages\/123\/revisions\/144"}],"wp:attachment":[{"href":"https:\/\/student065.akademiata.edu.pl\/index.php\/wp-json\/wp\/v2\/media?parent=123"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}