{"id":6624,"date":"2026-10-26T02:08:24","date_gmt":"2026-10-26T01:08:24","guid":{"rendered":"https:\/\/erasmuslife4you.com\/dig-verificacao-da-alimentacao-de-acordo-com-os-objetivos\/"},"modified":"2026-10-26T12:49:13","modified_gmt":"2026-10-26T11:49:13","slug":"dig-verificacao-da-alimentacao-de-acordo-com-os-objetivos","status":"publish","type":"page","link":"https:\/\/erasmuslife4you.com\/pt\/dig-verificacao-da-alimentacao-de-acordo-com-os-objetivos\/","title":{"rendered":"DIG \u2013 VERIFICA\u00c7\u00c3O DA ALIMENTA\u00c7\u00c3O DE ACORDO COM OS OBJETIVOS"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6624\" class=\"elementor elementor-6624 elementor-6445\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f6b86ac e-flex e-con-boxed e-con e-parent\" data-id=\"f6b86ac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c39e7b2 elementor-widget elementor-widget-html\" data-id=\"c39e7b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"dig-feed-lab\">\n\n<style>\n\n\/* =========================================================\n   DIG \u2013 GOAL-ALIGNED FEED CHECK\n   MODULE 3 \u2022 ACTIVITY 3\n========================================================= *\/\n\n#dig-feed-lab{\n  --azure:#71AFDB;\n  --blue:#286f98;\n  --navy:#173f59;\n  --peach:#F8D4B5;\n  --peach-light:#fff5ec;\n  --blue-light:#eef7fc;\n  --page:#f7fbfd;\n  --text:#293943;\n  --muted:#5f707a;\n  --border:#d9eaf3;\n  --support:#71AFDB;\n  --neutral:#F8D4B5;\n  --pull:#9ba9b2;\n\n  font-family:Ubuntu,Arial,sans-serif;\n  color:var(--text);\n  background:var(--page);\n  padding:28px 16px 48px;\n  line-height:1.6;\n  box-sizing:border-box;\n}\n\n#dig-feed-lab *{\n  box-sizing:border-box;\n}\n\n#dig-feed-lab .dig-shell{\n  max-width:960px;\n  margin:0 auto;\n}\n\n\n\/* =========================================================\n   BRANDING\n========================================================= *\/\n\n#dig-feed-lab .dig-topbar{\n  display:flex;\n  justify-content:space-between;\n  align-items:center;\n  flex-wrap:wrap;\n  gap:24px;\n  background:#ffffff;\n  border:1px solid var(--border);\n  border-radius:20px;\n  padding:20px 24px;\n  margin-bottom:18px;\n}\n\n#dig-feed-lab .dig-project-logo{\n  display:block;\n  width:170px;\n  max-width:100%;\n  height:auto;\n}\n\n#dig-feed-lab .dig-eu-logo{\n  display:block;\n  width:215px;\n  max-width:100%;\n  height:auto;\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n#dig-feed-lab .hero{\n  position:relative;\n  overflow:hidden;\n  background:linear-gradient(\n    135deg,\n    rgba(113,175,219,.24),\n    rgba(248,212,181,.50)\n  );\n  border:1px solid rgba(113,175,219,.30);\n  border-radius:30px;\n  padding:40px 38px;\n  margin-bottom:18px;\n}\n\n#dig-feed-lab .hero::before{\n  content:\"\";\n  position:absolute;\n  width:180px;\n  height:180px;\n  right:-60px;\n  top:-70px;\n  border-radius:50%;\n  background:rgba(255,255,255,.33);\n}\n\n#dig-feed-lab .hero > *{\n  position:relative;\n  z-index:1;\n}\n\n#dig-feed-lab .eyebrow{\n  display:inline-block;\n  background:#ffffff;\n  color:var(--blue);\n  border:1px solid rgba(113,175,219,.4);\n  border-radius:999px;\n  padding:7px 14px;\n  margin-bottom:14px;\n  font-size:13px;\n  font-weight:800;\n  letter-spacing:.05em;\n  text-transform:uppercase;\n}\n\n#dig-feed-lab h1{\n  margin:0 0 12px;\n  color:var(--navy);\n  font-size:40px;\n  line-height:1.08;\n  font-weight:800;\n}\n\n#dig-feed-lab .hero p{\n  margin:0;\n  max-width:750px;\n  font-family:Verdana,Arial,sans-serif;\n  font-size:16px;\n  line-height:1.72;\n}\n\n\n\/* =========================================================\n   PROGRESS\n========================================================= *\/\n\n#dig-feed-lab .progress-card{\n  background:#ffffff;\n  border:1px solid var(--border);\n  border-radius:19px;\n  padding:18px 20px;\n  margin-bottom:18px;\n}\n\n#dig-feed-lab .progress-top{\n  display:flex;\n  justify-content:space-between;\n  align-items:center;\n  gap:12px;\n  margin-bottom:10px;\n}\n\n#dig-feed-lab .progress-title{\n  color:var(--navy);\n  font-weight:800;\n  font-size:14px;\n}\n\n#dig-feed-lab .progress-value{\n  color:var(--blue);\n  font-weight:800;\n  font-size:13px;\n}\n\n#dig-feed-lab .progress-track{\n  height:9px;\n  background:#e9f1f5;\n  border-radius:999px;\n  overflow:hidden;\n}\n\n#dig-feed-lab .progress-fill{\n  height:100%;\n  width:0;\n  border-radius:999px;\n  background:linear-gradient(90deg,var(--azure),var(--blue));\n  transition:width .4s ease;\n}\n\n\n\/* =========================================================\n   GENERAL CARDS\n========================================================= *\/\n\n#dig-feed-lab .step{\n  background:#ffffff;\n  border-radius:23px;\n  padding:27px;\n  margin:18px 0;\n  box-shadow:0 7px 24px rgba(29,65,84,.06);\n}\n\n#dig-feed-lab .step-blue{\n  border-left:6px solid var(--azure);\n}\n\n#dig-feed-lab .step-peach{\n  border-left:6px solid var(--peach);\n}\n\n#dig-feed-lab .step-label{\n  color:var(--blue);\n  font-size:12px;\n  font-weight:800;\n  text-transform:uppercase;\n  letter-spacing:.07em;\n  margin-bottom:5px;\n}\n\n#dig-feed-lab h2{\n  margin:0 0 8px;\n  color:var(--navy);\n  font-size:25px;\n  line-height:1.3;\n}\n\n#dig-feed-lab .help{\n  margin:0 0 18px;\n  color:#425d6d;\n  font-family:Verdana,Arial,sans-serif;\n  font-size:14px;\n  line-height:1.65;\n}\n\n\n\/* =========================================================\n   FEED SAMPLE CARDS\n========================================================= *\/\n\n#dig-feed-lab .feed-grid{\n  display:grid;\n  grid-template-columns:repeat(2,minmax(0,1fr));\n  gap:12px;\n}\n\n#dig-feed-lab .feed-card{\n  background:#f9fcfe;\n  border:2px solid var(--border);\n  border-radius:18px;\n  padding:16px;\n  transition:\n    transform .22s ease,\n    border-color .22s ease,\n    box-shadow .22s ease;\n}\n\n#dig-feed-lab .feed-card:nth-child(even){\n  background:var(--peach-light);\n}\n\n#dig-feed-lab .feed-card.is-complete{\n  border-color:var(--azure);\n  transform:translateY(-2px);\n  box-shadow:0 6px 16px rgba(40,111,152,.08);\n}\n\n#dig-feed-lab .feed-number{\n  width:31px;\n  height:31px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  border-radius:50%;\n  background:var(--navy);\n  color:#ffffff;\n  font-size:12px;\n  font-weight:800;\n  margin-bottom:10px;\n}\n\n#dig-feed-lab .feed-card label{\n  display:block;\n  color:var(--navy);\n  font-size:13px;\n  font-weight:800;\n  margin-bottom:7px;\n}\n\n#dig-feed-lab input[type=\"text\"],\n#dig-feed-lab textarea{\n  width:100%;\n  padding:12px 13px;\n  border:2px solid #cfe2ed;\n  border-radius:12px;\n  background:#ffffff;\n  color:var(--text);\n  outline:none;\n  font-family:Verdana,Arial,sans-serif;\n  font-size:16px;\n  line-height:1.5;\n}\n\n#dig-feed-lab textarea{\n  min-height:90px;\n  resize:vertical;\n}\n\n#dig-feed-lab input[type=\"text\"]:focus,\n#dig-feed-lab textarea:focus{\n  border-color:var(--azure);\n  box-shadow:0 0 0 3px rgba(113,175,219,.17);\n}\n\n\n\/* =========================================================\n   FEED CLASSIFICATION\n========================================================= *\/\n\n#dig-feed-lab .feed-state-row{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:6px;\n  margin-top:10px;\n}\n\n#dig-feed-lab .state-btn{\n  min-height:54px;\n  border:2px solid transparent;\n  border-radius:11px;\n  padding:8px 5px;\n  cursor:pointer;\n  background:#ffffff;\n  color:#51636e;\n  font-family:Verdana,Arial,sans-serif;\n  font-size:10px;\n  line-height:1.35;\n  font-weight:700;\n  transition:\n    transform .18s ease,\n    border-color .18s ease,\n    background .18s ease,\n    color .18s ease;\n}\n\n#dig-feed-lab .state-btn:hover{\n  transform:translateY(-1px);\n}\n\n#dig-feed-lab .state-btn[data-state=\"support\"].active{\n  background:#e4f3fb;\n  border-color:var(--support);\n  color:var(--navy);\n}\n\n#dig-feed-lab .state-btn[data-state=\"neutral\"].active{\n  background:#fff0e3;\n  border-color:#e4b991;\n  color:var(--navy);\n}\n\n#dig-feed-lab .state-btn[data-state=\"pull\"].active{\n  background:#eef1f3;\n  border-color:#8799a4;\n  color:var(--navy);\n}\n\n\n\/* =========================================================\n   LIVE FEED GRAPH\n========================================================= *\/\n\n#dig-feed-lab .graph-panel{\n  margin-top:22px;\n  padding:23px;\n  border-radius:21px;\n  background:var(--navy);\n  color:#ffffff;\n}\n\n#dig-feed-lab .graph-title{\n  color:#ffffff;\n  font-size:19px;\n  font-weight:800;\n  margin-bottom:3px;\n}\n\n#dig-feed-lab .graph-note{\n  color:#c7dbe6;\n  font-family:Verdana,Arial,sans-serif;\n  font-size:12px;\n  margin-bottom:19px;\n}\n\n#dig-feed-lab .stacked-bar{\n  display:flex;\n  width:100%;\n  min-height:46px;\n  overflow:hidden;\n  border-radius:13px;\n  background:rgba(255,255,255,.08);\n}\n\n#dig-feed-lab .bar-support,\n#dig-feed-lab .bar-neutral,\n#dig-feed-lab .bar-pull{\n  width:0;\n  min-width:0;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  overflow:hidden;\n  white-space:nowrap;\n  font-size:11px;\n  font-weight:800;\n  transition:width .5s cubic-bezier(.2,.8,.2,1);\n}\n\n#dig-feed-lab .bar-support{\n  background:var(--support);\n  color:#173f59;\n}\n\n#dig-feed-lab .bar-neutral{\n  background:var(--peach);\n  color:#173f59;\n}\n\n#dig-feed-lab .bar-pull{\n  background:#91a1ab;\n  color:#ffffff;\n}\n\n#dig-feed-lab .graph-legend{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:8px;\n  margin-top:15px;\n}\n\n#dig-feed-lab .legend-item{\n  padding:11px;\n  border-radius:12px;\n  background:rgba(255,255,255,.08);\n  text-align:center;\n}\n\n#dig-feed-lab .legend-value{\n  display:block;\n  color:#ffffff;\n  font-size:21px;\n  font-weight:800;\n}\n\n#dig-feed-lab .legend-label{\n  display:block;\n  margin-top:2px;\n  color:#d7e6ed;\n  font-family:Verdana,Arial,sans-serif;\n  font-size:10px;\n  line-height:1.35;\n}\n\n#dig-feed-lab .graph-empty{\n  margin-top:13px;\n  color:#aac4d2;\n  font-family:Verdana,Arial,sans-serif;\n  font-size:12px;\n  text-align:center;\n}\n\n\n\/* =========================================================\n   GOAL CARDS\n========================================================= *\/\n\n#dig-feed-lab .goal-grid{\n  display:grid;\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  gap:9px;\n}\n\n#dig-feed-lab .goal-option{\n  position:relative;\n  cursor:pointer;\n}\n\n#dig-feed-lab .goal-option input{\n  position:absolute;\n  opacity:0;\n}\n\n#dig-feed-lab .goal-box{\n  min-height:67px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  text-align:center;\n  padding:12px;\n  border:2px solid var(--border);\n  border-radius:14px;\n  background:#ffffff;\n  color:var(--navy);\n  font-size:13px;\n  font-weight:800;\n  transition:\n    transform .2s ease,\n    border-color .2s ease,\n    background .2s ease;\n}\n\n#dig-feed-lab .goal-option:nth-child(even) .goal-box{\n  background:var(--peach-light);\n}\n\n#dig-feed-lab .goal-option input:checked + .goal-box{\n  border-color:var(--blue);\n  background:#e6f4fb;\n  transform:translateY(-3px);\n}\n\n\n\/* =========================================================\n   MORE \/ LESS\n========================================================= *\/\n\n#dig-feed-lab .more-less{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:11px;\n  margin-top:20px;\n}\n\n#dig-feed-lab .direction-card{\n  border-radius:18px;\n  padding:18px;\n  border:1px solid var(--border);\n}\n\n#dig-feed-lab .direction-more{\n  background:var(--blue-light);\n}\n\n#dig-feed-lab .direction-less{\n  background:var(--peach-light);\n  border-color:#eadfd5;\n}\n\n#dig-feed-lab .direction-card strong{\n  display:block;\n  color:var(--navy);\n  font-size:15px;\n  margin-bottom:8px;\n}\n\n\n\/* =========================================================\n   ACTIONS TO TRY\n========================================================= *\/\n\n#dig-feed-lab .action-grid{\n  display:grid;\n  grid-template-columns:repeat(2,minmax(0,1fr));\n  gap:10px;\n}\n\n#dig-feed-lab .action-option{\n  position:relative;\n  cursor:pointer;\n}\n\n#dig-feed-lab .action-option input{\n  position:absolute;\n  opacity:0;\n}\n\n#dig-feed-lab .action-box{\n  min-height:79px;\n  display:flex;\n  align-items:center;\n  padding:14px 15px;\n  border:2px solid var(--border);\n  border-radius:15px;\n  background:#ffffff;\n  color:var(--navy);\n  font-family:Verdana,Arial,sans-serif;\n  font-size:13px;\n  line-height:1.5;\n  font-weight:700;\n  transition:\n    transform .2s ease,\n    border-color .2s ease,\n    background .2s ease;\n}\n\n#dig-feed-lab .action-option:nth-child(even) .action-box{\n  background:var(--peach-light);\n}\n\n#dig-feed-lab .action-option input:checked + .action-box{\n  border-color:var(--blue);\n  background:#e7f4fb;\n  transform:translateY(-3px);\n}\n\n\n\/* =========================================================\n   ONE-WEEK EXPERIMENT\n========================================================= *\/\n\n#dig-feed-lab .experiment{\n  margin-top:22px;\n  background:linear-gradient(135deg,#eef7fc,#fff5ec);\n  border:1px solid var(--border);\n  border-radius:22px;\n  padding:23px;\n}\n\n#dig-feed-lab .experiment-title{\n  color:var(--navy);\n  font-size:19px;\n  font-weight:800;\n  margin-bottom:4px;\n}\n\n#dig-feed-lab .experiment-note{\n  color:var(--muted);\n  font-family:Verdana,Arial,sans-serif;\n  font-size:12px;\n  line-height:1.55;\n  margin-bottom:18px;\n}\n\n#dig-feed-lab .compare-row{\n  display:grid;\n  grid-template-columns:115px 1fr;\n  gap:11px;\n  align-items:center;\n  margin:11px 0;\n}\n\n#dig-feed-lab .compare-label{\n  color:var(--navy);\n  font-size:12px;\n  font-weight:800;\n}\n\n#dig-feed-lab .mini-bar{\n  display:flex;\n  height:33px;\n  border-radius:10px;\n  overflow:hidden;\n  background:#e6edf1;\n}\n\n#dig-feed-lab .mini-support,\n#dig-feed-lab .mini-neutral,\n#dig-feed-lab .mini-pull{\n  width:0;\n  transition:width .5s ease;\n}\n\n#dig-feed-lab .mini-support{\n  background:var(--support);\n}\n\n#dig-feed-lab .mini-neutral{\n  background:var(--peach);\n}\n\n#dig-feed-lab .mini-pull{\n  background:#91a1ab;\n}\n\n#dig-feed-lab .experiment-message{\n  margin-top:17px;\n  padding-top:15px;\n  border-top:1px solid #d7e6ed;\n  color:var(--navy);\n  font-family:Verdana,Arial,sans-serif;\n  font-size:13px;\n  line-height:1.6;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   SUMMARY\n========================================================= *\/\n\n#dig-feed-lab .summary{\n  position:relative;\n  overflow:hidden;\n  background:var(--navy);\n  color:#ffffff;\n  border-radius:25px;\n  padding:28px;\n  margin:20px 0;\n}\n\n#dig-feed-lab .summary::after{\n  content:\"\";\n  position:absolute;\n  width:180px;\n  height:180px;\n  right:-90px;\n  bottom:-90px;\n  border-radius:50%;\n  background:rgba(113,175,219,.13);\n}\n\n#dig-feed-lab .summary > *{\n  position:relative;\n  z-index:1;\n}\n\n#dig-feed-lab .summary-kicker{\n  color:var(--peach);\n  font-size:12px;\n  font-weight:800;\n  text-transform:uppercase;\n  letter-spacing:.07em;\n}\n\n#dig-feed-lab .summary-title{\n  margin:4px 0 18px;\n  color:#ffffff;\n  font-size:25px;\n  font-weight:800;\n}\n\n#dig-feed-lab .summary-grid{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:10px;\n}\n\n#dig-feed-lab .summary-item{\n  padding:15px;\n  border-radius:14px;\n  background:rgba(255,255,255,.09);\n  border:1px solid rgba(255,255,255,.13);\n}\n\n#dig-feed-lab .summary-wide{\n  grid-column:1 \/ -1;\n}\n\n#dig-feed-lab .summary-label{\n  color:#b9dff3;\n  font-size:10px;\n  font-weight:800;\n  text-transform:uppercase;\n  letter-spacing:.05em;\n  margin-bottom:4px;\n}\n\n#dig-feed-lab .summary-value{\n  color:#ffffff;\n  font-family:Verdana,Arial,sans-serif;\n  font-size:13px;\n  line-height:1.55;\n  white-space:pre-wrap;\n  overflow-wrap:anywhere;\n}\n\n#dig-feed-lab .summary-message{\n  margin-top:17px;\n  padding-top:16px;\n  border-top:1px solid rgba(255,255,255,.15);\n  color:#ffffff;\n  font-size:18px;\n  font-weight:800;\n  line-height:1.5;\n}\n\n\n\/* =========================================================\n   SUPPORT\n========================================================= *\/\n\n#dig-feed-lab .support{\n  background:var(--peach-light);\n  border-left:6px solid var(--peach);\n  border-radius:20px;\n  padding:23px;\n  margin:20px 0;\n}\n\n#dig-feed-lab .support-title{\n  color:#8a5a34;\n  font-size:12px;\n  font-weight:800;\n  text-transform:uppercase;\n  letter-spacing:.07em;\n  margin-bottom:7px;\n}\n\n#dig-feed-lab .support p{\n  margin:0;\n  color:#425d6d;\n  font-family:Verdana,Arial,sans-serif;\n  font-size:14px;\n  line-height:1.65;\n}\n\n\n\/* =========================================================\n   BUTTONS \u2013 BOTTOM ONLY\n========================================================= *\/\n\n#dig-feed-lab .actions{\n  display:flex;\n  flex-wrap:wrap;\n  gap:10px;\n  margin:24px 0 8px;\n}\n\n#dig-feed-lab .btn{\n  min-height:47px;\n  border:0;\n  border-radius:12px;\n  padding:13px 18px;\n  cursor:pointer;\n  font-family:Ubuntu,Arial,sans-serif;\n  font-size:15px;\n  font-weight:800;\n}\n\n#dig-feed-lab .btn-primary{\n  color:#ffffff;\n  background:var(--blue);\n}\n\n#dig-feed-lab .btn-secondary{\n  color:var(--blue);\n  background:#ffffff;\n  border:2px solid var(--border);\n}\n\n#dig-feed-lab .privacy{\n  color:var(--muted);\n  font-family:Verdana,Arial,sans-serif;\n  font-size:12px;\n}\n\n\n\/* =========================================================\n   FOOTER\n========================================================= *\/\n\n#dig-feed-lab .footer{\n  background:#ffffff;\n  border:1px solid var(--border);\n  border-radius:20px;\n  padding:20px;\n  margin-top:24px;\n}\n\n#dig-feed-lab .footer-top{\n  display:flex;\n  align-items:flex-start;\n  gap:22px;\n  flex-wrap:wrap;\n}\n\n#dig-feed-lab .footer .dig-eu-logo{\n  width:180px;\n}\n\n#dig-feed-lab .disclaimer{\n  flex:1 1 440px;\n  margin:0;\n  color:var(--muted);\n  font-family:Verdana,Arial,sans-serif;\n  font-size:11px;\n  line-height:1.6;\n}\n\n#dig-feed-lab .project-number{\n  margin-top:14px;\n  padding-top:12px;\n  border-top:1px solid var(--border);\n  color:var(--muted);\n  font-family:Verdana,Arial,sans-serif;\n  font-size:11px;\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:720px){\n\n  #dig-feed-lab{\n    padding:18px 10px 34px;\n  }\n\n  #dig-feed-lab .hero{\n    padding:28px 22px;\n  }\n\n  #dig-feed-lab h1{\n    font-size:31px;\n  }\n\n  #dig-feed-lab .feed-grid,\n  #dig-feed-lab .goal-grid,\n  #dig-feed-lab .action-grid,\n  #dig-feed-lab .more-less,\n  #dig-feed-lab .summary-grid{\n    grid-template-columns:1fr;\n  }\n\n  #dig-feed-lab .summary-wide{\n    grid-column:auto;\n  }\n\n  #dig-feed-lab .graph-legend{\n    grid-template-columns:1fr;\n  }\n\n  #dig-feed-lab .compare-row{\n    grid-template-columns:1fr;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n  #dig-feed-lab *,\n  #dig-feed-lab *::before,\n  #dig-feed-lab *::after{\n    animation:none !important;\n    transition:none !important;\n  }\n\n}\n\n\n\/* =========================================================\n   PRINT\n========================================================= *\/\n\n@media print{\n\n  body{\n    background:#ffffff !important;\n  }\n\n  #dig-feed-lab{\n    background:#ffffff !important;\n    padding:0 !important;\n  }\n\n  #dig-feed-lab .actions,\n  #dig-feed-lab .privacy,\n  #dig-feed-lab .progress-card{\n    display:none !important;\n  }\n\n  #dig-feed-lab .step,\n  #dig-feed-lab .summary,\n  #dig-feed-lab .hero,\n  #dig-feed-lab .dig-topbar,\n  #dig-feed-lab .footer,\n  #dig-feed-lab .support{\n    box-shadow:none !important;\n    break-inside:avoid;\n  }\n\n}\n\n<\/style>\n\n\n<div class=\"dig-shell\">\n\n\n  <!-- =====================================================\n       BRANDING\n  ====================================================== -->\n\n  <div class=\"dig-topbar\">\n\n    <img data-recalc-dims=\"1\" decoding=\"async\" class=\"dig-project-logo\" src=\"https:\/\/i0.wp.com\/erasmuslife4you.com\/wp-content\/uploads\/2026\/08\/DIG-FINAL-LOGO1.png?w=640&#038;ssl=1\" alt=\"DIG \u2013 Delay Instant Gratification for a Better Life\">\n\n    <img data-recalc-dims=\"1\" decoding=\"async\" class=\"dig-eu-logo\" src=\"https:\/\/i0.wp.com\/erasmuslife4you.com\/wp-content\/uploads\/2026\/05\/erasmus-logo.png?w=640&#038;ssl=1\" alt=\"Co-funded by the European Union\">\n\n  <\/div>\n\n\n\n  <!-- =====================================================\n       HERO\n  ====================================================== -->\n\n  <section class=\"hero\">\n\n    <div class=\"eyebrow\">\n      Module 3 \u2022 Activity 3\n    <\/div>\n\n    <h1>\n      My Goal-Aligned Feed Check\n    <\/h1>\n\n    <p>\n      Sample what your feed is giving your attention to, see the balance,\n      and choose one small change that better supports your goals.\n    <\/p>\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       PROGRESS\n  ====================================================== -->\n\n  <div class=\"progress-card\">\n\n    <div class=\"progress-top\">\n\n      <div class=\"progress-title\">\n        My Feed Lab\n      <\/div>\n\n      <div class=\"progress-value\">\n        <span id=\"fl-progress-number\">0<\/span>\/4 steps\n      <\/div>\n\n    <\/div>\n\n    <div class=\"progress-track\">\n      <div class=\"progress-fill\" id=\"fl-progress-fill\"><\/div>\n    <\/div>\n\n  <\/div>\n\n\n\n  <!-- =====================================================\n       STEP 1 \u2013 SAMPLE THE FEED\n  ====================================================== -->\n\n  <section class=\"step step-blue\">\n\n    <div class=\"step-label\">\n      Step 1\n    <\/div>\n\n    <h2>\n      Sample six things you recently saw\n    <\/h2>\n\n    <p class=\"help\">\n      Think about six recent posts, videos, accounts, trends or other pieces\n      of content. You do not need exact titles. A few words are enough.\n    <\/p>\n\n\n    <div class=\"feed-grid\">\n\n\n      <!-- CARD 1 -->\n\n      <div class=\"feed-card\" data-feed-card>\n\n        <div class=\"feed-number\">1<\/div>\n\n        <label>\n          What did you see?\n        <\/label>\n\n        <input\n          type=\"text\"\n          class=\"feed-text\"\n          placeholder=\"For example: fitness video\">\n\n        <div class=\"feed-state-row\">\n\n          <button type=\"button\" class=\"state-btn\" data-state=\"support\">\n            Supports me\n          <\/button>\n\n          <button type=\"button\" class=\"state-btn\" data-state=\"neutral\">\n            Just for fun\n          <\/button>\n\n          <button type=\"button\" class=\"state-btn\" data-state=\"pull\">\n            Pulls me away\n          <\/button>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- CARD 2 -->\n\n      <div class=\"feed-card\" data-feed-card>\n\n        <div class=\"feed-number\">2<\/div>\n\n        <label>\n          What did you see?\n        <\/label>\n\n        <input\n          type=\"text\"\n          class=\"feed-text\"\n          placeholder=\"For example: fashion trend\">\n\n        <div class=\"feed-state-row\">\n\n          <button type=\"button\" class=\"state-btn\" data-state=\"support\">\n            Supports me\n          <\/button>\n\n          <button type=\"button\" class=\"state-btn\" data-state=\"neutral\">\n            Just for fun\n          <\/button>\n\n          <button type=\"button\" class=\"state-btn\" data-state=\"pull\">\n            Pulls me away\n          <\/button>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- CARD 3 -->\n\n      <div class=\"feed-card\" data-feed-card>\n\n        <div class=\"feed-number\">3<\/div>\n\n        <label>\n          What did you see?\n        <\/label>\n\n        <input\n          type=\"text\"\n          class=\"feed-text\"\n          placeholder=\"For example: study tips\">\n\n        <div class=\"feed-state-row\">\n\n          <button type=\"button\" class=\"state-btn\" data-state=\"support\">\n            Supports me\n          <\/button>\n\n          <button type=\"button\" class=\"state-btn\" data-state=\"neutral\">\n            Just for fun\n          <\/button>\n\n          <button type=\"button\" class=\"state-btn\" data-state=\"pull\">\n            Pulls me away\n          <\/button>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- CARD 4 -->\n\n      <div class=\"feed-card\" data-feed-card>\n\n        <div class=\"feed-number\">4<\/div>\n\n        <label>\n          What did you see?\n        <\/label>\n\n        <input\n          type=\"text\"\n          class=\"feed-text\"\n          placeholder=\"For example: funny clips\">\n\n        <div class=\"feed-state-row\">\n\n          <button type=\"button\" class=\"state-btn\" data-state=\"support\">\n            Supports me\n          <\/button>\n\n          <button type=\"button\" class=\"state-btn\" data-state=\"neutral\">\n            Just for fun\n          <\/button>\n\n          <button type=\"button\" class=\"state-btn\" data-state=\"pull\">\n            Pulls me away\n          <\/button>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- CARD 5 -->\n\n      <div class=\"feed-card\" data-feed-card>\n\n        <div class=\"feed-number\">5<\/div>\n\n        <label>\n          What did you see?\n        <\/label>\n\n        <input\n          type=\"text\"\n          class=\"feed-text\"\n          placeholder=\"For example: travel posts\">\n\n        <div class=\"feed-state-row\">\n\n          <button type=\"button\" class=\"state-btn\" data-state=\"support\">\n            Supports me\n          <\/button>\n\n          <button type=\"button\" class=\"state-btn\" data-state=\"neutral\">\n            Just for fun\n          <\/button>\n\n          <button type=\"button\" class=\"state-btn\" data-state=\"pull\">\n            Pulls me away\n          <\/button>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- CARD 6 -->\n\n      <div class=\"feed-card\" data-feed-card>\n\n        <div class=\"feed-number\">6<\/div>\n\n        <label>\n          What did you see?\n        <\/label>\n\n        <input\n          type=\"text\"\n          class=\"feed-text\"\n          placeholder=\"For example: comparison content\">\n\n        <div class=\"feed-state-row\">\n\n          <button type=\"button\" class=\"state-btn\" data-state=\"support\">\n            Supports me\n          <\/button>\n\n          <button type=\"button\" class=\"state-btn\" data-state=\"neutral\">\n            Just for fun\n          <\/button>\n\n          <button type=\"button\" class=\"state-btn\" data-state=\"pull\">\n            Pulls me away\n          <\/button>\n\n        <\/div>\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <!-- LIVE GRAPH -->\n\n    <div class=\"graph-panel\">\n\n      <div class=\"graph-title\">\n        My Feed Balance\n      <\/div>\n\n      <div class=\"graph-note\">\n        The graph changes as you classify your six examples.\n      <\/div>\n\n\n      <div class=\"stacked-bar\">\n\n        <div class=\"bar-support\" id=\"fl-bar-support\">\n        <\/div>\n\n        <div class=\"bar-neutral\" id=\"fl-bar-neutral\">\n        <\/div>\n\n        <div class=\"bar-pull\" id=\"fl-bar-pull\">\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"graph-legend\">\n\n\n        <div class=\"legend-item\">\n\n          <span class=\"legend-value\" id=\"fl-count-support\">\n            0\n          <\/span>\n\n          <span class=\"legend-label\">\n            Supports me\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"legend-item\">\n\n          <span class=\"legend-value\" id=\"fl-count-neutral\">\n            0\n          <\/span>\n\n          <span class=\"legend-label\">\n            Just for fun\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"legend-item\">\n\n          <span class=\"legend-value\" id=\"fl-count-pull\">\n            0\n          <\/span>\n\n          <span class=\"legend-label\">\n            Pulls me away\n          <\/span>\n\n        <\/div>\n\n\n      <\/div>\n\n\n      <div class=\"graph-empty\" id=\"fl-graph-empty\">\n\n        Classify your examples to build the graph.\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       STEP 2 \u2013 GOAL LENS\n  ====================================================== -->\n\n  <section class=\"step step-peach\">\n\n    <div class=\"step-label\">\n      Step 2\n    <\/div>\n\n    <h2>\n      What do you want more space for?\n    <\/h2>\n\n    <p class=\"help\">\n      Choose one area that matters to you right now.\n    <\/p>\n\n\n    <div class=\"goal-grid\">\n\n\n      <label class=\"goal-option\">\n\n        <input\n          type=\"radio\"\n          name=\"fl-goal\"\n          value=\"learn\">\n\n        <span class=\"goal-box\">\n          Learn or study\n        <\/span>\n\n      <\/label>\n\n\n      <label class=\"goal-option\">\n\n        <input\n          type=\"radio\"\n          name=\"fl-goal\"\n          value=\"create\">\n\n        <span class=\"goal-box\">\n          Create something\n        <\/span>\n\n      <\/label>\n\n\n      <label class=\"goal-option\">\n\n        <input\n          type=\"radio\"\n          name=\"fl-goal\"\n          value=\"move\">\n\n        <span class=\"goal-box\">\n          Move or practise\n        <\/span>\n\n      <\/label>\n\n\n      <label class=\"goal-option\">\n\n        <input\n          type=\"radio\"\n          name=\"fl-goal\"\n          value=\"connect\">\n\n        <span class=\"goal-box\">\n          Connect with people\n        <\/span>\n\n      <\/label>\n\n\n      <label class=\"goal-option\">\n\n        <input\n          type=\"radio\"\n          name=\"fl-goal\"\n          value=\"rest\">\n\n        <span class=\"goal-box\">\n          Rest or recharge\n        <\/span>\n\n      <\/label>\n\n\n      <label class=\"goal-option\">\n\n        <input\n          type=\"radio\"\n          name=\"fl-goal\"\n          value=\"other\">\n\n        <span class=\"goal-box\">\n          Something else\n        <\/span>\n\n      <\/label>\n\n\n    <\/div>\n\n\n\n    <div class=\"more-less\">\n\n\n      <div class=\"direction-card direction-more\">\n\n        <strong>\n          I want to see more content that helps me...\n        <\/strong>\n\n        <input\n          type=\"text\"\n          id=\"fl-more\"\n          placeholder=\"For example: learn, create, practise, relax...\">\n\n      <\/div>\n\n\n      <div class=\"direction-card direction-less\">\n\n        <strong>\n          I want to see less content that makes me feel...\n        <\/strong>\n\n        <input\n          type=\"text\"\n          id=\"fl-less\"\n          placeholder=\"For example: distracted, pressured, insecure...\">\n\n      <\/div>\n\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       STEP 3 \u2013 ONE CHANGE\n  ====================================================== -->\n\n  <section class=\"step step-blue\">\n\n    <div class=\"step-label\">\n      Step 3\n    <\/div>\n\n    <h2>\n      Choose one small change for this week\n    <\/h2>\n\n    <p class=\"help\">\n      Do not redesign your whole online life. Pick one action you can realistically try.\n    <\/p>\n\n\n    <div class=\"action-grid\">\n\n\n      <label class=\"action-option\">\n\n        <input\n          type=\"radio\"\n          name=\"fl-action\"\n          value=\"mute\">\n\n        <span class=\"action-box\">\n          Mute or reduce one account or type of content that regularly pulls me away.\n        <\/span>\n\n      <\/label>\n\n\n      <label class=\"action-option\">\n\n        <input\n          type=\"radio\"\n          name=\"fl-action\"\n          value=\"follow\">\n\n        <span class=\"action-box\">\n          Follow or save one source that supports something I want to learn or practise.\n        <\/span>\n\n      <\/label>\n\n\n      <label class=\"action-option\">\n\n        <input\n          type=\"radio\"\n          name=\"fl-action\"\n          value=\"engage\">\n\n        <span class=\"action-box\">\n          Stop engaging with one trend that keeps distracting me.\n        <\/span>\n\n      <\/label>\n\n\n      <label class=\"action-option\">\n\n        <input\n          type=\"radio\"\n          name=\"fl-action\"\n          value=\"pause\">\n\n        <span class=\"action-box\">\n          Pause before liking, saving or watching more of content that does not fit my goal.\n        <\/span>\n\n      <\/label>\n\n\n      <label class=\"action-option\">\n\n        <input\n          type=\"radio\"\n          name=\"fl-action\"\n          value=\"sponsored\">\n\n        <span class=\"action-box\">\n          Pay closer attention to when content is sponsored or trying to sell me something.\n        <\/span>\n\n      <\/label>\n\n\n      <label class=\"action-option\">\n\n        <input\n          type=\"radio\"\n          name=\"fl-action\"\n          value=\"search\">\n\n        <span class=\"action-box\">\n          Intentionally search for one topic that supports my current goal.\n        <\/span>\n\n      <\/label>\n\n\n    <\/div>\n\n\n\n    <!-- EXPERIMENT GRAPH -->\n\n    <div class=\"experiment\">\n\n      <div class=\"experiment-title\">\n        My One-Week Feed Experiment\n      <\/div>\n\n      <div class=\"experiment-note\">\n        This is an attention plan \u2014 not a prediction of what an algorithm will do.\n        It shows the direction you want to move in.\n      <\/div>\n\n\n      <div class=\"compare-row\">\n\n        <div class=\"compare-label\">\n          Current sample\n        <\/div>\n\n        <div class=\"mini-bar\">\n\n          <div class=\"mini-support\" id=\"fl-current-support\">\n          <\/div>\n\n          <div class=\"mini-neutral\" id=\"fl-current-neutral\">\n          <\/div>\n\n          <div class=\"mini-pull\" id=\"fl-current-pull\">\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"compare-row\">\n\n        <div class=\"compare-label\">\n          My intention\n        <\/div>\n\n        <div class=\"mini-bar\">\n\n          <div class=\"mini-support\" id=\"fl-plan-support\">\n          <\/div>\n\n          <div class=\"mini-neutral\" id=\"fl-plan-neutral\">\n          <\/div>\n\n          <div class=\"mini-pull\" id=\"fl-plan-pull\">\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"experiment-message\" id=\"fl-experiment-message\">\n\n        Choose one action above to create your one-week experiment.\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       STEP 4 \u2013 REFLECTION\n  ====================================================== -->\n\n  <section class=\"step step-peach\">\n\n    <div class=\"step-label\">\n      Step 4\n    <\/div>\n\n    <h2>\n      What do you want to notice this week?\n    <\/h2>\n\n    <p class=\"help\">\n      Think beyond screen time. Notice what repeatedly gets your attention and how it affects you.\n    <\/p>\n\n\n    <textarea id=\"fl-reflection\" placeholder=\"For example: I want to notice whether I feel more focused when I stop engaging with comparison-heavy content.\"><\/textarea>\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       SUPPORT\n  ====================================================== -->\n\n  <div class=\"support\">\n\n    <div class=\"support-title\">\n      If This Is Hard\n    <\/div>\n\n    <p>\n      Start with just one account, one repeated trend or one type of content.\n      A useful change can be very small.\n    <\/p>\n\n  <\/div>\n\n\n\n  <!-- =====================================================\n       FINAL SUMMARY\n  ====================================================== -->\n\n  <section class=\"summary\">\n\n    <div class=\"summary-kicker\">\n      My Goal-Aligned Feed Check\n    <\/div>\n\n    <div class=\"summary-title\">\n      My one-week experiment\n    <\/div>\n\n\n    <div class=\"summary-grid\">\n\n\n      <div class=\"summary-item\">\n\n        <div class=\"summary-label\">\n          Feed sample\n        <\/div>\n\n        <div class=\"summary-value\" id=\"fl-summary-mix\">\n          \u2014\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"summary-item\">\n\n        <div class=\"summary-label\">\n          My goal\n        <\/div>\n\n        <div class=\"summary-value\" id=\"fl-summary-goal\">\n          \u2014\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"summary-item\">\n\n        <div class=\"summary-label\">\n          More of\n        <\/div>\n\n        <div class=\"summary-value\" id=\"fl-summary-more\">\n          \u2014\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"summary-item\">\n\n        <div class=\"summary-label\">\n          Less of\n        <\/div>\n\n        <div class=\"summary-value\" id=\"fl-summary-less\">\n          \u2014\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"summary-item summary-wide\">\n\n        <div class=\"summary-label\">\n          One change I will try\n        <\/div>\n\n        <div class=\"summary-value\" id=\"fl-summary-action\">\n          \u2014\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"summary-item summary-wide\">\n\n        <div class=\"summary-label\">\n          What I want to notice\n        <\/div>\n\n        <div class=\"summary-value\" id=\"fl-summary-reflection\">\n          \u2014\n        <\/div>\n\n      <\/div>\n\n\n    <\/div>\n\n\n    <div class=\"summary-message\">\n      I do not need to control everything I see online.\n      I can choose what I repeatedly give more of my attention to.\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       ACTIONS \u2013 BOTTOM ONLY\n  ====================================================== -->\n\n  <div class=\"actions\">\n\n    <button type=\"button\" class=\"btn btn-primary\" id=\"fl-print\">\n\n      Print \/ Save as PDF\n\n    <\/button>\n\n\n    <button type=\"button\" class=\"btn btn-secondary\" id=\"fl-clear\">\n\n      Clear my Feed Lab\n\n    <\/button>\n\n  <\/div>\n\n\n  <div class=\"privacy\">\n    Your answers stay on this page while you are using it.\n    They are not submitted, graded or shared.\n  <\/div>\n\n\n\n  <!-- =====================================================\n       FUNDING FOOTER\n  ====================================================== -->\n\n  <footer class=\"footer\">\n\n    <div class=\"footer-top\">\n\n      <img data-recalc-dims=\"1\" decoding=\"async\" class=\"dig-eu-logo\" src=\"https:\/\/i0.wp.com\/erasmuslife4you.com\/wp-content\/uploads\/2026\/05\/erasmus-logo.png?w=640&#038;ssl=1\" alt=\"Co-funded by the European Union\">\n\n\n      <p class=\"disclaimer\">\n        Funded by the European Union. Views and opinions expressed are however\n        those of the author(s) only and do not necessarily reflect those of\n        the European Union or the European Education and Culture Executive\n        Agency (EACEA). Neither the European Union nor EACEA can be held\n        responsible for them.\n      <\/p>\n\n    <\/div>\n\n\n    <div class=\"project-number\">\n      DIG \u2013 Delay Instant Gratification for a Better Life \u00b7\n      Erasmus+ KA220-YOU \u00b7\n      Project No. 2024-1-PL01-KA220-YOU-000247051\n    <\/div>\n\n  <\/footer>\n\n\n<\/div>\n\n\n\n<script>\n\n(function(){\n\n  var root =\n    document.getElementById('dig-feed-lab');\n\n  if(!root || root.dataset.ready === '1'){\n    return;\n  }\n\n  root.dataset.ready = '1';\n\n\n\n  \/* =====================================================\n     ELEMENTS\n  ====================================================== *\/\n\n  var feedCards =\n    Array.from(\n      root.querySelectorAll('[data-feed-card]')\n    );\n\n  var goalInputs =\n    root.querySelectorAll('input[name=\"fl-goal\"]');\n\n  var actionInputs =\n    root.querySelectorAll('input[name=\"fl-action\"]');\n\n  var moreInput =\n    root.querySelector('#fl-more');\n\n  var lessInput =\n    root.querySelector('#fl-less');\n\n  var reflection =\n    root.querySelector('#fl-reflection');\n\n\n\n  \/* =====================================================\n     HELPERS\n  ====================================================== *\/\n\n  function selectedRadio(name){\n\n    return root.querySelector(\n      'input[name=\"' + name + '\"]:checked'\n    );\n\n  }\n\n\n  function getCardState(card){\n\n    var active =\n      card.querySelector('.state-btn.active');\n\n    return active\n      ? active.getAttribute('data-state')\n      : '';\n\n  }\n\n\n  function getCounts(){\n\n    var counts = {\n      support:0,\n      neutral:0,\n      pull:0,\n      total:0\n    };\n\n\n    feedCards.forEach(function(card){\n\n      var state =\n        getCardState(card);\n\n      if(state){\n\n        counts[state]++;\n        counts.total++;\n\n      }\n\n    });\n\n\n    return counts;\n\n  }\n\n\n  function percentage(value,total){\n\n    if(!total){\n      return 0;\n    }\n\n    return (value \/ total) * 100;\n\n  }\n\n\n  function selectedLabel(input, optionSelector, boxSelector){\n\n    if(!input){\n      return '';\n    }\n\n    var option =\n      input.closest(optionSelector);\n\n    if(!option){\n      return '';\n    }\n\n    var box =\n      option.querySelector(boxSelector);\n\n    return box\n      ? box.textContent.trim()\n      : '';\n\n  }\n\n\n\n  \/* =====================================================\n     FEED CARDS\n  ====================================================== *\/\n\n  feedCards.forEach(function(card){\n\n    var buttons =\n      card.querySelectorAll('.state-btn');\n\n    var input =\n      card.querySelector('.feed-text');\n\n\n    buttons.forEach(function(button){\n\n      button.addEventListener(\n        'click',\n        function(){\n\n          buttons.forEach(function(other){\n\n            other.classList.remove('active');\n\n            other.setAttribute(\n              'aria-pressed',\n              'false'\n            );\n\n          });\n\n\n          button.classList.add('active');\n\n          button.setAttribute(\n            'aria-pressed',\n            'true'\n          );\n\n\n          updateAll();\n\n        }\n      );\n\n    });\n\n\n    input.addEventListener(\n      'input',\n      updateAll\n    );\n\n  });\n\n\n\n  \/* =====================================================\n     CURRENT GRAPH\n  ====================================================== *\/\n\n  function updateGraph(){\n\n    var counts =\n      getCounts();\n\n\n    var supportPct =\n      percentage(\n        counts.support,\n        counts.total\n      );\n\n    var neutralPct =\n      percentage(\n        counts.neutral,\n        counts.total\n      );\n\n    var pullPct =\n      percentage(\n        counts.pull,\n        counts.total\n      );\n\n\n    root.querySelector(\n      '#fl-bar-support'\n    ).style.width =\n      supportPct + '%';\n\n\n    root.querySelector(\n      '#fl-bar-neutral'\n    ).style.width =\n      neutralPct + '%';\n\n\n    root.querySelector(\n      '#fl-bar-pull'\n    ).style.width =\n      pullPct + '%';\n\n\n    root.querySelector(\n      '#fl-count-support'\n    ).textContent =\n      counts.support;\n\n\n    root.querySelector(\n      '#fl-count-neutral'\n    ).textContent =\n      counts.neutral;\n\n\n    root.querySelector(\n      '#fl-count-pull'\n    ).textContent =\n      counts.pull;\n\n\n    root.querySelector(\n      '#fl-graph-empty'\n    ).style.display =\n      counts.total\n        ? 'none'\n        : 'block';\n\n\n    feedCards.forEach(function(card){\n\n      var text =\n        card\n          .querySelector('.feed-text')\n          .value\n          .trim();\n\n      var state =\n        getCardState(card);\n\n\n      if(text && state){\n\n        card.classList.add(\n          'is-complete'\n        );\n\n      }else{\n\n        card.classList.remove(\n          'is-complete'\n        );\n\n      }\n\n    });\n\n  }\n\n\n\n  \/* =====================================================\n     EXPERIMENT GRAPH\n  ====================================================== *\/\n\n  function updateExperiment(){\n\n    var counts =\n      getCounts();\n\n    var action =\n      selectedRadio('fl-action');\n\n\n    var currentSupport =\n      counts.support;\n\n    var currentNeutral =\n      counts.neutral;\n\n    var currentPull =\n      counts.pull;\n\n\n    var plannedSupport =\n      currentSupport;\n\n    var plannedNeutral =\n      currentNeutral;\n\n    var plannedPull =\n      currentPull;\n\n\n    \/*\n       This is an attention intention,\n       not an algorithm prediction.\n\n       If an action is selected:\n       - shift one \"pull\" slot toward support when possible.\n       - otherwise shift one neutral slot toward support.\n    *\/\n\n    if(action && counts.total){\n\n      if(plannedPull > 0){\n\n        plannedPull--;\n        plannedSupport++;\n\n      }else if(plannedNeutral > 0){\n\n        plannedNeutral--;\n        plannedSupport++;\n\n      }\n\n    }\n\n\n    var total =\n      counts.total;\n\n\n    root.querySelector(\n      '#fl-current-support'\n    ).style.width =\n      percentage(\n        currentSupport,\n        total\n      ) + '%';\n\n\n    root.querySelector(\n      '#fl-current-neutral'\n    ).style.width =\n      percentage(\n        currentNeutral,\n        total\n      ) + '%';\n\n\n    root.querySelector(\n      '#fl-current-pull'\n    ).style.width =\n      percentage(\n        currentPull,\n        total\n      ) + '%';\n\n\n    root.querySelector(\n      '#fl-plan-support'\n    ).style.width =\n      percentage(\n        plannedSupport,\n        total\n      ) + '%';\n\n\n    root.querySelector(\n      '#fl-plan-neutral'\n    ).style.width =\n      percentage(\n        plannedNeutral,\n        total\n      ) + '%';\n\n\n    root.querySelector(\n      '#fl-plan-pull'\n    ).style.width =\n      percentage(\n        plannedPull,\n        total\n      ) + '%';\n\n\n    var message =\n      root.querySelector(\n        '#fl-experiment-message'\n      );\n\n\n    if(!counts.total){\n\n      message.textContent =\n        'Complete your feed sample first.';\n\n      return;\n\n    }\n\n\n    if(!action){\n\n      message.textContent =\n        'Choose one action above to create your one-week experiment.';\n\n      return;\n\n    }\n\n\n    message.textContent =\n      'Your experiment is about shifting one piece of attention toward something that better supports you.';\n\n  }\n\n\n\n  \/* =====================================================\n     SUMMARY\n  ====================================================== *\/\n\n  function updateSummary(){\n\n    var counts =\n      getCounts();\n\n    var goal =\n      selectedRadio('fl-goal');\n\n    var action =\n      selectedRadio('fl-action');\n\n\n    var goalText =\n      selectedLabel(\n        goal,\n        '.goal-option',\n        '.goal-box'\n      );\n\n\n    var actionText =\n      selectedLabel(\n        action,\n        '.action-option',\n        '.action-box'\n      );\n\n\n    var mix = '\u2014';\n\n\n    if(counts.total){\n\n      mix =\n        counts.support +\n        ' supports me \u2022 ' +\n        counts.neutral +\n        ' just for fun \u2022 ' +\n        counts.pull +\n        ' pulls me away';\n\n    }\n\n\n    root.querySelector(\n      '#fl-summary-mix'\n    ).textContent =\n      mix;\n\n\n    root.querySelector(\n      '#fl-summary-goal'\n    ).textContent =\n      goalText || '\u2014';\n\n\n    root.querySelector(\n      '#fl-summary-more'\n    ).textContent =\n      moreInput.value.trim() || '\u2014';\n\n\n    root.querySelector(\n      '#fl-summary-less'\n    ).textContent =\n      lessInput.value.trim() || '\u2014';\n\n\n    root.querySelector(\n      '#fl-summary-action'\n    ).textContent =\n      actionText || '\u2014';\n\n\n    root.querySelector(\n      '#fl-summary-reflection'\n    ).textContent =\n      reflection.value.trim() || '\u2014';\n\n  }\n\n\n\n  \/* =====================================================\n     PROGRESS\n  ====================================================== *\/\n\n  function updateProgress(){\n\n    var completed = 0;\n\n    var completeCards =\n      feedCards.filter(function(card){\n\n        return (\n          card\n            .querySelector('.feed-text')\n            .value\n            .trim() &&\n          getCardState(card)\n        );\n\n      }).length;\n\n\n    if(completeCards >= 3){\n      completed++;\n    }\n\n\n    if(\n      selectedRadio('fl-goal') &&\n      moreInput.value.trim() &&\n      lessInput.value.trim()\n    ){\n      completed++;\n    }\n\n\n    if(\n      selectedRadio('fl-action')\n    ){\n      completed++;\n    }\n\n\n    if(\n      reflection.value.trim()\n    ){\n      completed++;\n    }\n\n\n    root.querySelector(\n      '#fl-progress-number'\n    ).textContent =\n      completed;\n\n\n    root.querySelector(\n      '#fl-progress-fill'\n    ).style.width =\n      ((completed \/ 4) * 100) + '%';\n\n  }\n\n\n\n  \/* =====================================================\n     MASTER UPDATE\n  ====================================================== *\/\n\n  function updateAll(){\n\n    updateGraph();\n    updateExperiment();\n    updateSummary();\n    updateProgress();\n\n  }\n\n\n\n  \/* =====================================================\n     OTHER LISTENERS\n  ====================================================== *\/\n\n  goalInputs.forEach(function(input){\n\n    input.addEventListener(\n      'change',\n      updateAll\n    );\n\n  });\n\n\n  actionInputs.forEach(function(input){\n\n    input.addEventListener(\n      'change',\n      updateAll\n    );\n\n  });\n\n\n  [\n    moreInput,\n    lessInput,\n    reflection\n  ].forEach(function(input){\n\n    input.addEventListener(\n      'input',\n      updateAll\n    );\n\n  });\n\n\n\n  \/* =====================================================\n     PRINT\n  ====================================================== *\/\n\n  root\n    .querySelector('#fl-print')\n    .addEventListener(\n      'click',\n      function(){\n\n        updateAll();\n\n        window.print();\n\n      }\n    );\n\n\n\n  \/* =====================================================\n     CLEAR\n  ====================================================== *\/\n\n  root\n    .querySelector('#fl-clear')\n    .addEventListener(\n      'click',\n      function(){\n\n\n        feedCards.forEach(function(card){\n\n          card\n            .querySelector('.feed-text')\n            .value = '';\n\n\n          card\n            .querySelectorAll('.state-btn')\n            .forEach(function(button){\n\n              button.classList.remove(\n                'active'\n              );\n\n              button.setAttribute(\n                'aria-pressed',\n                'false'\n              );\n\n            });\n\n        });\n\n\n        goalInputs.forEach(function(input){\n          input.checked = false;\n        });\n\n\n        actionInputs.forEach(function(input){\n          input.checked = false;\n        });\n\n\n        moreInput.value = '';\n        lessInput.value = '';\n        reflection.value = '';\n\n\n        updateAll();\n\n\n        root.scrollIntoView({\n          behavior:'smooth',\n          block:'start'\n        });\n\n      }\n    );\n\n\n\n  \/* =====================================================\n     INITIALISE\n  ====================================================== *\/\n\n  updateAll();\n\n\n})();\n\n<\/script>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Module 3 \u2022 Activity 3 My Goal-Aligned Feed Check Sample what your feed is giving your attention to, see the balance, and choose one small change that better supports your goals. My Feed Lab 0\/4 steps Step 1 Sample six things you recently saw Think about six recent posts, videos, accounts, trends or other pieces [&hellip;]<\/p>\n","protected":false},"author":176376442,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"elearning_container_layout":"tg-site-layout--default","elearning_sidebar_layout":"tg-site-layout--default","elearning_remove_content_margin":false,"elearning_sidebar":"default","elearning_transparent_header":"customizer","elearning_logo":0,"elearning_header_style":"default","elearning_menu_item_color":"","elearning_menu_item_hover_color":"","elearning_menu_item_active_color":"","elearning_menu_item_active_style":"","elearning_page_header":true,"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_seo_schema_type":"","_wpcom_ai_launchpad_about_page":false,"_wpcom_ai_launchpad_gallery_page":false,"_wpcom_ai_launchpad_contact_page":false,"_wpcom_ai_launchpad_events_page":false,"_wpcom_ai_launchpad_video_page":false,"_wpcom_ai_launchpad_portfolio_piece":false,"_jetpack_hide_featured_image":false,"_jetpack_featured_image_duplicate_dismissed":0,"footnotes":""},"class_list":["post-6624","page","type-page","status-publish","hentry"],"jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/PhfHCT-1IQ","jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/erasmuslife4you.com\/pt\/wp-json\/wp\/v2\/pages\/6624","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/erasmuslife4you.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/erasmuslife4you.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/erasmuslife4you.com\/pt\/wp-json\/wp\/v2\/users\/176376442"}],"replies":[{"embeddable":true,"href":"https:\/\/erasmuslife4you.com\/pt\/wp-json\/wp\/v2\/comments?post=6624"}],"version-history":[{"count":1,"href":"https:\/\/erasmuslife4you.com\/pt\/wp-json\/wp\/v2\/pages\/6624\/revisions"}],"predecessor-version":[{"id":6625,"href":"https:\/\/erasmuslife4you.com\/pt\/wp-json\/wp\/v2\/pages\/6624\/revisions\/6625"}],"wp:attachment":[{"href":"https:\/\/erasmuslife4you.com\/pt\/wp-json\/wp\/v2\/media?parent=6624"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}