{"id":1059,"date":"2024-12-13T09:52:54","date_gmt":"2024-12-13T08:52:54","guid":{"rendered":"https:\/\/konk.pl\/?page_id=1059"},"modified":"2026-05-31T23:10:17","modified_gmt":"2026-05-31T21:10:17","slug":"krypto","status":"publish","type":"page","link":"https:\/\/konk.pl\/?page_id=1059","title":{"rendered":""},"content":{"rendered":"\n<center>\n\n<style>\n  .fg-widget {\n    background: #444444;\n    border-radius: 16px;\n    padding: 24px 28px 20px;\n    max-width: 380px;\n    margin: 0 auto;\n    border: 0.5px solid rgba(255,255,255,0.1);\n    font-family: var(--font-sans);\n  }\n  .fg-header { display: flex; align-items: center; gap: 10px; margin-bottom: 4px; }\n  .fg-btc-icon {\n    width: 36px; height: 36px; background: #f7931a; border-radius: 50%;\n    display: flex; align-items: center; justify-content: center;\n    font-size: 18px; font-weight: 700; color: white; flex-shrink: 0;\n  }\n  .fg-title { font-size: 20px; font-weight: 500; color: #f0f0f0; margin: 0; }\n  .fg-subtitle { font-size: 11px; color: rgba(255,255,255,0.4); margin: 2px 0 0; letter-spacing: 0.02em; }\n  .fg-now-row { display: flex; align-items: baseline; gap: 8px; margin: 18px 0 10px; }\n  .fg-now-label { font-size: 14px; color: rgba(255,255,255,0.5); }\n  .fg-now-value { font-size: 20px; font-weight: 500; }\n  .fg-gauge-wrap { position: relative; width: 100%; display: flex; justify-content: center; margin: 8px 0 16px; }\n  .fg-history { display: flex; gap: 8px; margin-top: 4px; margin-bottom: 2px; }\n  .fg-hist-item {\n    flex: 1; background: rgba(255,255,255,0.05); border-radius: 8px;\n    padding: 8px 6px; text-align: center; border: 0.5px solid rgba(255,255,255,0.08);\n  }\n  .fg-hist-label { font-size: 10px; color: rgba(255,255,255,0.35); margin-bottom: 4px; }\n  .fg-hist-val { font-size: 15px; font-weight: 500; }\n  .fg-hist-name { font-size: 10px; color: rgba(255,255,255,0.4); margin-top: 2px; }\n  .fg-footer {\n    display: flex; justify-content: space-between;\n    font-size: 11px; color: rgba(255,255,255,0.3);\n    margin-top: 12px; border-top: 0.5px solid rgba(255,255,255,0.08); padding-top: 10px;\n  }\n  .fg-footer a { color: rgba(255,255,255,0.35); text-decoration: none; }\n  .fg-footer a:hover { color: rgba(255,255,255,0.6); }\n  .fg-loading { text-align: center; color: rgba(255,255,255,0.4); font-size: 13px; padding: 20px 0; }\n  .fg-error { text-align: center; color: #e05c2a; font-size: 12px; padding: 10px 0; }\n  .fg-refresh-btn {\n    background: none; border: 0.5px solid rgba(255,255,255,0.2); color: rgba(255,255,255,0.4);\n    border-radius: 6px; padding: 2px 8px; font-size: 11px; cursor: pointer;\n  }\n  .fg-refresh-btn:hover { border-color: rgba(255,255,255,0.4); color: rgba(255,255,255,0.7); }\n<\/style>\n\n<h2 class=\"sr-only\" style=\"position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)\">Live Crypto Fear &amp; Greed Index widget<\/h2>\n\n<div class=\"fg-widget\">\n  <div class=\"fg-header\">\n   <div>\n      <p class=\"fg-title\">Wska\u017anik Strachu i Chciwo\u015bci<\/p><br>\n      <p class=\"fg-subtitle\">Wska\u017anik Strachu i Chciwo\u015bci &#8211; mierzy nastroje wobec Bitcoina a co za tym idzie, szerszego rynku kryptowalut.<\/p>\n    <\/div>\n  <\/div>\n\n  <div id=\"fg-body\">\n    <div class=\"fg-loading\">Pobieranie danych&#8230;<\/div>\n  <\/div>\n\n  <div class=\"fg-footer\">\n    <a href=\"https:\/\/alternative.me\/crypto\/fear-and-greed-index\/\" target=\"_blank\">alternative.me<\/a>\n    <div style=\"display:flex;align-items:center;gap:8px;\">\n      <span id=\"fg-updated\" style=\"color:rgba(255,255,255,0.3);font-size:11px;\"><\/span>\n      <button class=\"fg-refresh-btn\" onclick=\"loadData()\">\u21bb Od\u015bwie\u017c<\/button>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\nfunction scoreColor(s) {\n  return s < 25 ? '#c0392b' : s < 45 ? '#e05c2a' : s < 55 ? '#f1c40f' : s < 75 ? '#a8d44e' : '#27ae60';\n}\nfunction scoreLabel(s) {\n  return s < 25 ? 'Ekstremalny strach' : s < 45 ? 'Strach' : s < 55 ? 'Neutralny' : s < 75 ? 'Chciwo\u015b\u0107' : 'Ekstremalna chciwo\u015b\u0107';\n}\nfunction buildGaugeSVG(score) {\n  const angle = -90 + (score \/ 100) * 180;\n  return `<svg viewBox=\"0 0 300 175\" width=\"300\" height=\"175\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <defs>\n      <linearGradient id=\"arcGrad2\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n        <stop offset=\"0%\" stop-color=\"#c0392b\"\/>\n        <stop offset=\"25%\" stop-color=\"#e67e22\"\/>\n        <stop offset=\"50%\" stop-color=\"#f1c40f\"\/>\n        <stop offset=\"75%\" stop-color=\"#a8d44e\"\/>\n        <stop offset=\"100%\" stop-color=\"#27ae60\"\/>\n      <\/linearGradient>\n    <\/defs>\n    <path d=\"M 30 150 A 120 120 0 0 1 270 150\" fill=\"none\" stroke=\"rgba(255,255,255,0.08)\" stroke-width=\"28\" stroke-linecap=\"round\"\/>\n    <path d=\"M 30 150 A 120 120 0 0 1 270 150\" fill=\"none\" stroke=\"url(#arcGrad2)\" stroke-width=\"24\" stroke-linecap=\"round\" opacity=\"0.9\"\/>\n    \n<g transform=\"rotate(${angle}, 150, 150)\">\n      <line x1=\"150\" y1=\"150\" x2=\"150\" y2=\"46\" stroke=\"#aaaaaa\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n      <circle cx=\"150\" cy=\"150\" r=\"9\" fill=\"#aaaaaa\" stroke=\"#aaaaaa\" stroke-width=\"3\"\/>\n    <\/g>\n    <text x=\"150\" y=\"100\" font-size=\"30\" font-weight=\"500\" fill=\"#ffffff\" text-anchor=\"middle\">${score}<\/text>\n  <\/svg>`;\n}\n\nasync function loadData() {\n  const body = document.getElementById('fg-body');\n  const updEl = document.getElementById('fg-updated');\n  body.innerHTML = '<div class=\"fg-loading\">Pobieranie danych...<\/div>';\n  updEl.textContent = '';\n\n  try {\n    const response = await fetch('https:\/\/api.alternative.me\/fng\/?limit=3&format=json');\n    const data = await response.json();\n    const items = data.data;\n    const now = items[0];\n    const score = parseInt(now.value);\n    const color = scoreColor(score);\n    const label = scoreLabel(score);\n\n    const ts = new Date(parseInt(now.timestamp) * 1000);\n    const dateStr = ts.toLocaleDateString('pl-PL', { day: 'numeric', month: 'short', year: 'numeric' });\n    updEl.textContent = dateStr;\n\n    const histHTML = items.slice(1).map((item, i) => {\n      const s = parseInt(item.value);\n      const c = scoreColor(s);\n      const lbl = i === 0 ? 'Wczoraj' : 'Tydzie\u0144 temu';\n      return `<div class=\"fg-hist-item\">\n        <div class=\"fg-hist-label\">${lbl}<\/div>\n        <div class=\"fg-hist-val\" style=\"color:${c}\">${s}<\/div>\n        <div class=\"fg-hist-name\" style=\"color:${c};opacity:0.8\">${scoreLabel(s)}<\/div>\n      <\/div>`;\n    }).join('');\n\n    body.innerHTML = `\n      <div class=\"fg-now-row\">\n        <span class=\"fg-now-label\">Aktualnie:<\/span>\n        <span class=\"fg-now-value\" style=\"color:${color}\">${label}<\/span>\n      <\/div>\n      <div class=\"fg-gauge-wrap\">${buildGaugeSVG(score)}<\/div>\n      <div class=\"fg-history\">${histHTML}<\/div>\n    `;\n  } catch(e) {\n    body.innerHTML = `<div class=\"fg-error\">Nie mo\u017cna pobra\u0107 danych.<br>Sprawd\u017a po\u0142\u0105czenie z internetem.<\/div>`;\n    updEl.textContent = '';\n  }\n}\n\nloadData();\n<\/script>\n\n<\/center>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Najstarsze i wyp\u0142acalne kraniki kryptowalut.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/freebitco.in\/?r=22964064\"><img loading=\"lazy\" decoding=\"async\" width=\"468\" height=\"60\" src=\"https:\/\/konk.pl\/wp-content\/uploads\/2024\/12\/FreeBitco.in_468x60-3.png\" alt=\"\" class=\"wp-image-1066\" srcset=\"https:\/\/konk.pl\/wp-content\/uploads\/2024\/12\/FreeBitco.in_468x60-3.png 468w, https:\/\/konk.pl\/wp-content\/uploads\/2024\/12\/FreeBitco.in_468x60-3-300x38.png 300w, https:\/\/konk.pl\/wp-content\/uploads\/2024\/12\/FreeBitco.in_468x60-3-150x19.png 150w\" sizes=\"auto, (max-width: 468px) 100vw, 468px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Live Crypto Fear &amp; Greed Index widget Wska\u017anik Strachu i Chciwo\u015bci Wska\u017anik Strachu i Chciwo\u015bci &#8211; mierzy nastroje wobec Bitcoina<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"colormag_page_layout":"default_layout","footnotes":""},"class_list":["post-1059","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/konk.pl\/index.php?rest_route=\/wp\/v2\/pages\/1059","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/konk.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/konk.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/konk.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/konk.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1059"}],"version-history":[{"count":27,"href":"https:\/\/konk.pl\/index.php?rest_route=\/wp\/v2\/pages\/1059\/revisions"}],"predecessor-version":[{"id":1327,"href":"https:\/\/konk.pl\/index.php?rest_route=\/wp\/v2\/pages\/1059\/revisions\/1327"}],"wp:attachment":[{"href":"https:\/\/konk.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1059"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}