:PROPERTIES:
:ID:       348df473-6443-4f4a-b366-95397b574989
:END:
#+title: web-port-notes
#+filetags: :index:docs:zzq:

* <2025-11-06 Thu> old sitemap for blogs:

(defun zz/2025-sitemap (title list)
  "sitemap that lists 2025 links as bullet points with dates and tags."
  (concat
   "#+TITLE: " title "\n"
   "#+OPTIONS: toc:nil num:nil \n\n"
   "See the categories: @@html:<a href=\"../../categories.html\">Categories</a>@@\n\n"
   "* 2025:\n"
   (mapconcat
    (lambda (entry)
      (let* ((link (car entry))
             ;; extract relative file name from the link
             (filename (if (string-match "\\[\\[file:\\([^]]+\\)\\]" link)
                           (match-string 1 link)
                         link))
             (full-path (expand-file-name filename "~/master-folder/org_files/org_web/blogs/2025/"))
             (date-str "no date")
             (tags-str ""))
        ;; Get publish date
        (let ((date (org-publish-find-date full-path org-publish-project-alist)))
          (when date
            (setq date-str (format-time-string "%d-%m-%Y %H:%M" date))))
        ;; Get FILETAGS from file buffer
        (when (file-exists-p full-path)
          (with-temp-buffer
            (insert-file-contents full-path)
            (org-mode)
            (let* ((tags (cadr (assoc "FILETAGS" (org-collect-keywords '("FILETAGS"))))))
              (when tags
                (setq tags-str (mapconcat (lambda (tag)
                                            (format "@@html:<a href=\"/tags/%s.html\"> <span class=\"post-tag\">%s</span> </a>@@" tag tag))
                                          (split-string tags ":" t)  ;; <- Splits by ":" and removes empty strings
                                          " "))))))
        ;; Final line output
        (format "- %s @@html:<span class=\"post-date\">%s</span>@@ %s" link date-str tags-str)))
    (cdr list)
    "\n")))



* Footnotes and sidenotes

Here is a list of macros:

#+begin_src emacs-lisp
  (setq org-export-global-macros
        (append
         '(

       ("sidenote"
        . "@@html:<label for=\"sn$1\" class=\"margin-toggle sidenote-number\"></label><input type=\"checkbox\" id=\"sn$1\" class=\"margin-toggle\"/><span class=\"sidenote\">$2</span>@@")

       ("epigraph"  . "@@html:<div class=\"epigraph\"><blockquote>$1<footer>$2</footer></blockquote></div>@@")
       
       ("epigraph_single"  . "@@html:<div class=\"epigraph\"><blockquote>$1</blockquote></div>@@")

       ("epigraph3" . "@@html:<div class=\"epigraph\"><blockquote>$1<footer>$2, <cite>$3</cite></footer></blockquote></div>@@")

       ("kbd"       . "@@html:<kbd>$1</kbd>@@@@latex:\\texttt{$1}@@")

       ("margimg"
        . "@@html:<aside class=\"marginnote\"><figure class=\"mn-fig\"><img src=\"$1\" alt=\"$2\" class=\"mn-img\" loading=\"lazy\" decoding=\"async\"/>$3</figure></aside>@@")
  	 
  	 
  	 org-export-global-macros)))


#+end_src

They are used as follows:

{{{sidenote(1, The very first iteration of this website used the Angular framework\, only after a while I realised (as every Emacs lover does) that I want to make this an Emacs-centric project)}}}

Use footnotes as follows:
[fn:1]
then put them at the bottom with the respective information.

* Blorgz

** ideas:
### **Personal Growth & Self-Improvement**
1. **The Power of Journaling: How Writing Every Day Can Transform Your Life**  
   - Exploring the benefits of journaling for mental clarity, goal setting, and emotional processing.  

2. **The Science of Happiness: What Really Makes Us Happy?**  
   - A deep dive into the psychology and neuroscience of happiness and how to apply it to daily life.  

3. **Building a Growth Mindset: How to Shift from a Fixed to a Growth-Oriented Outlook**  
   - Practical steps and insights on adopting a growth mindset for personal and professional development.  

4. **How to Set and Achieve Long-Term Goals**  
   - A structured approach to setting clear, actionable goals and staying motivated over time.  

5. **Embracing Failure: How to Learn and Grow from Setbacks**  
   - Understanding the importance of failure and how to reframe it as an opportunity for growth.  

### **Mental Health & Well-being**
6. **Dealing with Anxiety: Techniques to Cope and Build Resilience**  
   - Mindfulness, cognitive-behavioral strategies, and lifestyle changes that help manage anxiety.  

7. **How to Build Emotional Intelligence (EQ) for Better Relationships**  
   - Tips for recognizing, understanding, and managing your own emotions, and how to navigate others' emotions.  

8. **The Importance of Sleep for Mental and Physical Health**  
   - Why sleep is crucial for your overall well-being, along with tips for improving your sleep hygiene.  

9. **How to Practice Self-Compassion and Be Kinder to Yourself**  
   - Exploring the importance of self-compassion and how to stop being your own harshest critic.  

10. **Breaking the Cycle of Negative Self-Talk**  
    - How to identify, challenge, and reframe the negative thoughts that hold you back.  

### **Lifestyle & Balance**
11. **Minimalism: How Decluttering Your Life Can Lead to More Freedom**  
    - A guide to adopting a minimalist lifestyle, including decluttering your home, work, and digital space.  

12. **The Importance of Work-Life Balance and How to Achieve It**  
    - Strategies for maintaining a healthy balance between your career, personal life, and self-care.  

13. **How to Create a Morning Routine That Sets You Up for Success**  
    - A step-by-step guide to designing a morning routine that boosts your productivity and mindset.  

14. **The Power of Saying 'No': Setting Boundaries to Protect Your Time and Energy**  
    - How to say no gracefully and why it’s important for your mental health and well-being.  

15. **Building Strong Relationships: The Art of Effective Communication**  
    - How to communicate more clearly and empathetically in both personal and professional settings.  

### **Life Philosophy & Reflection**
16. **Living with Purpose: How to Find Your Life’s Meaning**  
    - A philosophical exploration of how to align your actions with your core values and life purpose.  

17. **Stoicism for Modern Life: How Ancient Philosophy Can Help You Thrive Today**  
    - Applying Stoic principles to improve resilience, clarity, and calm in the face of challenges.  

18. **The Concept of ‘Ikigai’: Finding Joy and Fulfillment in Your Work and Life**  
    - Exploring the Japanese philosophy of Ikigai and how to apply it for greater fulfillment and balance.  

19. **How to Handle Life Transitions: Moving Forward with Confidence**  
    - Tips for navigating big life changes, from job shifts to personal transformations.  

20. **The Importance of Gratitude: How to Cultivate a Daily Practice for a More Positive Life**  
    - The science behind gratitude and how to incorporate it into your daily life to increase happiness.  

### **Productivity in Daily Life**
21. **Time Management for Busy People: How to Get More Done Without Burning Out**  
    - Techniques like time blocking, prioritization, and task batching to make your day more productive.  

22. **Overcoming Overwhelm: How to Tackle Large Tasks Without Feeling Stressed**  
    - Breaking down big tasks into manageable chunks to prevent feelings of stress or burnout.  

23. **The Importance of Play and Fun in a Productive Life**  
    - How leisure and play are just as important for mental health and long-term productivity.  

24. **How to Stay Motivated During Long-Term Projects**  
    - Strategies for maintaining motivation and momentum over the course of a long, challenging task.  

25. **Creating a Digital Detox: How to Unplug and Recharge**  
    - The benefits of taking time away from screens and how to implement a healthy digital detox.  


** my emacs.config
- [[id:b2db0b0b-c179-43ab-9e2b-22bbaac69bcb][wp-emacs-config-blorg]]
** prefrontal-cortex
- [[id:b292f5c6-0c27-439c-8274-2150eb45e20d][wp-prefront-cortex-blorg]] 
** new emacs config written on: <2025-02-14 Fri>
[[id:1ee754f9-f30f-4976-850b-d18d01a834d2][wp-new-emacs-config-blorg]]
** urge surfing: <2025-03-14 Fri>
[[id:cfc4ce06-7862-49b7-9a4f-e515d690cd38][wp-urge-surfing-blorg]]
** growth mindset
[[id:CD093B85-BF68-4EAB-AABE-733C7BFC99DE][wp-growth-mindset]] <2025-03-14 Fri>
** emotional intelligence
[[id:D02B89DC-84D0-4211-A902-B9399F4179CA][wp-emotional-intelligence]] <2025-03-16 Sun>
** reflection on week 12
[[id:8CD2F4C4-22C2-4ECC-8F5F-C4779F8AC0F1][wp-week-12-reflections]]
** sadness
[[id:462F091B-9156-48B3-8665-0BE36C95C182][wp-sadness]]
* Commits
** code:
You can add a commit detail by doing this:
#+begin_src elist
(insert-commit-template)
;; "SPC c i c"
#+end_src
**  Commit on <2024-12-17 Tue>
*** Details
This commit was focused on getting the blog section ready. So far ive decided to go for a static approach, whereby the blogs are stored in a .json file and populated in an array. The 'slug' property is found in:
- the title of the file (blog)
- the metadata of the blog
- the metadata of the index.json
These three must be consistent
*** What to work on next: 
- the rendering of the content of the blogs
- the github project population: match the blog page stylings.
*** Commit message: 
"Worked on the blog page, did stylings and began to populate"
**  Commit on <2024-12-18 Wed>
*** Details
Decided to change the way the blog is rendered. Using a json index object to display the list (slug is importnant), then blog detail is displayed as a rendered *HTML* from a markdown file. The scss was changed as well:
#+begin_src js 
"node_modules/prismjs/themes/prism-dark.css"
#+end_src
this loads the theme for the code blocks.
*** What to work on next:
- the github project population: match the blog page stylings.
*** Commit message:
"continued work on blog page, stylings are done, the rendering changed from using json to md."
**  Commit on <2024-12-20 Fri>
*** Details
Worked on the github project display, kept the same look as the blogs. Also done the about me section in the homepage (added some random ai generated info - need to change). Also done the contacts (set up a smpt gmail server)
*** What to work on next:
- Get rid of all the hardcoded blogs, and begin first blog. 
*** Commit message:
"finished contact section - added smtp gmail server" 
**  Commit on <2025-01-01 Wed>
*** Details
Deployed (changed back to emailjs)
*** What to work on next:
*** Commit message: 
**  Commit on <2025-01-12 Sun>
*** Details
- added new blog: prefrontal cortex and self discipline
- added a estimated time to read
*** What to work on next:
more blogs
*** Commit message:
"added new blog"
**  Commit on <2025-02-15 Sat>
*** Details
- added tags with persistency. Redid the whole UI (theme)
*** What to work on next:
- add a cv section
*** Commit message:
**  Commit on <2025-03-14 Fri>
*** Details
- added quizzes and used firebase for storage
*** What to work on next:
- rendering of images , spending more time on blogs and creating quizzes
*** Commit message:
