Daily Affirmation Journal<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n min-height: 100vh;\n padding: 20px;\n }\n\n .container {\n max-width: 800px;\n margin: 0 auto;\n background: rgba(255, 255, 255, 0.95);\n border-radius: 20px;\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n backdrop-filter: blur(10px);\n overflow: hidden;\n }\n\n .header {\n background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%);\n padding: 40px 30px;\n text-align: center;\n position: relative;\n }\n\n .header::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"><circle cx=\"20\" cy=\"20\" r=\"2\" fill=\"rgba(255,255,255,0.3)\"\/><circle cx=\"80\" cy=\"40\" r=\"1.5\" fill=\"rgba(255,255,255,0.4)\"\/><circle cx=\"40\" cy=\"80\" r=\"1\" fill=\"rgba(255,255,255,0.5)\"\/><\/svg>');\n }\n\n .header h1 {\n font-size: 2.5rem;\n color: #fff;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);\n position: relative;\n z-index: 1;\n }\n\n .header p {\n color: rgba(255, 255, 255, 0.9);\n font-size: 1.1rem;\n position: relative;\n z-index: 1;\n }\n\n .main-content {\n padding: 40px 30px;\n }\n\n .date-display {\n text-align: center;\n margin-bottom: 30px;\n padding: 15px;\n background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);\n border-radius: 15px;\n font-size: 1.2rem;\n font-weight: 600;\n color: #333;\n }\n\n .affirmation-section {\n margin-bottom: 30px;\n }\n\n .section-title {\n font-size: 1.3rem;\n color: #333;\n margin-bottom: 15px;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .section-title::before {\n content: '\u2728';\n font-size: 1.5rem;\n }\n\n .affirmation-input {\n width: 100%;\n min-height: 120px;\n padding: 20px;\n border: 2px solid #e0e0e0;\n border-radius: 15px;\n font-size: 1rem;\n font-family: inherit;\n resize: vertical;\n transition: all 0.3s ease;\n background: #f9f9f9;\n }\n\n .affirmation-input:focus {\n outline: none;\n border-color: #667eea;\n box-shadow: 0 0 20px rgba(102, 126, 234, 0.2);\n background: #fff;\n }\n\n .mood-selector {\n margin-bottom: 30px;\n }\n\n .mood-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\n gap: 15px;\n margin-top: 15px;\n }\n\n .mood-item {\n text-align: center;\n padding: 15px 10px;\n border-radius: 15px;\n cursor: pointer;\n transition: all 0.3s ease;\n background: #f0f0f0;\n border: 2px solid transparent;\n }\n\n .mood-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n }\n\n .mood-item.selected {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n color: white;\n border-color: #667eea;\n }\n\n .mood-emoji {\n font-size: 2rem;\n display: block;\n margin-bottom: 5px;\n }\n\n .action-buttons {\n display: flex;\n gap: 15px;\n justify-content: center;\n margin-top: 30px;\n }\n\n .btn {\n padding: 15px 30px;\n border: none;\n border-radius: 25px;\n font-size: 1rem;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n .btn-primary {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n color: white;\n }\n\n .btn-secondary {\n background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);\n color: #333;\n }\n\n .btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n }\n\n .entries-section {\n margin-top: 40px;\n border-top: 2px solid #eee;\n padding-top: 30px;\n }\n\n .entry-item {\n background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);\n color: white;\n padding: 20px;\n margin-bottom: 15px;\n border-radius: 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n }\n\n .entry-date {\n font-size: 0.9rem;\n opacity: 0.9;\n margin-bottom: 10px;\n }\n\n .entry-mood {\n font-size: 1.2rem;\n margin-bottom: 10px;\n }\n\n .entry-text {\n line-height: 1.6;\n }\n\n .delete-btn {\n background: rgba(255, 255, 255, 0.2);\n border: none;\n color: white;\n padding: 5px 10px;\n border-radius: 20px;\n cursor: pointer;\n float: right;\n margin-top: -5px;\n }\n\n .delete-btn:hover {\n background: rgba(255, 255, 255, 0.3);\n }\n\n .inspirational-quote {\n background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);\n padding: 20px;\n border-radius: 15px;\n text-align: center;\n margin-bottom: 30px;\n font-style: italic;\n font-size: 1.1rem;\n color: #333;\n }\n\n .empty-state {\n text-align: center;\n color: #666;\n font-style: italic;\n padding: 40px 20px;\n }\n\n @media (max-width: 768px) {\n .container {\n margin: 10px;\n border-radius: 15px;\n }\n\n .header {\n padding: 30px 20px;\n }\n\n .header h1 {\n font-size: 2rem;\n }\n\n .main-content {\n padding: 30px 20px;\n }\n\n .mood-grid {\n grid-template-columns: repeat(4, 1fr);\n }\n\n .action-buttons {\n flex-direction: column;\n align-items: center;\n }\n\n .btn {\n width: 100%;\n max-width: 300px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"header\">\n <h1>\u2728 Daily Affirmation Journal<\/h1>\n <p>Transform your mindset, one positive thought at a time<\/p>\n <\/div>\n\n <div class=\"main-content\">\n <div class=\"date-display\" id=\"currentDate\"><\/div>\n\n <div class=\"inspirational-quote\" id=\"inspirationalQuote\">\n “Every day is a new opportunity to create the life you want.”\n <\/div>\n\n <div class=\"affirmation-section\">\n <h2 class=\"section-title\">Today’s Affirmations<\/h2>\n <textarea \n class=\"affirmation-input\" \n id=\"affirmationText\" \n placeholder=\"Write your positive affirmations here... \n\nFor example:\n\u2022 I am worthy of love and happiness\n\u2022 I have the power to create positive change in my life\n\u2022 I choose to focus on what I can control\n\u2022 I am grateful for all the good in my life\"\n ><\/textarea>\n <\/div>\n\n <div class=\"mood-selector\">\n <h2 class=\"section-title\">How are you feeling?<\/h2>\n <div class=\"mood-grid\">\n <div class=\"mood-item\" data-mood=\"grateful\">\n <span class=\"mood-emoji\">\ud83d\ude4f<\/span>\n <span>Grateful<\/span>\n <\/div>\n <div class=\"mood-item\" data-mood=\"happy\">\n <span class=\"mood-emoji\">\ud83d\ude0a<\/span>\n <span>Happy<\/span>\n <\/div>\n <div class=\"mood-item\" data-mood=\"peaceful\">\n <span class=\"mood-emoji\">\ud83d\ude0c<\/span>\n <span><a class=\"wpil_keyword_link\" href=\"https:\/\/positiveaffirmationscenter.com\/peaceful-morning-affirmations\/\" title=\"Peaceful\" data-wpil-keyword-link=\"linked\">Peaceful<\/a><\/span>\n <\/div>\n <div class=\"mood-item\" data-mood=\"energetic\">\n <span class=\"mood-emoji\">\u26a1<\/span>\n <span>Energetic<\/span>\n <\/div>\n <div class=\"mood-item\" data-mood=\"hopeful\">\n <span class=\"mood-emoji\">\ud83c\udf1f<\/span>\n <span>Hopeful<\/span>\n <\/div>\n <div class=\"mood-item\" data-mood=\"reflective\">\n <span class=\"mood-emoji\">\ud83e\udd14<\/span>\n <span>Reflective<\/span>\n <\/div>\n <div class=\"mood-item\" data-mood=\"determined\">\n <span class=\"mood-emoji\">\ud83d\udcaa<\/span>\n <span><a class=\"wpil_keyword_link\" href=\"https:\/\/positiveaffirmationscenter.com\/affirmations-for-determination\/\" title=\"Determined\" data-wpil-keyword-link=\"linked\">Determined<\/a><\/span>\n <\/div>\n <div class=\"mood-item\" data-mood=\"calm\">\n <span class=\"mood-emoji\">\ud83d\udd4a\ufe0f<\/span>\n <span>Calm<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"action-buttons\">\n <button class=\"btn btn-primary\" id=\"saveEntry\">Save Entry<\/button>\n <button class=\"btn btn-secondary\" id=\"newQuote\">New Quote<\/button>\n <\/div>\n\n <div class=\"entries-section\">\n <h2 class=\"section-title\">Your Journal Entries<\/h2>\n <div id=\"entriesList\" class=\"empty-state\">\n Start your affirmation journey by writing your first entry above! \u2728\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n class AffirmationJournal {\n constructor() {\n this.entries = this.loadEntries();\n this.selectedMood = '';\n this.quotes = [\n \"Every day is a new opportunity to create the life you want.\",\n \"You are braver than you believe, stronger than you seem, and smarter than you think.\",\n \"The only impossible journey is the one you never begin.\",\n \"Your potential is endless.\",\n \"Believe you can and you're halfway there.\",\n \"What lies behind us and what lies before us are tiny matters compared to what lies within us.\",\n \"You are the author of your own story.\",\n \"Progress, not perfection.\",\n \"Your mindset is everything. Choose positive thoughts.\",\n \"Today is full of possibilities.\"\n ];\n this.init();\n }\n\n init() {\n this.updateDate();\n this.setupEventListeners();\n this.displayEntries();\n this.displayRandomQuote();\n }\n\n updateDate() {\n const now = new Date();\n const options = { \n weekday: 'long', \n year: 'numeric', \n month: 'long', \n day: 'numeric' \n };\n document.getElementById('currentDate').textContent = \n now.toLocaleDateString('en-US', options);\n }\n\n setupEventListeners() {\n \/\/ Mood selection\n document.querySelectorAll('.mood-item').forEach(item => {\n item.addEventListener('click', () => {\n document.querySelectorAll('.mood-item').forEach(i => \n i.classList.remove('selected'));\n item.classList.add('selected');\n this.selectedMood = item.dataset.mood;\n });\n });\n\n \/\/ Save entry\n document.getElementById('saveEntry').addEventListener('click', () => {\n this.saveEntry();\n });\n\n \/\/ New quote\n document.getElementById('newQuote').addEventListener('click', () => {\n this.displayRandomQuote();\n });\n\n \/\/ Enter key to save\n document.getElementById('affirmationText').addEventListener('keydown', (e) => {\n if (e.ctrlKey && e.key === 'Enter') {\n this.saveEntry();\n }\n });\n }\n\n displayRandomQuote() {\n const randomQuote = this.quotes[Math.floor(Math.random() * this.quotes.length)];\n document.getElementById('inspirationalQuote').textContent = `\"${randomQuote}\"`;\n }\n\n saveEntry() {\n const text = document.getElementById('affirmationText').value.trim();\n \n if (!text) {\n alert('Please write your affirmations before saving!');\n return;\n }\n\n if (!this.selectedMood) {\n alert('Please select your current mood!');\n return;\n }\n\n const entry = {\n id: Date.now(),\n date: new Date().toISOString(),\n text: text,\n mood: this.selectedMood\n };\n\n this.entries.unshift(entry);\n this.saveEntries();\n this.displayEntries();\n \n \/\/ Clear form\n document.getElementById('affirmationText').value = '';\n document.querySelectorAll('.mood-item').forEach(i => \n i.classList.remove('selected'));\n this.selectedMood = '';\n\n \/\/ Show success feedback\n const btn = document.getElementById('saveEntry');\n const originalText = btn.textContent;\n btn.textContent = 'Saved! \u2728';\n btn.style.background = 'linear-gradient(135deg, #4CAF50 0%, #45a049 100%)';\n \n setTimeout(() => {\n btn.textContent = originalText;\n btn.style.background = 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)';\n }, 2000);\n }\n\n displayEntries() {\n const container = document.getElementById('entriesList');\n \n if (this.entries.length === 0) {\n container.innerHTML = `\n <div class=\"empty-state\">\n Start your affirmation journey by writing your first entry above! \u2728\n <\/div>\n `;\n return;\n }\n\n container.innerHTML = this.entries.map(entry => `\n <div class=\"entry-item\">\n <button class=\"delete-btn\" onclick=\"journal.deleteEntry(${entry.id})\">\u2715<\/button>\n <div class=\"entry-date\">${this.formatDate(entry.date)}<\/div>\n <div class=\"entry-mood\">${this.getMoodEmoji(entry.mood)} ${this.capitalizeFirst(entry.mood)}<\/div>\n <div class=\"entry-text\">${entry.text.replace(\/\\n\/g, '<br>')}<\/div>\n <\/div>\n `).join('');\n }\n\n deleteEntry(id) {\n if (confirm('Are you sure you want to delete this entry?')) {\n this.entries = this.entries.filter(entry => entry.id !== id);\n this.saveEntries();\n this.displayEntries();\n }\n }\n\n formatDate(dateString) {\n const date = new Date(dateString);\n const options = { \n weekday: 'short', \n month: 'short', \n day: 'numeric', \n hour: '2-digit', \n minute: '2-digit' \n };\n return date.toLocaleDateString('en-US', options);\n }\n\n getMoodEmoji(mood) {\n const moodEmojis = {\n grateful: '\ud83d\ude4f',\n happy: '\ud83d\ude0a',\n peaceful: '\ud83d\ude0c',\n energetic: '\u26a1',\n hopeful: '\ud83c\udf1f',\n reflective: '\ud83e\udd14',\n determined: '\ud83d\udcaa',\n calm: '\ud83d\udd4a\ufe0f'\n };\n return moodEmojis[mood] || '\ud83d\ude0a';\n }\n\n capitalizeFirst(str) {\n return str.charAt(0).toUpperCase() + str.slice(1);\n }\n\n loadEntries() {\n try {\n return JSON.parse(localStorage.getItem('affirmationEntries')) || [];\n } catch (e) {\n return [];\n }\n }\n\n saveEntries() {\n localStorage.setItem('affirmationEntries', JSON.stringify(this.entries));\n }\n }\n\n \/\/ Initialize the journal\n const journal = new AffirmationJournal();\n <\/script>\n<\/body>\n<\/html>\n<style>\r\n\r\n .lwrp.link-whisper-related-posts{\r\n \r\n margin-top: 40px;\nmargin-bottom: 30px;\r\n }\r\n .lwrp .lwrp-title{\r\n \r\n \r\n }\r\n .lwrp .lwrp-description{\r\n \r\n \r\n\r\n }\r\n .lwrp .lwrp-list-container{\r\n }\r\n .lwrp .lwrp-list-multi-container{\r\n display: flex;\r\n }\r\n .lwrp .lwrp-list-double{\r\n width: 48%;\r\n }\r\n .lwrp .lwrp-list-triple{\r\n width: 32%;\r\n }\r\n .lwrp .lwrp-list-row-container{\r\n display: flex;\r\n justify-content: space-between;\r\n }\r\n .lwrp .lwrp-list-row-container .lwrp-list-item{\r\n width: calc(25% - 20px);\r\n }\r\n .lwrp .lwrp-list-item:not(.lwrp-no-posts-message-item){\r\n \r\n \r\n }\r\n .lwrp .lwrp-list-item img{\r\n max-width: 100%;\r\n height: auto;\r\n }\r\n .lwrp .lwrp-list-item.lwrp-empty-list-item{\r\n background: initial !important;\r\n }\r\n .lwrp .lwrp-list-item .lwrp-list-link .lwrp-list-link-title-text,\r\n .lwrp .lwrp-list-item .lwrp-list-no-posts-message{\r\n \r\n \r\n }\r\n @media screen and (max-width: 480px) {\r\n .lwrp.link-whisper-related-posts{\r\n \r\n \r\n }\r\n .lwrp .lwrp-title{\r\n \r\n \r\n }\r\n .lwrp .lwrp-description{\r\n \r\n \r\n }\r\n .lwrp .lwrp-list-multi-container{\r\n flex-direction: column;\r\n }\r\n .lwrp .lwrp-list-multi-container ul.lwrp-list{\r\n margin-top: 0px;\r\n margin-bottom: 0px;\r\n padding-top: 0px;\r\n padding-bottom: 0px;\r\n }\r\n .lwrp .lwrp-list-double,\r\n .lwrp .lwrp-list-triple{\r\n width: 100%;\r\n }\r\n .lwrp .lwrp-list-row-container{\r\n justify-content: initial;\r\n flex-direction: column;\r\n }\r\n .lwrp .lwrp-list-row-container .lwrp-list-item{\r\n width: 100%;\r\n }\r\n .lwrp .lwrp-list-item:not(.lwrp-no-posts-message-item){\r\n \r\n \r\n }\r\n .lwrp .lwrp-list-item .lwrp-list-link .lwrp-list-link-title-text,\r\n .lwrp .lwrp-list-item .lwrp-list-no-posts-message{\r\n \r\n \r\n }\r\n }<\/style>\r\n<div id=\"link-whisper-related-posts-widget\" class=\"link-whisper-related-posts lwrp\">\r\n <h3 class=\"lwrp-title\">Related Posts<\/h3> \r\n <div class=\"lwrp-list-container\">\r\n <div class=\"lwrp-list-multi-container\">\r\n <ul class=\"lwrp-list lwrp-list-double lwrp-list-left\">\r\n <li class=\"lwrp-list-item\"><a href=\"https:\/\/positiveaffirmationscenter.com\/mirror-affirmations\/\" class=\"lwrp-list-link\"><span class=\"lwrp-list-link-title-text\">Powerful Mirror Affirmations: Boost Self-Esteem and Embrace Yourself<\/span><\/a><\/li><li class=\"lwrp-list-item\"><a href=\"https:\/\/positiveaffirmationscenter.com\/affirmations-for-martial-arts\/\" class=\"lwrp-list-link\"><span class=\"lwrp-list-link-title-text\">30+ Powerful Affirmations for Martial Arts to Boost Confidence & Focus<\/span><\/a><\/li><li class=\"lwrp-list-item\"><a href=\"https:\/\/positiveaffirmationscenter.com\/archangel-michael-affirmations\/\" class=\"lwrp-list-link\"><span class=\"lwrp-list-link-title-text\">30+ Powerful Archangel Michael Affirmations for Protection and Strength<\/span><\/a><\/li><li class=\"lwrp-list-item\"><a href=\"https:\/\/positiveaffirmationscenter.com\/louise-hay-affirmations-for-prosperity\/\" class=\"lwrp-list-link\"><span class=\"lwrp-list-link-title-text\">20+ Louise Hay Affirmations for Prosperity: Attract Abundance Now<\/span><\/a><\/li> <\/ul>\r\n <ul class=\"lwrp-list lwrp-list-double lwrp-list-right\">\r\n <li class=\"lwrp-list-item\"><a href=\"https:\/\/positiveaffirmationscenter.com\/affirmations-for-guilt\/\" class=\"lwrp-list-link\"><span class=\"lwrp-list-link-title-text\">30+ Affirmations for Guilt: Release Shame & Embrace Self-Compassion (Proven Tips)<\/span><\/a><\/li><li class=\"lwrp-list-item\"><a href=\"https:\/\/positiveaffirmationscenter.com\/shadow-work-for-healing\/\" class=\"lwrp-list-link\"><span class=\"lwrp-list-link-title-text\">Shadow Work for Healing: Embrace Your Inner Darkness to Find Light<\/span><\/a><\/li><li class=\"lwrp-list-item\"><a href=\"https:\/\/positiveaffirmationscenter.com\/mindfulness-for-productivity\/\" class=\"lwrp-list-link\"><span class=\"lwrp-list-link-title-text\">Mindfulness for Productivity: How Staying Present Boosts Your Work Performance<\/span><\/a><\/li><li class=\"lwrp-list-item\"><a href=\"https:\/\/positiveaffirmationscenter.com\/wake-up-happy-and-energized\/\" class=\"lwrp-list-link\"><span class=\"lwrp-list-link-title-text\">How to Wake Up Happy and Energized Every Morning: Your Ultimate Guide<\/span><\/a><\/li> <\/ul>\r\n <\/div>\r\n <\/div>\r\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Daily Affirmation Journal \u2728 Daily Affirmation Journal Transform your mindset, one positive thought at a time “Every day is a new opportunity to create the life you want.” Today’s Affirmations How are you feeling? \ud83d\ude4f Grateful \ud83d\ude0a Happy \ud83d\ude0c Peaceful \u26a1 Energetic \ud83c\udf1f Hopeful \ud83e\udd14 Reflective \ud83d\udcaa Determined \ud83d\udd4a\ufe0f Calm Save Entry New Quote Your…<\/p>\n","protected":false},"author":1,"featured_media":250011,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"googlesitekit_rrm_CAowoq2_DA:productID":"","ai_generated_summary":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-250010","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/positiveaffirmationscenter.com\/wp-json\/wp\/v2\/pages\/250010","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/positiveaffirmationscenter.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/positiveaffirmationscenter.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/positiveaffirmationscenter.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/positiveaffirmationscenter.com\/wp-json\/wp\/v2\/comments?post=250010"}],"version-history":[{"count":0,"href":"https:\/\/positiveaffirmationscenter.com\/wp-json\/wp\/v2\/pages\/250010\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/positiveaffirmationscenter.com\/wp-json\/wp\/v2\/media\/250011"}],"wp:attachment":[{"href":"https:\/\/positiveaffirmationscenter.com\/wp-json\/wp\/v2\/media?parent=250010"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":250010,"date":"2025-08-15T12:44:24","date_gmt":"2025-08-15T10:44:24","guid":{"rendered":"https:\/\/positiveaffirmationscenter.com\/?page_id=250010"},"modified":"2025-08-15T12:45:04","modified_gmt":"2025-08-15T10:45:04","slug":"daily-affirmation-journal","status":"publish","type":"page","link":"https:\/\/positiveaffirmationscenter.com\/daily-affirmation-journal\/","title":{"rendered":"Daily Affirmation Journal"},"content":{"rendered":"\n\n\n\n \n \n Daily Affirmation Journal<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n min-height: 100vh;\n padding: 20px;\n }\n\n .container {\n max-width: 800px;\n margin: 0 auto;\n background: rgba(255, 255, 255, 0.95);\n border-radius: 20px;\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n backdrop-filter: blur(10px);\n overflow: hidden;\n }\n\n .header {\n background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%);\n padding: 40px 30px;\n text-align: center;\n position: relative;\n }\n\n .header::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"><circle cx=\"20\" cy=\"20\" r=\"2\" fill=\"rgba(255,255,255,0.3)\"\/><circle cx=\"80\" cy=\"40\" r=\"1.5\" fill=\"rgba(255,255,255,0.4)\"\/><circle cx=\"40\" cy=\"80\" r=\"1\" fill=\"rgba(255,255,255,0.5)\"\/><\/svg>');\n }\n\n .header h1 {\n font-size: 2.5rem;\n color: #fff;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);\n position: relative;\n z-index: 1;\n }\n\n .header p {\n color: rgba(255, 255, 255, 0.9);\n font-size: 1.1rem;\n position: relative;\n z-index: 1;\n }\n\n .main-content {\n padding: 40px 30px;\n }\n\n .date-display {\n text-align: center;\n margin-bottom: 30px;\n padding: 15px;\n background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);\n border-radius: 15px;\n font-size: 1.2rem;\n font-weight: 600;\n color: #333;\n }\n\n .affirmation-section {\n margin-bottom: 30px;\n }\n\n .section-title {\n font-size: 1.3rem;\n color: #333;\n margin-bottom: 15px;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .section-title::before {\n content: '\u2728';\n font-size: 1.5rem;\n }\n\n .affirmation-input {\n width: 100%;\n min-height: 120px;\n padding: 20px;\n border: 2px solid #e0e0e0;\n border-radius: 15px;\n font-size: 1rem;\n font-family: inherit;\n resize: vertical;\n transition: all 0.3s ease;\n background: #f9f9f9;\n }\n\n .affirmation-input:focus {\n outline: none;\n border-color: #667eea;\n box-shadow: 0 0 20px rgba(102, 126, 234, 0.2);\n background: #fff;\n }\n\n .mood-selector {\n margin-bottom: 30px;\n }\n\n .mood-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\n gap: 15px;\n margin-top: 15px;\n }\n\n .mood-item {\n text-align: center;\n padding: 15px 10px;\n border-radius: 15px;\n cursor: pointer;\n transition: all 0.3s ease;\n background: #f0f0f0;\n border: 2px solid transparent;\n }\n\n .mood-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n }\n\n .mood-item.selected {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n color: white;\n border-color: #667eea;\n }\n\n .mood-emoji {\n font-size: 2rem;\n display: block;\n margin-bottom: 5px;\n }\n\n .action-buttons {\n display: flex;\n gap: 15px;\n justify-content: center;\n margin-top: 30px;\n }\n\n .btn {\n padding: 15px 30px;\n border: none;\n border-radius: 25px;\n font-size: 1rem;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n .btn-primary {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n color: white;\n }\n\n .btn-secondary {\n background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);\n color: #333;\n }\n\n .btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n }\n\n .entries-section {\n margin-top: 40px;\n border-top: 2px solid #eee;\n padding-top: 30px;\n }\n\n .entry-item {\n background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);\n color: white;\n padding: 20px;\n margin-bottom: 15px;\n border-radius: 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n }\n\n .entry-date {\n font-size: 0.9rem;\n opacity: 0.9;\n margin-bottom: 10px;\n }\n\n .entry-mood {\n font-size: 1.2rem;\n margin-bottom: 10px;\n }\n\n .entry-text {\n line-height: 1.6;\n }\n\n .delete-btn {\n background: rgba(255, 255, 255, 0.2);\n border: none;\n color: white;\n padding: 5px 10px;\n border-radius: 20px;\n cursor: pointer;\n float: right;\n margin-top: -5px;\n }\n\n .delete-btn:hover {\n background: rgba(255, 255, 255, 0.3);\n }\n\n .inspirational-quote {\n background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);\n padding: 20px;\n border-radius: 15px;\n text-align: center;\n margin-bottom: 30px;\n font-style: italic;\n font-size: 1.1rem;\n color: #333;\n }\n\n .empty-state {\n text-align: center;\n color: #666;\n font-style: italic;\n padding: 40px 20px;\n }\n\n @media (max-width: 768px) {\n .container {\n margin: 10px;\n border-radius: 15px;\n }\n\n .header {\n padding: 30px 20px;\n }\n\n .header h1 {\n font-size: 2rem;\n }\n\n .main-content {\n padding: 30px 20px;\n }\n\n .mood-grid {\n grid-template-columns: repeat(4, 1fr);\n }\n\n .action-buttons {\n flex-direction: column;\n align-items: center;\n }\n\n .btn {\n width: 100%;\n max-width: 300px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"header\">\n <h1>\u2728 Daily Affirmation Journal<\/h1>\n <p>Transform your mindset, one positive thought at a time<\/p>\n <\/div>\n\n <div class=\"main-content\">\n <div class=\"date-display\" id=\"currentDate\"><\/div>\n\n <div class=\"inspirational-quote\" id=\"inspirationalQuote\">\n “Every day is a new opportunity to create the life you want.”\n <\/div>\n\n <div class=\"affirmation-section\">\n <h2 class=\"section-title\">Today’s Affirmations<\/h2>\n <textarea \n class=\"affirmation-input\" \n id=\"affirmationText\" \n placeholder=\"Write your positive affirmations here... \n\nFor example:\n\u2022 I am worthy of love and happiness\n\u2022 I have the power to create positive change in my life\n\u2022 I choose to focus on what I can control\n\u2022 I am grateful for all the good in my life\"\n ><\/textarea>\n <\/div>\n\n <div class=\"mood-selector\">\n <h2 class=\"section-title\">How are you feeling?<\/h2>\n <div class=\"mood-grid\">\n <div class=\"mood-item\" data-mood=\"grateful\">\n <span class=\"mood-emoji\">\ud83d\ude4f<\/span>\n <span>Grateful<\/span>\n <\/div>\n <div class=\"mood-item\" data-mood=\"happy\">\n <span class=\"mood-emoji\">\ud83d\ude0a<\/span>\n <span>Happy<\/span>\n <\/div>\n <div class=\"mood-item\" data-mood=\"peaceful\">\n <span class=\"mood-emoji\">\ud83d\ude0c<\/span>\n <span><a class=\"wpil_keyword_link\" href=\"https:\/\/positiveaffirmationscenter.com\/peaceful-morning-affirmations\/\" title=\"Peaceful\" data-wpil-keyword-link=\"linked\">Peaceful<\/a><\/span>\n <\/div>\n <div class=\"mood-item\" data-mood=\"energetic\">\n <span class=\"mood-emoji\">\u26a1<\/span>\n <span>Energetic<\/span>\n <\/div>\n <div class=\"mood-item\" data-mood=\"hopeful\">\n <span class=\"mood-emoji\">\ud83c\udf1f<\/span>\n <span>Hopeful<\/span>\n <\/div>\n <div class=\"mood-item\" data-mood=\"reflective\">\n <span class=\"mood-emoji\">\ud83e\udd14<\/span>\n <span>Reflective<\/span>\n <\/div>\n <div class=\"mood-item\" data-mood=\"determined\">\n <span class=\"mood-emoji\">\ud83d\udcaa<\/span>\n <span><a class=\"wpil_keyword_link\" href=\"https:\/\/positiveaffirmationscenter.com\/affirmations-for-determination\/\" title=\"Determined\" data-wpil-keyword-link=\"linked\">Determined<\/a><\/span>\n <\/div>\n <div class=\"mood-item\" data-mood=\"calm\">\n <span class=\"mood-emoji\">\ud83d\udd4a\ufe0f<\/span>\n <span>Calm<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"action-buttons\">\n <button class=\"btn btn-primary\" id=\"saveEntry\">Save Entry<\/button>\n <button class=\"btn btn-secondary\" id=\"newQuote\">New Quote<\/button>\n <\/div>\n\n <div class=\"entries-section\">\n <h2 class=\"section-title\">Your Journal Entries<\/h2>\n <div id=\"entriesList\" class=\"empty-state\">\n Start your affirmation journey by writing your first entry above! \u2728\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n class AffirmationJournal {\n constructor() {\n this.entries = this.loadEntries();\n this.selectedMood = '';\n this.quotes = [\n \"Every day is a new opportunity to create the life you want.\",\n \"You are braver than you believe, stronger than you seem, and smarter than you think.\",\n \"The only impossible journey is the one you never begin.\",\n \"Your potential is endless.\",\n \"Believe you can and you're halfway there.\",\n \"What lies behind us and what lies before us are tiny matters compared to what lies within us.\",\n \"You are the author of your own story.\",\n \"Progress, not perfection.\",\n \"Your mindset is everything. Choose positive thoughts.\",\n \"Today is full of possibilities.\"\n ];\n this.init();\n }\n\n init() {\n this.updateDate();\n this.setupEventListeners();\n this.displayEntries();\n this.displayRandomQuote();\n }\n\n updateDate() {\n const now = new Date();\n const options = { \n weekday: 'long', \n year: 'numeric', \n month: 'long', \n day: 'numeric' \n };\n document.getElementById('currentDate').textContent = \n now.toLocaleDateString('en-US', options);\n }\n\n setupEventListeners() {\n \/\/ Mood selection\n document.querySelectorAll('.mood-item').forEach(item => {\n item.addEventListener('click', () => {\n document.querySelectorAll('.mood-item').forEach(i => \n i.classList.remove('selected'));\n item.classList.add('selected');\n this.selectedMood = item.dataset.mood;\n });\n });\n\n \/\/ Save entry\n document.getElementById('saveEntry').addEventListener('click', () => {\n this.saveEntry();\n });\n\n \/\/ New quote\n document.getElementById('newQuote').addEventListener('click', () => {\n this.displayRandomQuote();\n });\n\n \/\/ Enter key to save\n document.getElementById('affirmationText').addEventListener('keydown', (e) => {\n if (e.ctrlKey && e.key === 'Enter') {\n this.saveEntry();\n }\n });\n }\n\n displayRandomQuote() {\n const randomQuote = this.quotes[Math.floor(Math.random() * this.quotes.length)];\n document.getElementById('inspirationalQuote').textContent = `\"${randomQuote}\"`;\n }\n\n saveEntry() {\n const text = document.getElementById('affirmationText').value.trim();\n \n if (!text) {\n alert('Please write your affirmations before saving!');\n return;\n }\n\n if (!this.selectedMood) {\n alert('Please select your current mood!');\n return;\n }\n\n const entry = {\n id: Date.now(),\n date: new Date().toISOString(),\n text: text,\n mood: this.selectedMood\n };\n\n this.entries.unshift(entry);\n this.saveEntries();\n this.displayEntries();\n \n \/\/ Clear form\n document.getElementById('affirmationText').value = '';\n document.querySelectorAll('.mood-item').forEach(i => \n i.classList.remove('selected'));\n this.selectedMood = '';\n\n \/\/ Show success feedback\n const btn = document.getElementById('saveEntry');\n const originalText = btn.textContent;\n btn.textContent = 'Saved! \u2728';\n btn.style.background = 'linear-gradient(135deg, #4CAF50 0%, #45a049 100%)';\n \n setTimeout(() => {\n btn.textContent = originalText;\n btn.style.background = 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)';\n }, 2000);\n }\n\n displayEntries() {\n const container = document.getElementById('entriesList');\n \n if (this.entries.length === 0) {\n container.innerHTML = `\n <div class=\"empty-state\">\n Start your affirmation journey by writing your first entry above! \u2728\n <\/div>\n `;\n return;\n }\n\n container.innerHTML = this.entries.map(entry => `\n <div class=\"entry-item\">\n <button class=\"delete-btn\" onclick=\"journal.deleteEntry(${entry.id})\">\u2715<\/button>\n <div class=\"entry-date\">${this.formatDate(entry.date)}<\/div>\n <div class=\"entry-mood\">${this.getMoodEmoji(entry.mood)} ${this.capitalizeFirst(entry.mood)}<\/div>\n <div class=\"entry-text\">${entry.text.replace(\/\\n\/g, '<br>')}<\/div>\n <\/div>\n `).join('');\n }\n\n deleteEntry(id) {\n if (confirm('Are you sure you want to delete this entry?')) {\n this.entries = this.entries.filter(entry => entry.id !== id);\n this.saveEntries();\n this.displayEntries();\n }\n }\n\n formatDate(dateString) {\n const date = new Date(dateString);\n const options = { \n weekday: 'short', \n month: 'short', \n day: 'numeric', \n hour: '2-digit', \n minute: '2-digit' \n };\n return date.toLocaleDateString('en-US', options);\n }\n\n getMoodEmoji(mood) {\n const moodEmojis = {\n grateful: '\ud83d\ude4f',\n happy: '\ud83d\ude0a',\n peaceful: '\ud83d\ude0c',\n energetic: '\u26a1',\n hopeful: '\ud83c\udf1f',\n reflective: '\ud83e\udd14',\n determined: '\ud83d\udcaa',\n calm: '\ud83d\udd4a\ufe0f'\n };\n return moodEmojis[mood] || '\ud83d\ude0a';\n }\n\n capitalizeFirst(str) {\n return str.charAt(0).toUpperCase() + str.slice(1);\n }\n\n loadEntries() {\n try {\n return JSON.parse(localStorage.getItem('affirmationEntries')) || [];\n } catch (e) {\n return [];\n }\n }\n\n saveEntries() {\n localStorage.setItem('affirmationEntries', JSON.stringify(this.entries));\n }\n }\n\n \/\/ Initialize the journal\n const journal = new AffirmationJournal();\n <\/script>\n<\/body>\n<\/html>\n<style>\r\n\r\n .lwrp.link-whisper-related-posts{\r\n \r\n margin-top: 40px;\nmargin-bottom: 30px;\r\n }\r\n .lwrp .lwrp-title{\r\n \r\n \r\n }\r\n .lwrp .lwrp-description{\r\n \r\n \r\n\r\n }\r\n .lwrp .lwrp-list-container{\r\n }\r\n .lwrp .lwrp-list-multi-container{\r\n display: flex;\r\n }\r\n .lwrp .lwrp-list-double{\r\n width: 48%;\r\n }\r\n .lwrp .lwrp-list-triple{\r\n width: 32%;\r\n }\r\n .lwrp .lwrp-list-row-container{\r\n display: flex;\r\n justify-content: space-between;\r\n }\r\n .lwrp .lwrp-list-row-container .lwrp-list-item{\r\n width: calc(25% - 20px);\r\n }\r\n .lwrp .lwrp-list-item:not(.lwrp-no-posts-message-item){\r\n \r\n \r\n }\r\n .lwrp .lwrp-list-item img{\r\n max-width: 100%;\r\n height: auto;\r\n }\r\n .lwrp .lwrp-list-item.lwrp-empty-list-item{\r\n background: initial !important;\r\n }\r\n .lwrp .lwrp-list-item .lwrp-list-link .lwrp-list-link-title-text,\r\n .lwrp .lwrp-list-item .lwrp-list-no-posts-message{\r\n \r\n \r\n }\r\n @media screen and (max-width: 480px) {\r\n .lwrp.link-whisper-related-posts{\r\n \r\n \r\n }\r\n .lwrp .lwrp-title{\r\n \r\n \r\n }\r\n .lwrp .lwrp-description{\r\n \r\n \r\n }\r\n .lwrp .lwrp-list-multi-container{\r\n flex-direction: column;\r\n }\r\n .lwrp .lwrp-list-multi-container ul.lwrp-list{\r\n margin-top: 0px;\r\n margin-bottom: 0px;\r\n padding-top: 0px;\r\n padding-bottom: 0px;\r\n }\r\n .lwrp .lwrp-list-double,\r\n .lwrp .lwrp-list-triple{\r\n width: 100%;\r\n }\r\n .lwrp .lwrp-list-row-container{\r\n justify-content: initial;\r\n flex-direction: column;\r\n }\r\n .lwrp .lwrp-list-row-container .lwrp-list-item{\r\n width: 100%;\r\n }\r\n .lwrp .lwrp-list-item:not(.lwrp-no-posts-message-item){\r\n \r\n \r\n }\r\n .lwrp .lwrp-list-item .lwrp-list-link .lwrp-list-link-title-text,\r\n .lwrp .lwrp-list-item .lwrp-list-no-posts-message{\r\n \r\n \r\n }\r\n }<\/style>\r\n<div id=\"link-whisper-related-posts-widget\" class=\"link-whisper-related-posts lwrp\">\r\n <h3 class=\"lwrp-title\">Related Posts<\/h3> \r\n <div class=\"lwrp-list-container\">\r\n <div class=\"lwrp-list-multi-container\">\r\n <ul class=\"lwrp-list lwrp-list-double lwrp-list-left\">\r\n <li class=\"lwrp-list-item\"><a href=\"https:\/\/positiveaffirmationscenter.com\/mirror-affirmations\/\" class=\"lwrp-list-link\"><span class=\"lwrp-list-link-title-text\">Powerful Mirror Affirmations: Boost Self-Esteem and Embrace Yourself<\/span><\/a><\/li><li class=\"lwrp-list-item\"><a href=\"https:\/\/positiveaffirmationscenter.com\/affirmations-for-martial-arts\/\" class=\"lwrp-list-link\"><span class=\"lwrp-list-link-title-text\">30+ Powerful Affirmations for Martial Arts to Boost Confidence & Focus<\/span><\/a><\/li><li class=\"lwrp-list-item\"><a href=\"https:\/\/positiveaffirmationscenter.com\/archangel-michael-affirmations\/\" class=\"lwrp-list-link\"><span class=\"lwrp-list-link-title-text\">30+ Powerful Archangel Michael Affirmations for Protection and Strength<\/span><\/a><\/li><li class=\"lwrp-list-item\"><a href=\"https:\/\/positiveaffirmationscenter.com\/louise-hay-affirmations-for-prosperity\/\" class=\"lwrp-list-link\"><span class=\"lwrp-list-link-title-text\">20+ Louise Hay Affirmations for Prosperity: Attract Abundance Now<\/span><\/a><\/li> <\/ul>\r\n <ul class=\"lwrp-list lwrp-list-double lwrp-list-right\">\r\n <li class=\"lwrp-list-item\"><a href=\"https:\/\/positiveaffirmationscenter.com\/affirmations-for-guilt\/\" class=\"lwrp-list-link\"><span class=\"lwrp-list-link-title-text\">30+ Affirmations for Guilt: Release Shame & Embrace Self-Compassion (Proven Tips)<\/span><\/a><\/li><li class=\"lwrp-list-item\"><a href=\"https:\/\/positiveaffirmationscenter.com\/shadow-work-for-healing\/\" class=\"lwrp-list-link\"><span class=\"lwrp-list-link-title-text\">Shadow Work for Healing: Embrace Your Inner Darkness to Find Light<\/span><\/a><\/li><li class=\"lwrp-list-item\"><a href=\"https:\/\/positiveaffirmationscenter.com\/mindfulness-for-productivity\/\" class=\"lwrp-list-link\"><span class=\"lwrp-list-link-title-text\">Mindfulness for Productivity: How Staying Present Boosts Your Work Performance<\/span><\/a><\/li><li class=\"lwrp-list-item\"><a href=\"https:\/\/positiveaffirmationscenter.com\/wake-up-happy-and-energized\/\" class=\"lwrp-list-link\"><span class=\"lwrp-list-link-title-text\">How to Wake Up Happy and Energized Every Morning: Your Ultimate Guide<\/span><\/a><\/li> <\/ul>\r\n <\/div>\r\n <\/div>\r\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Daily Affirmation Journal \u2728 Daily Affirmation Journal Transform your mindset, one positive thought at a time “Every day is a new opportunity to create the life you want.” Today’s Affirmations How are you feeling? \ud83d\ude4f Grateful \ud83d\ude0a Happy \ud83d\ude0c Peaceful \u26a1 Energetic \ud83c\udf1f Hopeful \ud83e\udd14 Reflective \ud83d\udcaa Determined \ud83d\udd4a\ufe0f Calm Save Entry New Quote Your…<\/p>\n","protected":false},"author":1,"featured_media":250011,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"googlesitekit_rrm_CAowoq2_DA:productID":"","ai_generated_summary":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-250010","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/positiveaffirmationscenter.com\/wp-json\/wp\/v2\/pages\/250010","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/positiveaffirmationscenter.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/positiveaffirmationscenter.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/positiveaffirmationscenter.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/positiveaffirmationscenter.com\/wp-json\/wp\/v2\/comments?post=250010"}],"version-history":[{"count":0,"href":"https:\/\/positiveaffirmationscenter.com\/wp-json\/wp\/v2\/pages\/250010\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/positiveaffirmationscenter.com\/wp-json\/wp\/v2\/media\/250011"}],"wp:attachment":[{"href":"https:\/\/positiveaffirmationscenter.com\/wp-json\/wp\/v2\/media?parent=250010"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}