{"id":6,"date":"2026-08-27T20:12:58","date_gmt":"2026-08-27T18:12:58","guid":{"rendered":"http:\/\/licznikp.you2.pl\/?page_id=6"},"modified":"2026-08-27T22:42:56","modified_gmt":"2026-08-27T20:42:56","slug":"licznik","status":"publish","type":"page","link":"https:\/\/licznikp.you2.pl\/","title":{"rendered":"Licznik"},"content":{"rendered":"\n<div id=\"licznik-wstydu\">\n\n  <div class=\"lw-wrapper\">\n\n    <section class=\"lw-hero\">\n\n      <header class=\"lw-header\">\n        <div class=\"lw-title-white\">LICZNIK<\/div>\n        <div class=\"lw-title-red\">WSTYDU<\/div>\n        <div class=\"lw-title-strip\">PIESIEWICZA!<\/div>\n      <\/header>\n\n      <div class=\"lw-person\">\n        <img decoding=\"async\"\n          src=\"http:\/\/licznikp.you2.pl\/wp-content\/uploads\/2026\/08\/bf639b61-844e-4509-9771-76a6f5c3346d.png\"\n          alt=\"\"\n        >\n      <\/div>\n\n    <\/section>\n\n\n    <section class=\"lw-demand\">\n\n      <div class=\"lw-question\">\n        KIEDY PIESIEWICZ PODA SI\u0118 DO DYMISJI?\n      <\/div>\n\n      <div class=\"lw-demand-text\">\n        \u017b\u0104DAMY DYMISJI SZEFA PKOL!\n      <\/div>\n\n    <\/section>\n\n\n    <section class=\"lw-counter-box\">\n\n      <div class=\"lw-counter-title\">\n        CZAS OD ZATRZYMANIA PIESIEWICZA:\n      <\/div>\n\n      <div class=\"lw-counter\">\n\n        <div class=\"lw-unit\">\n          <div class=\"lw-number\" id=\"lw-days\">00<\/div>\n          <div class=\"lw-label\">DNI<\/div>\n        <\/div>\n\n        <div class=\"lw-separator\">:<\/div>\n\n        <div class=\"lw-unit\">\n          <div class=\"lw-number\" id=\"lw-hours\">00<\/div>\n          <div class=\"lw-label\">GODZIN<\/div>\n        <\/div>\n\n        <div class=\"lw-separator\">:<\/div>\n\n        <div class=\"lw-unit\">\n          <div class=\"lw-number\" id=\"lw-minutes\">00<\/div>\n          <div class=\"lw-label\">MINUT<\/div>\n        <\/div>\n\n        <div class=\"lw-separator\">:<\/div>\n\n        <div class=\"lw-unit\">\n          <div class=\"lw-number\" id=\"lw-seconds\">00<\/div>\n          <div class=\"lw-label\">SEKUND<\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/section>\n\n  <\/div>\n\n<\/div>\n\n\n<style>\n\n\/* ==================================================\n   RESET WORDPRESSA\n================================================== *\/\n\nhtml,\nbody {\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\nbody {\n  overflow-x: hidden;\n}\n\n.wp-site-blocks,\n.wp-block-post-content,\n.entry-content,\nmain {\n  margin: 0 !important;\n  padding: 0 !important;\n  max-width: none !important;\n}\n\n.wp-site-blocks > header,\n.wp-site-blocks > footer,\nheader.wp-block-template-part,\nfooter.wp-block-template-part {\n  display: none !important;\n}\n\n\n\/* ==================================================\n   CA\u0141A STRONA\n================================================== *\/\n\n#licznik-wstydu {\n\n  position: relative;\n\n  width: 100vw !important;\n  max-width: none !important;\n\n  min-height: 100vh;\n  min-height: 100svh;\n\n  margin-left: calc(50% - 50vw) !important;\n  margin-right: calc(50% - 50vw) !important;\n\n  overflow: hidden;\n\n  color: #ffffff;\n\n  background:\n    radial-gradient(\n      circle at 78% 28%,\n      #272727 0%,\n      #111111 32%,\n      #050505 62%,\n      #000000 100%\n    );\n\n  font-family:\n    Impact,\n    \"Arial Black\",\n    Arial,\n    sans-serif;\n\n}\n\n\n\/* DELIKATNA TEKSTURA *\/\n\n#licznik-wstydu::after {\n\n  content: \"\";\n\n  position: absolute;\n\n  inset: 0;\n\n  pointer-events: none;\n\n  opacity: 0.12;\n\n  background-image:\n    repeating-linear-gradient(\n      0deg,\n      transparent,\n      transparent 3px,\n      rgba(255,255,255,.035) 4px\n    );\n\n}\n\n\n\/* ==================================================\n   WRAPPER\n================================================== *\/\n\n.lw-wrapper {\n\n  position: relative;\n\n  z-index: 2;\n\n  width: 100%;\n\n  max-width: 1600px;\n\n  min-height: 100vh;\n  min-height: 100svh;\n\n  margin: 0 auto;\n\n  box-sizing: border-box;\n\n  padding:\n    clamp(25px, 3vh, 45px)\n    clamp(25px, 5vw, 85px)\n    clamp(20px, 2.5vh, 35px);\n\n  display: grid;\n\n  grid-template-rows:\n    minmax(0, 1fr)\n    auto\n    auto;\n\n  gap:\n    clamp(\n      12px,\n      1.6vh,\n      22px\n    );\n\n}\n\n\n\/* ==================================================\n   HERO\n================================================== *\/\n\n.lw-hero {\n\n  position: relative;\n\n  min-height: 0;\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 58%)\n    minmax(0, 42%);\n\n  align-items: end;\n\n}\n\n\n\/* ==================================================\n   NAG\u0141\u00d3WEK\n================================================== *\/\n\n.lw-header {\n\n  position: relative;\n\n  z-index: 5;\n\n  align-self: start;\n\n  width: 100%;\n\n  text-transform: uppercase;\n\n  line-height: .82;\n\n  padding-top: 1vh;\n\n}\n\n\n.lw-title-white,\n.lw-title-red,\n.lw-title-strip {\n\n  font-weight: 900;\n\n  letter-spacing: -.045em;\n\n  white-space: nowrap;\n\n}\n\n\n.lw-title-white {\n\n  font-size:\n    clamp(\n      80px,\n      9vw,\n      175px\n    );\n\n  color: #eeeeee;\n\n  text-shadow:\n    0 4px 0 rgba(0,0,0,.35);\n\n}\n\n\n.lw-title-red {\n\n  font-size:\n    clamp(\n      90px,\n      10vw,\n      195px\n    );\n\n  color: #e00000;\n\n  text-shadow:\n    0 5px 0 rgba(0,0,0,.5);\n\n}\n\n\n.lw-title-strip {\n\n  position: relative;\n\n  display: inline-block;\n\n  margin-top: 14px;\n\n  padding:\n    10px\n    20px\n    14px;\n\n  font-size:\n    clamp(\n      55px,\n      6.5vw,\n      125px\n    );\n\n  color: #ffffff;\n\n  background:\n    linear-gradient(\n      90deg,\n      #820000 0%,\n      #c40000 12%,\n      #b60000 80%,\n      #680000 100%\n    );\n\n  box-shadow:\n    0 0 28px rgba(255,0,0,.22);\n\n  transform: rotate(-1deg);\n\n}\n\n\n\/* ==================================================\n   ZDJ\u0118CIE\n================================================== *\/\n\n.lw-person {\n\n  position: relative;\n\n  z-index: 4;\n\n  align-self: end;\n  justify-self: end;\n\n  width: 100%;\n\n  height:\n    min(\n      57vh,\n      590px\n    );\n\n  display: flex;\n\n  align-items: flex-end;\n  justify-content: flex-end;\n\n  pointer-events: none;\n\n}\n\n\n.lw-person img {\n\n  display: block;\n\n  width: auto;\n  height: 100%;\n\n  max-width: 100%;\n\n  object-fit: contain;\n\n  object-position: right bottom;\n\n  filter:\n    drop-shadow(\n      -18px\n      12px\n      28px\n      rgba(0,0,0,.55)\n    );\n\n}\n\n\n\/* ==================================================\n   HAS\u0141O NAD LICZNIKIEM\n================================================== *\/\n\n.lw-demand {\n\n  position: relative;\n\n  z-index: 12;\n\n  width: 100%;\n\n  margin: 0 auto;\n\n  text-align: center;\n\n}\n\n\n.lw-question {\n\n  font-size:\n    clamp(\n      22px,\n      2.3vw,\n      42px\n    );\n\n  line-height: 1;\n\n  letter-spacing: .025em;\n\n  color: #ffffff;\n\n  text-transform: uppercase;\n\n  text-shadow:\n    0 3px 8px rgba(0,0,0,.8);\n\n}\n\n\n.lw-demand-text {\n\n  position: relative;\n\n  display: inline-block;\n\n  margin-top: 8px;\n\n  padding:\n    8px\n    22px\n    10px;\n\n  font-size:\n    clamp(\n      25px,\n      2.8vw,\n      48px\n    );\n\n  line-height: 1;\n\n  letter-spacing: .015em;\n\n  color: #ffffff;\n\n  text-transform: uppercase;\n\n  background:\n    linear-gradient(\n      90deg,\n      #8b0000 0%,\n      #cf0000 15%,\n      #c30000 80%,\n      #850000 100%\n    );\n\n  box-shadow:\n    0 0 22px rgba(255,0,0,.3);\n\n  transform: rotate(-.4deg);\n\n}\n\n\n\/* ==================================================\n   OBUDOWA LICZNIKA\n================================================== *\/\n\n.lw-counter-box {\n\n  position: relative;\n\n  z-index: 10;\n\n  width: 100%;\n\n  box-sizing: border-box;\n\n  padding:\n    clamp(15px, 1.8vh, 24px)\n    clamp(12px, 2vw, 30px)\n    clamp(15px, 1.8vh, 24px);\n\n  background:\n    linear-gradient(\n      180deg,\n      #181818 0%,\n      #080808 100%\n    );\n\n  border:\n    2px solid\n    #3b3b3b;\n\n  box-shadow:\n    0 20px 55px rgba(0,0,0,.75),\n    inset 0 0 30px rgba(0,0,0,.8);\n\n}\n\n\n.lw-counter-box::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  top: -2px;\n\n  left: 40%;\n\n  width: 20%;\n\n  height: 3px;\n\n  background: #ff0000;\n\n  box-shadow:\n    0 0 16px #ff0000,\n    0 0 28px rgba(255,0,0,.6);\n\n}\n\n\n\/* ==================================================\n   PODPIS NAD LICZNIKIEM\n================================================== *\/\n\n.lw-counter-title {\n\n  margin-bottom:\n    clamp(\n      10px,\n      1.2vh,\n      17px\n    );\n\n  text-align: center;\n\n  font-size:\n    clamp(\n      18px,\n      1.8vw,\n      32px\n    );\n\n  line-height: 1;\n\n  letter-spacing: .07em;\n\n  color: #eeeeee;\n\n}\n\n\n\/* ==================================================\n   LICZNIK\n================================================== *\/\n\n.lw-counter {\n\n  width: 100%;\n\n  box-sizing: border-box;\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 1fr)\n    auto\n    minmax(0, 1fr)\n    auto\n    minmax(0, 1fr)\n    auto\n    minmax(0, 1fr);\n\n  align-items: center;\n\n  padding:\n    clamp(13px, 1.6vh, 21px)\n    clamp(6px, 1vw, 18px)\n    clamp(11px, 1.4vh, 18px);\n\n  background: #000000;\n\n  border:\n    2px solid\n    #292929;\n\n  box-shadow:\n    inset 0 0 20px rgba(255,0,0,.035);\n\n}\n\n\n.lw-unit {\n\n  min-width: 0;\n\n  text-align: center;\n\n}\n\n\n.lw-number {\n\n  display: block;\n\n  white-space: nowrap;\n\n  font-family:\n    \"Courier New\",\n    Consolas,\n    monospace;\n\n  font-size:\n    clamp(\n      55px,\n      6.3vw,\n      112px\n    );\n\n  font-weight: 700;\n\n  line-height: .9;\n\n  letter-spacing: -.08em;\n\n  font-variant-numeric:\n    tabular-nums;\n\n  color: #ff0808;\n\n  text-shadow:\n    0 0 4px #ff0000,\n    0 0 10px #ff0000,\n    0 0 22px rgba(255,0,0,.55);\n\n}\n\n\n.lw-label {\n\n  margin-top:\n    clamp(\n      7px,\n      .8vh,\n      12px\n    );\n\n  color: #dedede;\n\n  font-size:\n    clamp(\n      12px,\n      1.2vw,\n      20px\n    );\n\n  line-height: 1;\n\n  letter-spacing: .06em;\n\n}\n\n\n.lw-separator {\n\n  color: #ff0808;\n\n  font-family:\n    \"Courier New\",\n    monospace;\n\n  font-weight: 700;\n\n  font-size:\n    clamp(\n      43px,\n      5vw,\n      90px\n    );\n\n  line-height: 1;\n\n  margin:\n    0\n    clamp(3px, .6vw, 12px);\n\n  text-shadow:\n    0 0 12px rgba(255,0,0,.8);\n\n}\n\n\n\/* ==================================================\n   TABLETY\n================================================== *\/\n\n@media (max-width: 1050px) {\n\n  .lw-hero {\n\n    grid-template-columns:\n      62%\n      38%;\n\n  }\n\n\n  .lw-person {\n\n    height: 48vh;\n\n  }\n\n\n  .lw-title-white {\n\n    font-size: 10vw;\n\n  }\n\n\n  .lw-title-red {\n\n    font-size: 11vw;\n\n  }\n\n\n  .lw-title-strip {\n\n    font-size: 7vw;\n\n  }\n\n}\n\n\n\/* ==================================================\n   TELEFON\n================================================== *\/\n\n@media (max-width: 768px) {\n\n  .lw-wrapper {\n\n    padding:\n      20px\n      12px\n      12px;\n\n    gap: 10px;\n\n  }\n\n\n  .lw-hero {\n\n    position: relative;\n\n    display: block;\n\n    min-height: 52vh;\n\n  }\n\n\n  .lw-header {\n\n    position: relative;\n\n    z-index: 5;\n\n    width: 100%;\n\n    padding-top: 0;\n\n  }\n\n\n  .lw-title-white {\n\n    font-size: 18vw;\n\n  }\n\n\n  .lw-title-red {\n\n    font-size: 19.5vw;\n\n  }\n\n\n  .lw-title-strip {\n\n    margin-top: 8px;\n\n    padding:\n      7px\n      10px\n      9px;\n\n    font-size: 12.6vw;\n\n  }\n\n\n  .lw-person {\n\n    position: absolute;\n\n    z-index: 3;\n\n    right: -8vw;\n\n    bottom: -1vh;\n\n    width: 67vw;\n\n    height: 35vh;\n\n    display: flex;\n\n    justify-content: flex-end;\n\n  }\n\n\n  .lw-person img {\n\n    width: auto;\n\n    height: 100%;\n\n    max-width: none;\n\n  }\n\n\n  .lw-demand {\n\n    margin-top: -3px;\n\n  }\n\n\n  .lw-question {\n\n    font-size: 4.7vw;\n\n    line-height: 1.05;\n\n  }\n\n\n  .lw-demand-text {\n\n    margin-top: 6px;\n\n    padding:\n      6px\n      9px\n      7px;\n\n    font-size: 5.1vw;\n\n    line-height: 1.05;\n\n  }\n\n\n  .lw-counter-box {\n\n    padding:\n      12px\n      6px\n      13px;\n\n  }\n\n\n  .lw-counter-title {\n\n    margin-bottom: 10px;\n\n    padding: 0 5px;\n\n    font-size: 14px;\n\n    line-height: 1.15;\n\n    letter-spacing: .035em;\n\n  }\n\n\n  .lw-counter {\n\n    padding:\n      12px\n      2px\n      10px;\n\n  }\n\n\n  .lw-number {\n\n    font-size:\n      clamp(\n        32px,\n        11vw,\n        50px\n      );\n\n    letter-spacing: -.12em;\n\n  }\n\n\n  .lw-label {\n\n    margin-top: 7px;\n\n    font-size: 9px;\n\n    letter-spacing: 0;\n\n  }\n\n\n  .lw-separator {\n\n    margin: 0 1px;\n\n    font-size: 29px;\n\n  }\n\n}\n\n\n\/* ==================================================\n   MA\u0141E TELEFONY\n================================================== *\/\n\n@media (max-width: 390px) {\n\n  .lw-question {\n\n    font-size: 4.5vw;\n\n  }\n\n\n  .lw-demand-text {\n\n    font-size: 4.9vw;\n\n  }\n\n\n  .lw-counter-title {\n\n    font-size: 12px;\n\n  }\n\n\n  .lw-number {\n\n    font-size: 9.5vw;\n\n  }\n\n\n  .lw-separator {\n\n    font-size: 24px;\n\n  }\n\n\n  .lw-label {\n\n    font-size: 8px;\n\n  }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function () {\n\n\n  \/*\n  ==================================================\n  DATA I GODZINA STARTU LICZNIKA\n\n  27 sierpnia 2026\n  godzina 12:00\n  ==================================================\n  *\/\n\n\n  const START_DATE =\n    new Date(\n      \"2026-08-27T12:00:00+02:00\"\n    );\n\n\n  const daysElement =\n    document.getElementById(\n      \"lw-days\"\n    );\n\n\n  const hoursElement =\n    document.getElementById(\n      \"lw-hours\"\n    );\n\n\n  const minutesElement =\n    document.getElementById(\n      \"lw-minutes\"\n    );\n\n\n  const secondsElement =\n    document.getElementById(\n      \"lw-seconds\"\n    );\n\n\n  function formatNumber(number) {\n\n    return String(number)\n      .padStart(\n        2,\n        \"0\"\n      );\n\n  }\n\n\n  function updateElapsedTime() {\n\n    const now =\n      new Date();\n\n\n    let difference =\n      now.getTime()\n      -\n      START_DATE.getTime();\n\n\n    if (difference < 0) {\n\n      difference = 0;\n\n    }\n\n\n    const SECOND =\n      1000;\n\n\n    const MINUTE =\n      SECOND * 60;\n\n\n    const HOUR =\n      MINUTE * 60;\n\n\n    const DAY =\n      HOUR * 24;\n\n\n    const days =\n      Math.floor(\n        difference \/ DAY\n      );\n\n\n    const hours =\n      Math.floor(\n        (difference % DAY)\n        \/\n        HOUR\n      );\n\n\n    const minutes =\n      Math.floor(\n        (difference % HOUR)\n        \/\n        MINUTE\n      );\n\n\n    const seconds =\n      Math.floor(\n        (difference % MINUTE)\n        \/\n        SECOND\n      );\n\n\n    daysElement.textContent =\n      formatNumber(days);\n\n\n    hoursElement.textContent =\n      formatNumber(hours);\n\n\n    minutesElement.textContent =\n      formatNumber(minutes);\n\n\n    secondsElement.textContent =\n      formatNumber(seconds);\n\n  }\n\n\n  updateElapsedTime();\n\n\n  setInterval(\n    updateElapsedTime,\n    1000\n  );\n\n\n})();\n\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>LICZNIK WSTYDU PIESIEWICZA! KIEDY PIESIEWICZ PODA SI\u0118 DO DYMISJI? \u017b\u0104DAMY DYMISJI SZEFA PKOL! CZAS OD ZATRZYMANIA PIESIEWICZA: 00 DNI : 00 GODZIN : 00 MINUT : 00 SEKUND<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/licznikp.you2.pl\/index.php\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/licznikp.you2.pl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/licznikp.you2.pl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/licznikp.you2.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/licznikp.you2.pl\/index.php\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":5,"href":"https:\/\/licznikp.you2.pl\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":17,"href":"https:\/\/licznikp.you2.pl\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions\/17"}],"wp:attachment":[{"href":"https:\/\/licznikp.you2.pl\/index.php\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}