833 lines
32 KiB
HTML
Executable File
833 lines
32 KiB
HTML
Executable File
<?xml version="1.0" encoding="utf-8"?>
|
||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
|
||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||
<head>
|
||
<!-- 2025-12-28 Sun 20:49 -->
|
||
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<title>web-port-notes</title>
|
||
<meta name="generator" content="Org Mode" />
|
||
<style type="text/css">
|
||
#content { max-width: 60em; margin: auto; }
|
||
.title { text-align: center;
|
||
margin-bottom: .2em; }
|
||
.subtitle { text-align: center;
|
||
font-size: medium;
|
||
font-weight: bold;
|
||
margin-top:0; }
|
||
.todo { font-family: monospace; color: red; }
|
||
.done { font-family: monospace; color: green; }
|
||
.priority { font-family: monospace; color: orange; }
|
||
.tag { background-color: #eee; font-family: monospace;
|
||
padding: 2px; font-size: 80%; font-weight: normal; }
|
||
.timestamp { color: #bebebe; }
|
||
.timestamp-kwd { color: #5f9ea0; }
|
||
.org-right { margin-left: auto; margin-right: 0px; text-align: right; }
|
||
.org-left { margin-left: 0px; margin-right: auto; text-align: left; }
|
||
.org-center { margin-left: auto; margin-right: auto; text-align: center; }
|
||
.underline { text-decoration: underline; }
|
||
#postamble p, #preamble p { font-size: 90%; margin: .2em; }
|
||
p.verse { margin-left: 3%; }
|
||
pre {
|
||
border: 1px solid #e6e6e6;
|
||
border-radius: 3px;
|
||
background-color: #f2f2f2;
|
||
padding: 8pt;
|
||
font-family: monospace;
|
||
overflow: auto;
|
||
margin: 1.2em;
|
||
}
|
||
pre.src {
|
||
position: relative;
|
||
overflow: auto;
|
||
}
|
||
pre.src:before {
|
||
display: none;
|
||
position: absolute;
|
||
top: -8px;
|
||
right: 12px;
|
||
padding: 3px;
|
||
color: #555;
|
||
background-color: #f2f2f299;
|
||
}
|
||
pre.src:hover:before { display: inline; margin-top: 14px;}
|
||
/* Languages per Org manual */
|
||
pre.src-asymptote:before { content: 'Asymptote'; }
|
||
pre.src-awk:before { content: 'Awk'; }
|
||
pre.src-authinfo::before { content: 'Authinfo'; }
|
||
pre.src-C:before { content: 'C'; }
|
||
/* pre.src-C++ doesn't work in CSS */
|
||
pre.src-clojure:before { content: 'Clojure'; }
|
||
pre.src-css:before { content: 'CSS'; }
|
||
pre.src-D:before { content: 'D'; }
|
||
pre.src-ditaa:before { content: 'ditaa'; }
|
||
pre.src-dot:before { content: 'Graphviz'; }
|
||
pre.src-calc:before { content: 'Emacs Calc'; }
|
||
pre.src-emacs-lisp:before { content: 'Emacs Lisp'; }
|
||
pre.src-fortran:before { content: 'Fortran'; }
|
||
pre.src-gnuplot:before { content: 'gnuplot'; }
|
||
pre.src-haskell:before { content: 'Haskell'; }
|
||
pre.src-hledger:before { content: 'hledger'; }
|
||
pre.src-java:before { content: 'Java'; }
|
||
pre.src-js:before { content: 'Javascript'; }
|
||
pre.src-latex:before { content: 'LaTeX'; }
|
||
pre.src-ledger:before { content: 'Ledger'; }
|
||
pre.src-lisp:before { content: 'Lisp'; }
|
||
pre.src-lilypond:before { content: 'Lilypond'; }
|
||
pre.src-lua:before { content: 'Lua'; }
|
||
pre.src-matlab:before { content: 'MATLAB'; }
|
||
pre.src-mscgen:before { content: 'Mscgen'; }
|
||
pre.src-ocaml:before { content: 'Objective Caml'; }
|
||
pre.src-octave:before { content: 'Octave'; }
|
||
pre.src-org:before { content: 'Org mode'; }
|
||
pre.src-oz:before { content: 'OZ'; }
|
||
pre.src-plantuml:before { content: 'Plantuml'; }
|
||
pre.src-processing:before { content: 'Processing.js'; }
|
||
pre.src-python:before { content: 'Python'; }
|
||
pre.src-R:before { content: 'R'; }
|
||
pre.src-ruby:before { content: 'Ruby'; }
|
||
pre.src-sass:before { content: 'Sass'; }
|
||
pre.src-scheme:before { content: 'Scheme'; }
|
||
pre.src-screen:before { content: 'Gnu Screen'; }
|
||
pre.src-sed:before { content: 'Sed'; }
|
||
pre.src-sh:before { content: 'shell'; }
|
||
pre.src-sql:before { content: 'SQL'; }
|
||
pre.src-sqlite:before { content: 'SQLite'; }
|
||
/* additional languages in org.el's org-babel-load-languages alist */
|
||
pre.src-forth:before { content: 'Forth'; }
|
||
pre.src-io:before { content: 'IO'; }
|
||
pre.src-J:before { content: 'J'; }
|
||
pre.src-makefile:before { content: 'Makefile'; }
|
||
pre.src-maxima:before { content: 'Maxima'; }
|
||
pre.src-perl:before { content: 'Perl'; }
|
||
pre.src-picolisp:before { content: 'Pico Lisp'; }
|
||
pre.src-scala:before { content: 'Scala'; }
|
||
pre.src-shell:before { content: 'Shell Script'; }
|
||
pre.src-ebnf2ps:before { content: 'ebfn2ps'; }
|
||
/* additional language identifiers per "defun org-babel-execute"
|
||
in ob-*.el */
|
||
pre.src-cpp:before { content: 'C++'; }
|
||
pre.src-abc:before { content: 'ABC'; }
|
||
pre.src-coq:before { content: 'Coq'; }
|
||
pre.src-groovy:before { content: 'Groovy'; }
|
||
/* additional language identifiers from org-babel-shell-names in
|
||
ob-shell.el: ob-shell is the only babel language using a lambda to put
|
||
the execution function name together. */
|
||
pre.src-bash:before { content: 'bash'; }
|
||
pre.src-csh:before { content: 'csh'; }
|
||
pre.src-ash:before { content: 'ash'; }
|
||
pre.src-dash:before { content: 'dash'; }
|
||
pre.src-ksh:before { content: 'ksh'; }
|
||
pre.src-mksh:before { content: 'mksh'; }
|
||
pre.src-posh:before { content: 'posh'; }
|
||
/* Additional Emacs modes also supported by the LaTeX listings package */
|
||
pre.src-ada:before { content: 'Ada'; }
|
||
pre.src-asm:before { content: 'Assembler'; }
|
||
pre.src-caml:before { content: 'Caml'; }
|
||
pre.src-delphi:before { content: 'Delphi'; }
|
||
pre.src-html:before { content: 'HTML'; }
|
||
pre.src-idl:before { content: 'IDL'; }
|
||
pre.src-mercury:before { content: 'Mercury'; }
|
||
pre.src-metapost:before { content: 'MetaPost'; }
|
||
pre.src-modula-2:before { content: 'Modula-2'; }
|
||
pre.src-pascal:before { content: 'Pascal'; }
|
||
pre.src-ps:before { content: 'PostScript'; }
|
||
pre.src-prolog:before { content: 'Prolog'; }
|
||
pre.src-simula:before { content: 'Simula'; }
|
||
pre.src-tcl:before { content: 'tcl'; }
|
||
pre.src-tex:before { content: 'TeX'; }
|
||
pre.src-plain-tex:before { content: 'Plain TeX'; }
|
||
pre.src-verilog:before { content: 'Verilog'; }
|
||
pre.src-vhdl:before { content: 'VHDL'; }
|
||
pre.src-xml:before { content: 'XML'; }
|
||
pre.src-nxml:before { content: 'XML'; }
|
||
/* add a generic configuration mode; LaTeX export needs an additional
|
||
(add-to-list 'org-latex-listings-langs '(conf " ")) in .emacs */
|
||
pre.src-conf:before { content: 'Configuration File'; }
|
||
|
||
table { border-collapse:collapse; }
|
||
caption.t-above { caption-side: top; }
|
||
caption.t-bottom { caption-side: bottom; }
|
||
td, th { vertical-align:top; }
|
||
th.org-right { text-align: center; }
|
||
th.org-left { text-align: center; }
|
||
th.org-center { text-align: center; }
|
||
td.org-right { text-align: right; }
|
||
td.org-left { text-align: left; }
|
||
td.org-center { text-align: center; }
|
||
dt { font-weight: bold; }
|
||
.footpara { display: inline; }
|
||
.footdef { margin-bottom: 1em; }
|
||
.figure { padding: 1em; }
|
||
.figure p { text-align: center; }
|
||
.equation-container {
|
||
display: table;
|
||
text-align: center;
|
||
width: 100%;
|
||
}
|
||
.equation {
|
||
vertical-align: middle;
|
||
}
|
||
.equation-label {
|
||
display: table-cell;
|
||
text-align: right;
|
||
vertical-align: middle;
|
||
}
|
||
.inlinetask {
|
||
padding: 10px;
|
||
border: 2px solid gray;
|
||
margin: 10px;
|
||
background: #ffffcc;
|
||
}
|
||
#org-div-home-and-up
|
||
{ text-align: right; font-size: 70%; white-space: nowrap; }
|
||
textarea { overflow-x: auto; }
|
||
.linenr { font-size: smaller }
|
||
.code-highlighted { background-color: #ffff00; }
|
||
.org-info-js_info-navigation { border-style: none; }
|
||
#org-info-js_console-label
|
||
{ font-size: 10px; font-weight: bold; white-space: nowrap; }
|
||
.org-info-js_search-highlight
|
||
{ background-color: #ffff00; color: #000000; font-weight: bold; }
|
||
.org-svg { }
|
||
</style>
|
||
|
||
<link rel="stylesheet" href="/assets/styles/style.css" />
|
||
<link rel="stylesheet" href="/assets/styles/bigger-picture.min.css" />
|
||
<link rel="stylesheet" href="/assets/styles/media.css" />
|
||
|
||
<script src="/assets/scripts/script.js" defer></script>
|
||
<script src="/assets/scripts/search.js" defer></script>
|
||
<script src="/assets/scripts/bigger-picture.min.js" defer></script>
|
||
<script src="/assets/scripts/svg-pan-zoom.min.js" defer></script>
|
||
<script src="/assets/scripts/gallery-init.js" defer></script>
|
||
<script>
|
||
window.MathJax = {
|
||
tex: {
|
||
ams: {
|
||
multlineWidth: '85%'
|
||
},
|
||
tags: 'ams',
|
||
tagSide: 'right',
|
||
tagIndent: '.8em'
|
||
},
|
||
chtml: {
|
||
scale: 1.0,
|
||
displayAlign: 'center',
|
||
displayIndent: '0em'
|
||
},
|
||
svg: {
|
||
scale: 1.0,
|
||
displayAlign: 'center',
|
||
displayIndent: '0em'
|
||
},
|
||
output: {
|
||
font: 'mathjax-modern',
|
||
displayOverflow: 'overflow'
|
||
}
|
||
};
|
||
</script>
|
||
|
||
<script
|
||
id="MathJax-script"
|
||
async
|
||
src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js">
|
||
</script>
|
||
</head>
|
||
<body>
|
||
<div id="preamble" class="status">
|
||
|
||
<div class="banner-header">
|
||
<div class="banner-left">
|
||
<a href="/20241210233721-brain_moc.html"> <img src="/assets/gr.png" alt="Site Logo" class="banner-logo" /> </a>
|
||
<div id="updated">Updated: 2025-12-28 Sun 19:48</div>
|
||
</div>
|
||
|
||
<div class="banner-search">
|
||
<input id="search-box"
|
||
type="search"
|
||
placeholder="Search notes…"
|
||
aria-label="Search notes"
|
||
autocomplete="off" />
|
||
<div id="search-results"></div>
|
||
</div>
|
||
|
||
<button id="close-all">Close All</button>
|
||
</div>
|
||
</div>
|
||
<div id="stack-root">
|
||
<div class="stack-track">
|
||
<article class="stack-pane pane-root" data-url="/20241217234535-web_port_notes.html">
|
||
<div id="content" class="content">
|
||
<div class="title-section">
|
||
<div class="title-controls">
|
||
<button class="pane-fullscreen" aria-label="Fullscreen">F</button>
|
||
<button class="pane-edit" aria-label="Edit pane">E</button>
|
||
<button class="pane-close" aria-label="Close pane">×</button>
|
||
</div>
|
||
<h1 class="title">web-port-notes</h1>
|
||
<div class="title-metadata">
|
||
<span class="metadata-item">
|
||
<span class="metadata-label">planted:</span>
|
||
<span class="metadata-value">2024-12-17</span>
|
||
</span>
|
||
<span class="metadata-item">
|
||
<span class="metadata-label">last tended to:</span>
|
||
<span class="metadata-value">2025-12-28</span>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
<div id="outline-container-orgbed3ba5" class="outline-2">
|
||
<h2 id="orgbed3ba5"><a href="#orgbed3ba5"><span class="timestamp-wrapper"><span class="timestamp"><2025-11-06 Thu> </span></span> old sitemap for blogs:</a></h2>
|
||
<div class="outline-text-2" id="text-orgbed3ba5">
|
||
<p>
|
||
(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: <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<sub>files</sub>/org<sub>web</sub>/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 “<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 <span class=\"post-date\">%s</span> %s” link date-str tags-str)))
|
||
(cdr list)
|
||
“\n”)))
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div id="outline-container-org002a3ff" class="outline-2">
|
||
<h2 id="org002a3ff"><a href="#org002a3ff">Footnotes and sidenotes</a></h2>
|
||
<div class="outline-text-2" id="text-org002a3ff">
|
||
<p>
|
||
Here is a list of macros:
|
||
</p>
|
||
|
||
<div class="org-src-container">
|
||
<pre class="src 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)))
|
||
|
||
|
||
</pre>
|
||
</div>
|
||
|
||
<p>
|
||
They are used as follows:
|
||
</p>
|
||
|
||
<p>
|
||
<span class="sidenote">1</span>
|
||
</p>
|
||
|
||
<p>
|
||
Use footnotes as follows:
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div id="outline-container-org7c1b0ba" class="outline-2">
|
||
<h2 id="org7c1b0ba"><a href="#org7c1b0ba">Blorgz</a></h2>
|
||
<div class="outline-text-2" id="text-org7c1b0ba">
|
||
</div>
|
||
<div id="outline-container-org10d7b5b" class="outline-3">
|
||
<h3 id="org10d7b5b"><a href="#org10d7b5b">ideas:</a></h3>
|
||
<div class="outline-text-3" id="text-org10d7b5b">
|
||
<p>
|
||
### <b><b>Personal Growth & Self-Improvement</b></b>
|
||
</p>
|
||
<ol class="org-ol">
|
||
<li><b><b>The Power of Journaling: How Writing Every Day Can Transform Your Life</b></b>
|
||
<ul class="org-ul">
|
||
<li>Exploring the benefits of journaling for mental clarity, goal setting, and emotional processing.</li>
|
||
</ul></li>
|
||
|
||
<li><b><b>The Science of Happiness: What Really Makes Us Happy?</b></b>
|
||
<ul class="org-ul">
|
||
<li>A deep dive into the psychology and neuroscience of happiness and how to apply it to daily life.</li>
|
||
</ul></li>
|
||
|
||
<li><b><b>Building a Growth Mindset: How to Shift from a Fixed to a Growth-Oriented Outlook</b></b>
|
||
<ul class="org-ul">
|
||
<li>Practical steps and insights on adopting a growth mindset for personal and professional development.</li>
|
||
</ul></li>
|
||
|
||
<li><b><b>How to Set and Achieve Long-Term Goals</b></b>
|
||
<ul class="org-ul">
|
||
<li>A structured approach to setting clear, actionable goals and staying motivated over time.</li>
|
||
</ul></li>
|
||
|
||
<li><b><b>Embracing Failure: How to Learn and Grow from Setbacks</b></b>
|
||
<ul class="org-ul">
|
||
<li>Understanding the importance of failure and how to reframe it as an opportunity for growth.</li>
|
||
</ul></li>
|
||
</ol>
|
||
|
||
<p>
|
||
### <b><b>Mental Health & Well-being</b></b>
|
||
</p>
|
||
<ol class="org-ol">
|
||
<li><b><b>Dealing with Anxiety: Techniques to Cope and Build Resilience</b></b>
|
||
<ul class="org-ul">
|
||
<li>Mindfulness, cognitive-behavioral strategies, and lifestyle changes that help manage anxiety.</li>
|
||
</ul></li>
|
||
|
||
<li><b><b>How to Build Emotional Intelligence (EQ) for Better Relationships</b></b>
|
||
<ul class="org-ul">
|
||
<li>Tips for recognizing, understanding, and managing your own emotions, and how to navigate others’ emotions.</li>
|
||
</ul></li>
|
||
|
||
<li><b><b>The Importance of Sleep for Mental and Physical Health</b></b>
|
||
<ul class="org-ul">
|
||
<li>Why sleep is crucial for your overall well-being, along with tips for improving your sleep hygiene.</li>
|
||
</ul></li>
|
||
|
||
<li><b><b>How to Practice Self-Compassion and Be Kinder to Yourself</b></b>
|
||
<ul class="org-ul">
|
||
<li>Exploring the importance of self-compassion and how to stop being your own harshest critic.</li>
|
||
</ul></li>
|
||
|
||
<li><b><b>Breaking the Cycle of Negative Self-Talk</b></b>
|
||
<ul class="org-ul">
|
||
<li>How to identify, challenge, and reframe the negative thoughts that hold you back.</li>
|
||
</ul></li>
|
||
</ol>
|
||
|
||
<p>
|
||
### <b><b>Lifestyle & Balance</b></b>
|
||
</p>
|
||
<ol class="org-ol">
|
||
<li><b><b>Minimalism: How Decluttering Your Life Can Lead to More Freedom</b></b>
|
||
<ul class="org-ul">
|
||
<li>A guide to adopting a minimalist lifestyle, including decluttering your home, work, and digital space.</li>
|
||
</ul></li>
|
||
|
||
<li><b><b>The Importance of Work-Life Balance and How to Achieve It</b></b>
|
||
<ul class="org-ul">
|
||
<li>Strategies for maintaining a healthy balance between your career, personal life, and self-care.</li>
|
||
</ul></li>
|
||
|
||
<li><b><b>How to Create a Morning Routine That Sets You Up for Success</b></b>
|
||
<ul class="org-ul">
|
||
<li>A step-by-step guide to designing a morning routine that boosts your productivity and mindset.</li>
|
||
</ul></li>
|
||
|
||
<li><b><b>The Power of Saying ’No’: Setting Boundaries to Protect Your Time and Energy</b></b>
|
||
<ul class="org-ul">
|
||
<li>How to say no gracefully and why it’s important for your mental health and well-being.</li>
|
||
</ul></li>
|
||
|
||
<li><b><b>Building Strong Relationships: The Art of Effective Communication</b></b>
|
||
<ul class="org-ul">
|
||
<li>How to communicate more clearly and empathetically in both personal and professional settings.</li>
|
||
</ul></li>
|
||
</ol>
|
||
|
||
<p>
|
||
### <b><b>Life Philosophy & Reflection</b></b>
|
||
</p>
|
||
<ol class="org-ol">
|
||
<li><b><b>Living with Purpose: How to Find Your Life’s Meaning</b></b>
|
||
<ul class="org-ul">
|
||
<li>A philosophical exploration of how to align your actions with your core values and life purpose.</li>
|
||
</ul></li>
|
||
|
||
<li><b><b>Stoicism for Modern Life: How Ancient Philosophy Can Help You Thrive Today</b></b>
|
||
<ul class="org-ul">
|
||
<li>Applying Stoic principles to improve resilience, clarity, and calm in the face of challenges.</li>
|
||
</ul></li>
|
||
|
||
<li><b><b>The Concept of ‘Ikigai’: Finding Joy and Fulfillment in Your Work and Life</b></b>
|
||
<ul class="org-ul">
|
||
<li>Exploring the Japanese philosophy of Ikigai and how to apply it for greater fulfillment and balance.</li>
|
||
</ul></li>
|
||
|
||
<li><b><b>How to Handle Life Transitions: Moving Forward with Confidence</b></b>
|
||
<ul class="org-ul">
|
||
<li>Tips for navigating big life changes, from job shifts to personal transformations.</li>
|
||
</ul></li>
|
||
|
||
<li><b><b>The Importance of Gratitude: How to Cultivate a Daily Practice for a More Positive Life</b></b>
|
||
<ul class="org-ul">
|
||
<li>The science behind gratitude and how to incorporate it into your daily life to increase happiness.</li>
|
||
</ul></li>
|
||
</ol>
|
||
|
||
<p>
|
||
### <b><b>Productivity in Daily Life</b></b>
|
||
</p>
|
||
<ol class="org-ol">
|
||
<li><b><b>Time Management for Busy People: How to Get More Done Without Burning Out</b></b>
|
||
<ul class="org-ul">
|
||
<li>Techniques like time blocking, prioritization, and task batching to make your day more productive.</li>
|
||
</ul></li>
|
||
|
||
<li><b><b>Overcoming Overwhelm: How to Tackle Large Tasks Without Feeling Stressed</b></b>
|
||
<ul class="org-ul">
|
||
<li>Breaking down big tasks into manageable chunks to prevent feelings of stress or burnout.</li>
|
||
</ul></li>
|
||
|
||
<li><b><b>The Importance of Play and Fun in a Productive Life</b></b>
|
||
<ul class="org-ul">
|
||
<li>How leisure and play are just as important for mental health and long-term productivity.</li>
|
||
</ul></li>
|
||
|
||
<li><b><b>How to Stay Motivated During Long-Term Projects</b></b>
|
||
<ul class="org-ul">
|
||
<li>Strategies for maintaining motivation and momentum over the course of a long, challenging task.</li>
|
||
</ul></li>
|
||
|
||
<li><b><b>Creating a Digital Detox: How to Unplug and Recharge</b></b>
|
||
<ul class="org-ul">
|
||
<li>The benefits of taking time away from screens and how to implement a healthy digital detox.</li>
|
||
</ul></li>
|
||
</ol>
|
||
</div>
|
||
</div>
|
||
<div id="outline-container-org0965718" class="outline-3">
|
||
<h3 id="org0965718"><a href="#org0965718">my emacs.config</a></h3>
|
||
<div class="outline-text-3" id="text-org0965718">
|
||
<ul class="org-ul">
|
||
<li><a href="20241217234944-wp_emacs_config_blorg.html#ID-b2db0b0b-c179-43ab-9e2b-22bbaac69bcb">wp-emacs-config-blorg</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div id="outline-container-orga79d2d6" class="outline-3">
|
||
<h3 id="orga79d2d6"><a href="#orga79d2d6">prefrontal-cortex</a></h3>
|
||
<div class="outline-text-3" id="text-orga79d2d6">
|
||
<ul class="org-ul">
|
||
<li><a href="20250111213016-wp_prefront_cortex_blog.html#ID-b292f5c6-0c27-439c-8274-2150eb45e20d">wp-prefront-cortex-blorg</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div id="outline-container-org0c9508c" class="outline-3">
|
||
<h3 id="org0c9508c"><a href="#org0c9508c">new emacs config written on: <span class="timestamp-wrapper"><span class="timestamp"><2025-02-14 Fri></span></span></a></h3>
|
||
<div class="outline-text-3" id="text-org0c9508c">
|
||
<p>
|
||
<a href="20250214155617-wp_new_emacs_config_blorg.html#ID-1ee754f9-f30f-4976-850b-d18d01a834d2">wp-new-emacs-config-blorg</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div id="outline-container-org1c73de3" class="outline-3">
|
||
<h3 id="org1c73de3"><a href="#org1c73de3">urge surfing: <span class="timestamp-wrapper"><span class="timestamp"><2025-03-14 Fri></span></span></a></h3>
|
||
<div class="outline-text-3" id="text-org1c73de3">
|
||
<p>
|
||
<a href="20250226184629-wp_urge_surfing_blorg.html#ID-cfc4ce06-7862-49b7-9a4f-e515d690cd38">wp-urge-surfing-blorg</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div id="outline-container-org24738f4" class="outline-3">
|
||
<h3 id="org24738f4"><a href="#org24738f4">growth mindset</a></h3>
|
||
<div class="outline-text-3" id="text-org24738f4">
|
||
<p>
|
||
<a href="20250314223811-wp_growth_mindset.html#ID-CD093B85-BF68-4EAB-AABE-733C7BFC99DE">wp-growth-mindset</a> <span class="timestamp-wrapper"><span class="timestamp"><2025-03-14 Fri></span></span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div id="outline-container-orgb93789a" class="outline-3">
|
||
<h3 id="orgb93789a"><a href="#orgb93789a">emotional intelligence</a></h3>
|
||
<div class="outline-text-3" id="text-orgb93789a">
|
||
<p>
|
||
<a href="20250314230952-wp_emotional_intelligence.html#ID-D02B89DC-84D0-4211-A902-B9399F4179CA">wp-emotional-intelligence</a> <span class="timestamp-wrapper"><span class="timestamp"><2025-03-16 Sun></span></span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div id="outline-container-org647f630" class="outline-3">
|
||
<h3 id="org647f630"><a href="#org647f630">reflection on week 12</a></h3>
|
||
<div class="outline-text-3" id="text-org647f630">
|
||
<p>
|
||
<a href="20250324041724-wp_week_12_reflections.html#ID-8CD2F4C4-22C2-4ECC-8F5F-C4779F8AC0F1">wp-week-12-reflections</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div id="outline-container-org8cc844f" class="outline-3">
|
||
<h3 id="org8cc844f"><a href="#org8cc844f">sadness</a></h3>
|
||
<div class="outline-text-3" id="text-org8cc844f">
|
||
<p>
|
||
<a href="20250412234351-wp_sadness.html#ID-462F091B-9156-48B3-8665-0BE36C95C182">wp-sadness</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="outline-container-org868dd52" class="outline-2">
|
||
<h2 id="org868dd52"><a href="#org868dd52">Commits</a></h2>
|
||
<div class="outline-text-2" id="text-org868dd52">
|
||
</div>
|
||
<div id="outline-container-orgde6e59f" class="outline-3">
|
||
<h3 id="orgde6e59f"><a href="#orgde6e59f">code:</a></h3>
|
||
<div class="outline-text-3" id="text-orgde6e59f">
|
||
<p>
|
||
You can add a commit detail by doing this:
|
||
</p>
|
||
<div class="org-src-container">
|
||
<pre class="src src-elist">(insert-commit-template)
|
||
;; "SPC c i c"
|
||
</pre>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="outline-container-orgbc4123e" class="outline-3">
|
||
<h3 id="orgbc4123e"><a href="#orgbc4123e">Commit on <span class="timestamp-wrapper"><span class="timestamp"><2024-12-17 Tue></span></span></a></h3>
|
||
<div class="outline-text-3" id="text-orgbc4123e">
|
||
</div>
|
||
<div id="outline-container-org2d4c726" class="outline-4">
|
||
<h4 id="org2d4c726"><a href="#org2d4c726">Details</a></h4>
|
||
<div class="outline-text-4" id="text-org2d4c726">
|
||
<p>
|
||
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:
|
||
</p>
|
||
<ul class="org-ul">
|
||
<li>the title of the file (blog)</li>
|
||
<li>the metadata of the blog</li>
|
||
<li>the metadata of the index.json</li>
|
||
</ul>
|
||
<p>
|
||
These three must be consistent
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div id="outline-container-org4bc05e8" class="outline-4">
|
||
<h4 id="org4bc05e8"><a href="#org4bc05e8">What to work on next:</a></h4>
|
||
<div class="outline-text-4" id="text-org4bc05e8">
|
||
<ul class="org-ul">
|
||
<li>the rendering of the content of the blogs</li>
|
||
<li>the github project population: match the blog page stylings.</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div id="outline-container-org38dae40" class="outline-4">
|
||
<h4 id="org38dae40"><a href="#org38dae40">Commit message:</a></h4>
|
||
<div class="outline-text-4" id="text-org38dae40">
|
||
<p>
|
||
“Worked on the blog page, did stylings and began to populate”
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="outline-container-org4758cf6" class="outline-3">
|
||
<h3 id="org4758cf6"><a href="#org4758cf6">Commit on <span class="timestamp-wrapper"><span class="timestamp"><2024-12-18 Wed></span></span></a></h3>
|
||
<div class="outline-text-3" id="text-org4758cf6">
|
||
</div>
|
||
<div id="outline-container-orgf61f049" class="outline-4">
|
||
<h4 id="orgf61f049"><a href="#orgf61f049">Details</a></h4>
|
||
<div class="outline-text-4" id="text-orgf61f049">
|
||
<p>
|
||
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 <b>HTML</b> from a markdown file. The scss was changed as well:
|
||
</p>
|
||
<div class="org-src-container">
|
||
<pre class="src src-js">"node_modules/prismjs/themes/prism-dark.css"
|
||
</pre>
|
||
</div>
|
||
<p>
|
||
this loads the theme for the code blocks.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div id="outline-container-orge2bf181" class="outline-4">
|
||
<h4 id="orge2bf181"><a href="#orge2bf181">What to work on next:</a></h4>
|
||
<div class="outline-text-4" id="text-orge2bf181">
|
||
<ul class="org-ul">
|
||
<li>the github project population: match the blog page stylings.</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div id="outline-container-orge6ce5b7" class="outline-4">
|
||
<h4 id="orge6ce5b7"><a href="#orge6ce5b7">Commit message:</a></h4>
|
||
<div class="outline-text-4" id="text-orge6ce5b7">
|
||
<p>
|
||
“continued work on blog page, stylings are done, the rendering changed from using json to md.”
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="outline-container-orgf67e4a5" class="outline-3">
|
||
<h3 id="orgf67e4a5"><a href="#orgf67e4a5">Commit on <span class="timestamp-wrapper"><span class="timestamp"><2024-12-20 Fri></span></span></a></h3>
|
||
<div class="outline-text-3" id="text-orgf67e4a5">
|
||
</div>
|
||
<div id="outline-container-org2ec9931" class="outline-4">
|
||
<h4 id="org2ec9931"><a href="#org2ec9931">Details</a></h4>
|
||
<div class="outline-text-4" id="text-org2ec9931">
|
||
<p>
|
||
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)
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div id="outline-container-orgf76ebc3" class="outline-4">
|
||
<h4 id="orgf76ebc3"><a href="#orgf76ebc3">What to work on next:</a></h4>
|
||
<div class="outline-text-4" id="text-orgf76ebc3">
|
||
<ul class="org-ul">
|
||
<li>Get rid of all the hardcoded blogs, and begin first blog.</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div id="outline-container-orgcab8eb8" class="outline-4">
|
||
<h4 id="orgcab8eb8"><a href="#orgcab8eb8">Commit message:</a></h4>
|
||
<div class="outline-text-4" id="text-orgcab8eb8">
|
||
<p>
|
||
“finished contact section - added smtp gmail server”
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="outline-container-org1d1efc9" class="outline-3">
|
||
<h3 id="org1d1efc9"><a href="#org1d1efc9">Commit on <span class="timestamp-wrapper"><span class="timestamp"><2025-01-01 Wed></span></span></a></h3>
|
||
<div class="outline-text-3" id="text-org1d1efc9">
|
||
</div>
|
||
<div id="outline-container-org097edf9" class="outline-4">
|
||
<h4 id="org097edf9"><a href="#org097edf9">Details</a></h4>
|
||
<div class="outline-text-4" id="text-org097edf9">
|
||
<p>
|
||
Deployed (changed back to emailjs)
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div id="outline-container-org89de7a6" class="outline-4">
|
||
<h4 id="org89de7a6"><a href="#org89de7a6">What to work on next:</a></h4>
|
||
</div>
|
||
<div id="outline-container-orgd183520" class="outline-4">
|
||
<h4 id="orgd183520"><a href="#orgd183520">Commit message:</a></h4>
|
||
</div>
|
||
</div>
|
||
<div id="outline-container-org0017479" class="outline-3">
|
||
<h3 id="org0017479"><a href="#org0017479">Commit on <span class="timestamp-wrapper"><span class="timestamp"><2025-01-12 Sun></span></span></a></h3>
|
||
<div class="outline-text-3" id="text-org0017479">
|
||
</div>
|
||
<div id="outline-container-orga34d78e" class="outline-4">
|
||
<h4 id="orga34d78e"><a href="#orga34d78e">Details</a></h4>
|
||
<div class="outline-text-4" id="text-orga34d78e">
|
||
<ul class="org-ul">
|
||
<li>added new blog: prefrontal cortex and self discipline</li>
|
||
<li>added a estimated time to read</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div id="outline-container-org5c12d0a" class="outline-4">
|
||
<h4 id="org5c12d0a"><a href="#org5c12d0a">What to work on next:</a></h4>
|
||
<div class="outline-text-4" id="text-org5c12d0a">
|
||
<p>
|
||
more blogs
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div id="outline-container-org9f7fd40" class="outline-4">
|
||
<h4 id="org9f7fd40"><a href="#org9f7fd40">Commit message:</a></h4>
|
||
<div class="outline-text-4" id="text-org9f7fd40">
|
||
<p>
|
||
“added new blog”
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="outline-container-org4f304c9" class="outline-3">
|
||
<h3 id="org4f304c9"><a href="#org4f304c9">Commit on <span class="timestamp-wrapper"><span class="timestamp"><2025-02-15 Sat></span></span></a></h3>
|
||
<div class="outline-text-3" id="text-org4f304c9">
|
||
</div>
|
||
<div id="outline-container-org006a0b3" class="outline-4">
|
||
<h4 id="org006a0b3"><a href="#org006a0b3">Details</a></h4>
|
||
<div class="outline-text-4" id="text-org006a0b3">
|
||
<ul class="org-ul">
|
||
<li>added tags with persistency. Redid the whole UI (theme)</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div id="outline-container-orgbc943b6" class="outline-4">
|
||
<h4 id="orgbc943b6"><a href="#orgbc943b6">What to work on next:</a></h4>
|
||
<div class="outline-text-4" id="text-orgbc943b6">
|
||
<ul class="org-ul">
|
||
<li>add a cv section</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div id="outline-container-org24118a6" class="outline-4">
|
||
<h4 id="org24118a6"><a href="#org24118a6">Commit message:</a></h4>
|
||
</div>
|
||
</div>
|
||
<div id="outline-container-org0b0cee7" class="outline-3">
|
||
<h3 id="org0b0cee7"><a href="#org0b0cee7">Commit on <span class="timestamp-wrapper"><span class="timestamp"><2025-03-14 Fri></span></span></a></h3>
|
||
<div class="outline-text-3" id="text-org0b0cee7">
|
||
</div>
|
||
<div id="outline-container-org47f8d45" class="outline-4">
|
||
<h4 id="org47f8d45"><a href="#org47f8d45">Details</a></h4>
|
||
<div class="outline-text-4" id="text-org47f8d45">
|
||
<ul class="org-ul">
|
||
<li>added quizzes and used firebase for storage</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div id="outline-container-org79e6eea" class="outline-4">
|
||
<h4 id="org79e6eea"><a href="#org79e6eea">What to work on next:</a></h4>
|
||
<div class="outline-text-4" id="text-org79e6eea">
|
||
<ul class="org-ul">
|
||
<li>rendering of images , spending more time on blogs and creating quizzes</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div id="outline-container-org3bde07d" class="outline-4">
|
||
<h4 id="org3bde07d"><a href="#org3bde07d">Commit message:</a></h4>
|
||
<div class="outline-text-4" id="text-org3bde07d">
|
||
<p class="backlinks-section" id="backlinks">
|
||
Backlinks
|
||
</p>
|
||
<ul class="org-ul backlinks-list">
|
||
<li><a href="20241210001045-technical.html#ID-2f285f04-fcf4-4ade-a1ac-2c50b43d529a">Technical MOC</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div></article></div></div>
|
||
<div id="postamble" class="status">
|
||
<footer>
|
||
<div class="copyright-container">
|
||
<div class="copyright">
|
||
Copyright © 2022-2025 Zaine Qayyum. All rights reserved unless otherwise noted.</div></div>
|
||
<div class="generated">
|
||
Created with <a href="https://www.gnu.org/software/emacs/">Emacs</a> 30.2 (<a href="https://orgmode.org">Org</a> mode 9.7.11) on <a href="https://www.archlinux.org/">Arch</a> <a href="https://www.gnu.org">GNU</a>/<a href="https://www.kernel.org/">Linux</a>
|
||
</div>
|
||
</footer>
|
||
</div>
|
||
</body>
|
||
</html>
|