{"id":43,"date":"2026-09-27T10:32:34","date_gmt":"2026-09-27T10:32:34","guid":{"rendered":"https:\/\/ogorzelski.com\/?page_id=43"},"modified":"2026-09-30T10:27:26","modified_gmt":"2026-09-30T10:27:26","slug":"start2","status":"publish","type":"page","link":"https:\/\/ogorzelski.com\/","title":{"rendered":"Start"},"content":{"rendered":"\n<!-- ogorzelski.com: strona \"wkr\u00f3tce\". Wklej ca\u0142o\u015b\u0107 do bloku \"W\u0142asny HTML\" w WordPressie. -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anybody:wdth,wght@50..150,300..800&#038;display=swap\" rel=\"stylesheet\">\n<style>\n  .og-root {\n    --og-bg: #D8DDE1;\n    --og-ink: #17232C;\n    --og-muted: #55636E;\n    position: fixed !important;\n    inset: 0 !important;\n    z-index: 9999;\n    width: 100% !important;\n    max-width: none !important;\n    margin: 0 !important;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    padding: clamp(24px, 5vw, 64px) clamp(20px, 5vw, 64px) 0;\n    background: var(--og-bg);\n    color: var(--og-ink);\n    font-family: \"Anybody\", \"Arial Narrow\", Arial, sans-serif;\n    font-variation-settings: \"wdth\" 100;\n    overflow-x: hidden;\n    overflow-y: auto;\n    transition: background-color .35s ease, color .35s ease;\n  }\n  .og-root[data-theme=\"dark\"] {\n    --og-bg: #121A20;\n    --og-ink: #DDE3E7;\n    --og-muted: #8E9BA5;\n  }\n  @media (prefers-color-scheme: dark) {\n    .og-root:not([data-theme=\"light\"]) {\n      --og-bg: #121A20;\n      --og-ink: #DDE3E7;\n      --og-muted: #8E9BA5;\n    }\n  }\n  body:has(.og-root) { overflow: hidden; }\n  .og-root *, .og-root *::before, .og-root *::after { box-sizing: border-box; }\n\n  .og-top {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 16px;\n    font-size: 15px;\n    font-weight: 500;\n    color: var(--og-muted);\n  }\n  .og-top p { margin: 0; }\n  .og-right { display: flex; align-items: center; gap: 12px; }\n  .og-right .og-year { margin-right: 8px; }\n\n  .og-root .og-toggle,\n  .og-root .og-lang {\n    all: unset;\n    box-sizing: border-box;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 40px;\n    height: 40px;\n    border: 1.5px solid var(--og-muted);\n    border-radius: 50%;\n    color: var(--og-ink);\n    cursor: pointer;\n    transition: border-color .2s ease, transform .35s ease;\n  }\n  .og-root .og-lang {\n    box-sizing: border-box;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 40px;\n    height: 40px;\n    border: 1.5px solid var(--og-muted);\n    border-radius: 50%;\n    color: var(--og-ink);\n    cursor: pointer;\n    font-family: inherit;\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    transition: border-color .2s ease;\n  }\n  .og-root .og-lang:hover { border-color: var(--og-ink); }\n  .og-root .og-lang:focus-visible { outline: 3px solid var(--og-ink); outline-offset: 4px; }\n  .og-root .og-toggle:hover { border-color: var(--og-ink); }\n  .og-root .og-toggle:focus-visible { outline: 3px solid var(--og-ink); outline-offset: 4px; }\n  .og-root .og-toggle svg { width: 18px; height: 18px; display: block; }\n  .og-root[data-theme=\"dark\"] .og-toggle { transform: rotate(180deg); }\n\n  .og-msg { max-width: 46ch; margin: 12vh 0 0; }\n  .og-root .og-msg h1 {\n    margin: 0 0 0.4em;\n    font-family: inherit;\n    font-size: clamp(34px, 5.2vw, 64px);\n    line-height: 1.02;\n    font-weight: 700;\n    font-variation-settings: \"wdth\" 70;\n    letter-spacing: -0.01em;\n    text-transform: none;\n    color: var(--og-ink);\n  }\n  .og-msg p {\n    margin: 0 0 1.1em;\n    font-size: clamp(17px, 1.6vw, 20px);\n    line-height: 1.45;\n    color: var(--og-muted);\n  }\n  .og-line { display: block; }\n  .og-dots span {\n    display: inline-block;\n    animation: og-dot 1.4s ease-in-out infinite;\n  }\n  .og-dots span:nth-child(2) { animation-delay: .2s; }\n  .og-dots span:nth-child(3) { animation-delay: .4s; }\n  @keyframes og-dot {\n    0%, 20%   { opacity: .25; transform: translateY(0); }\n    40%       { opacity: 1;   transform: translateY(-0.18em); }\n    60%, 100% { opacity: .25; transform: translateY(0); }\n  }\n  .og-links { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; }\n  .og-root .og-mail { all: unset; cursor: pointer; }\n  .og-root .og-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    font-size: clamp(18px, 1.8vw, 22px);\n    font-weight: 600;\n    color: var(--og-ink);\n    text-decoration: none !important;\n    border-bottom: 2px solid var(--og-ink);\n    padding-bottom: 3px;\n    transition: gap .2s ease;\n  }\n  .og-link svg { width: 20px; height: 20px; flex: none; }\n  .og-link:hover { gap: 14px; }\n  .og-link:focus-visible { outline: 3px solid var(--og-ink); outline-offset: 6px; border-radius: 2px; }\n\n  .og-name {\n    margin: 8vh calc(-1 * clamp(20px, 5vw, 64px)) 0;\n    padding: 0 clamp(12px, 3vw, 40px);\n    line-height: 0;\n    user-select: none;\n  }\n  .og-name svg { display: block; width: 100%; height: auto; overflow: hidden; }\n  .og-name text {\n    font-family: \"Anybody\", \"Arial Narrow\", Arial, sans-serif;\n    font-size: 250px;\n    font-weight: 800;\n    font-variation-settings: \"wdth\" 62;\n    fill: var(--og-ink);\n    transition: fill .35s ease;\n    animation: og-rise 1.1s cubic-bezier(.2,.7,.1,1) both;\n  }\n  @keyframes og-rise {\n    from { transform: translateY(190px); }\n    to   { transform: translateY(0); }\n  }\n  ::view-transition-old(root),\n  ::view-transition-new(root) { animation: none; mix-blend-mode: normal; }\n  .og-root.og-vt, .og-root.og-vt * { transition: none !important; }\n\n  @media (prefers-reduced-motion: reduce) {\n    .og-root, .og-name text, .og-root .og-toggle, .og-root .og-link { transition: none; }\n    .og-name text { animation: none; }\n    .og-dots span { animation: none; opacity: 1; }\n  }\n  @media (max-width: 600px) {\n    .og-top .og-year { display: none; }\n    .og-msg { margin-top: 8vh; }\n  }\n  \/* T\u0142o pod paskami Safari na iPhonie *\/\n  html:has(.og-root), body:has(.og-root) { background: #D8DDE1 !important; }\n  html:has(.og-root[data-theme=\"dark\"]), body:has(.og-root[data-theme=\"dark\"]) { background: #121A20 !important; }\n<\/style>\n\n<div class=\"og-root\" id=\"og-root\">\n  <div class=\"og-top\">\n    <p>ogorzelski.com<\/p>\n    <div class=\"og-right\">\n      <p class=\"og-year\" data-i18n=\"year\">Strona w budowie, 2026<\/p>\n      <button class=\"og-lang\" id=\"og-lang\" type=\"button\" lang=\"en\" aria-label=\"Switch to English\" data-umami-event=\"zmiana-jezyka\">EN<\/button>\n      <button class=\"og-toggle\" id=\"og-toggle\" type=\"button\" aria-label=\"Prze\u0142\u0105cz tryb ciemny\" aria-pressed=\"false\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n          <path d=\"M12 3a9 9 0 0 1 0 18z\" fill=\"currentColor\"\/>\n        <\/svg>\n      <\/button>\n    <\/div>\n  <\/div>\n\n  <div class=\"og-msg\">\n    <h1 data-i18n=\"title\">Ju\u017c wkr\u00f3tce.<\/h1>\n    <p><span class=\"og-line\"><span data-i18n=\"lead1\">Strona jest w przygotowaniu<\/span><span class=\"og-dots\" aria-hidden=\"true\"><span>.<\/span><span>.<\/span><span>.<\/span><\/span><\/span><span class=\"og-line\" data-i18n=\"lead2\">Do tego czasu znajdziesz mnie tu:<\/span><\/p>\n    <div class=\"og-links\">\n      <a class=\"og-link\" href=\"https:\/\/instagram.com\/piotr.ogorzelski\" target=\"_blank\" rel=\"noopener\" data-umami-event=\"instagram\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\">\n          <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4.2\"\/><circle cx=\"17.4\" cy=\"6.6\" r=\"1.1\" fill=\"currentColor\" stroke=\"none\"\/>\n        <\/svg>\n        @piotr.ogorzelski\n      <\/a>\n      <button class=\"og-link og-mail\" id=\"og-mail\" type=\"button\" data-umami-event=\"pokaz-email\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\">\n          <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"M3.5 6.5l8.5 6.5 8.5-6.5\"\/>\n        <\/svg>\n        <span data-i18n=\"mail\">Poka\u017c e-mail<\/span>\n      <\/button>\n    <\/div>\n  <\/div>\n\n  <div class=\"og-name\" aria-hidden=\"true\">\n    <svg viewBox=\"0 0 1000 190\" preserveAspectRatio=\"xMidYMax meet\">\n      <text x=\"0\" y=\"205\" textLength=\"1000\" lengthAdjust=\"spacingAndGlyphs\">ogorzelski<\/text>\n    <\/svg>\n  <\/div>\n<\/div>\n\n<script>\n\/* Adres e-mail: wpisz login (cz\u0119\u015b\u0107 przed @) i domen\u0119 (cz\u0119\u015b\u0107 po @). *\/\n(function () {\n  var login = 'piotr';\n  var domena = 'ogorzelski.com';\n  var btn = document.getElementById('og-mail');\n  if (!btn) return;\n  btn.addEventListener('click', function () {\n    var adres = login + String.fromCharCode(64) + domena;\n    var a = document.createElement('a');\n    a.className = 'og-link';\n    a.href = 'mai' + 'lto:' + adres;\n    a.innerHTML = btn.querySelector('svg').outerHTML;\n    a.appendChild(document.createTextNode(adres));\n    btn.replaceWith(a);\n    a.focus();\n  });\n})();\n<\/script>\n\n<script>\n\/* Wersje j\u0119zykowe: teksty do edycji poni\u017cej. *\/\nvar OG_TEXT = {\n  pl: {\n    year: 'Strona w budowie, 2026',\n    title: 'Ju\u017c wkr\u00f3tce.',\n    lead1: 'Strona jest w przygotowaniu',\n    lead2: 'Do tego czasu znajdziesz mnie tu:',\n    mail: 'Poka\u017c e-mail',\n    langBtn: 'EN', langLabel: 'Switch to English', langBtnLang: 'en',\n    toDark: 'Prze\u0142\u0105cz na tryb ciemny', toLight: 'Prze\u0142\u0105cz na tryb jasny'\n  },\n  en: {\n    year: 'Under construction, 2026',\n    title: 'See you soon.',\n    lead1: 'This site is in the works',\n    lead2: 'Until then, find me here:',\n    mail: 'Show e-mail',\n    langBtn: 'PL', langLabel: 'Prze\u0142\u0105cz na polski', langBtnLang: 'pl',\n    toDark: 'Switch to dark mode', toLight: 'Switch to light mode'\n  }\n};\nvar ogLang = 'pl';\n\n(function () {\n  var btn = document.getElementById('og-lang');\n  if (!btn) return;\n  var saved = null;\n  try { saved = localStorage.getItem('og-lang'); } catch (e) {}\n  var browser = (navigator.language || 'pl').toLowerCase();\n  function apply(l, save) {\n    var t = OG_TEXT[l];\n    ogLang = l;\n    document.documentElement.lang = l;\n    Array.prototype.forEach.call(document.querySelectorAll('.og-root [data-i18n]'), function (el) {\n      var k = el.getAttribute('data-i18n');\n      if (t[k]) el.textContent = t[k];\n    });\n    btn.textContent = t.langBtn;\n    btn.setAttribute('lang', t.langBtnLang);\n    btn.setAttribute('aria-label', t.langLabel);\n    document.dispatchEvent(new Event('og-lang-change'));\n    if (save) { try { localStorage.setItem('og-lang', l); } catch (e) {} }\n  }\n  apply(saved === 'pl' || saved === 'en' ? saved : (browser.indexOf('pl') === 0 ? 'pl' : 'en'), false);\n  btn.addEventListener('click', function () {\n    apply(ogLang === 'pl' ? 'en' : 'pl', true);\n  });\n})();\n<\/script>\n\n<script>\n(function () {\n  var root = document.getElementById('og-root');\n  var btn = document.getElementById('og-toggle');\n  if (!root || !btn) return;\n  var mq = window.matchMedia ? window.matchMedia('(prefers-color-scheme: dark)') : null;\n  var saved = null;\n  try { saved = localStorage.getItem('og-theme'); } catch (e) {}\n  function current() {\n    var t = root.getAttribute('data-theme');\n    if (t) return t;\n    if (!mq) return 'light';\n    return mq.matches ? 'dark' : 'light';\n  }\n  function apply(t, save) {\n    root.setAttribute('data-theme', t);\n    var col = t === 'dark' ? '#121A20' : '#D8DDE1';\n    document.documentElement.style.setProperty('background-color', col, 'important');\n    document.body.style.setProperty('background-color', col, 'important');\n    var old = document.querySelector('meta[name=theme-color]');\n    if (old) { old.remove(); }\n    var meta = document.createElement('meta');\n    meta.name = 'theme-color';\n    meta.content = col;\n    document.head.appendChild(meta);\n    btn.setAttribute('aria-pressed', t === 'dark' ? 'true' : 'false');\n    var txt = (typeof OG_TEXT === 'object') ? OG_TEXT[ogLang] : { toDark: 'Tryb ciemny', toLight: 'Tryb jasny' };\n    btn.setAttribute('aria-label', t === 'dark' ? txt.toLight : txt.toDark);\n    if (save) { try { localStorage.setItem('og-theme', t); } catch (e) {} }\n  }\n  apply(saved === 'dark' || saved === 'light' ? saved : current(), false);\n  btn.addEventListener('click', function () {\n    var next = current() === 'dark' ? 'light' : 'dark';\n    var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n    if (!document.startViewTransition || reduce) { apply(next, true); return; }\n    var r = btn.getBoundingClientRect();\n    var x = r.left + r.width \/ 2;\n    var y = r.top + r.height \/ 2;\n    var end = Math.hypot(Math.max(x, window.innerWidth - x), Math.max(y, window.innerHeight - y));\n    root.classList.add('og-vt');\n    var vt = document.startViewTransition(function () { apply(next, true); });\n    vt.ready.then(function () {\n      document.documentElement.animate(\n        { clipPath: ['circle(0px at ' + x + 'px ' + y + 'px)', 'circle(' + end + 'px at ' + x + 'px ' + y + 'px)'] },\n        { duration: 700, easing: 'cubic-bezier(.4, 0, .2, 1)', pseudoElement: '::view-transition-new(root)' }\n      );\n    });\n    vt.finished.then(function () { root.classList.remove('og-vt'); });\n  });\n  document.addEventListener('og-lang-change', function () { apply(current(), false); });\n})();\n<\/script>\n<script defer src=\"https:\/\/cloud.umami.is\/script.js\" data-website-id=\"71243309-2ef2-445d-b9ab-bf687ba5a6e6\"><\/script>\n","protected":false},"excerpt":{"rendered":"<p>ogorzelski.com Strona w budowie, 2026 EN Ju\u017c wkr\u00f3tce. Strona jest w przygotowaniu&#8230;Do tego czasu znajdziesz mnie tu: @piotr.ogorzelski Poka\u017c e-mail [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-43","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ogorzelski.com\/index.php\/wp-json\/wp\/v2\/pages\/43","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ogorzelski.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ogorzelski.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ogorzelski.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ogorzelski.com\/index.php\/wp-json\/wp\/v2\/comments?post=43"}],"version-history":[{"count":19,"href":"https:\/\/ogorzelski.com\/index.php\/wp-json\/wp\/v2\/pages\/43\/revisions"}],"predecessor-version":[{"id":68,"href":"https:\/\/ogorzelski.com\/index.php\/wp-json\/wp\/v2\/pages\/43\/revisions\/68"}],"wp:attachment":[{"href":"https:\/\/ogorzelski.com\/index.php\/wp-json\/wp\/v2\/media?parent=43"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}