Added content

content/health/holistic-health/index.md

@@ -0,0 +1,31 @@
+# Embracing Holistic Health: Nurturing Mind, Body, and Spirit
+
+In our pursuit of well-being, it's essential to recognize that health isn't just physical; it encompasses the intricate dance of mind, body, and spirit. Embracing holistic health involves nurturing all aspects of our being to achieve a harmonious state of balance and vitality.
+
+## Mind: Cultivating Mental Wellness
+
+The mind is a powerful force that influences our thoughts, emotions, and actions. Cultivating mental wellness involves practices that promote clarity, resilience, and emotional balance:
+
+- **Mindfulness Meditation**: Engage in mindfulness meditation to anchor yourself in the present moment, fostering awareness and acceptance of your thoughts and feelings.
+- **Positive Affirmations**: Practice affirmations to cultivate a positive mindset, nurturing self-confidence and self-love.
+- **Stress Management Techniques**: Explore stress-reduction techniques such as deep breathing, progressive muscle relaxation, or journaling to alleviate tension and promote relaxation.
+
+## Body: Nourishing with Wholesome Care
+
+Our bodies are miraculous vessels that require nourishment, movement, and rest to thrive. Embrace practices that honor your body's needs and promote physical vitality:
+
+- **Nutrient-Rich Diet**: Fuel your body with whole, nutrient-dense foods that provide the essential vitamins, minerals, and antioxidants needed for optimal health.
+- **Regular Exercise**: Engage in physical activity that brings you joy and vitality, whether it's yoga, dancing, hiking, or strength training.
+- **Quality Sleep**: Prioritize restful sleep by creating a relaxing bedtime routine, optimizing your sleep environment, and aiming for sufficient hours of rest each night.
+
+## Spirit: Nurturing Inner Connection
+
+Our spiritual well-being encompasses our sense of purpose, connection to others, and alignment with something greater than ourselves. Nurture your spirit through practices that cultivate inner peace, compassion, and connection:
+
+- **Gratitude Practice**: Cultivate gratitude by reflecting on the blessings in your life, fostering a sense of appreciation and abundance.
+- **Connection with Nature**: Spend time in nature to ground yourself, replenish your spirit, and foster a sense of awe and wonder.
+- **Mindful Relationships**: Cultivate meaningful connections with others based on empathy, compassion, and authentic communication.
+
+### The Path to Wholeness
+
+Embracing holistic health is a journey of self-discovery, self-care, and self-compassion. It's about recognizing the interconnectedness of mind, body, and spirit and nurturing each aspect with love and intention. By prioritizing holistic well-being, we can cultivate a life filled with vitality, joy, and meaning.

content/health/index.md

@@ -0,0 +1,33 @@
+# Nurturing Your Well-being: A Dive into Health and Vitality
+
+In a world bustling with the cacophony of daily life, it's easy to overlook the gentle whispers of our bodies, nudging us towards wellness. **Health**, often taken for granted until it falters, is our most precious asset. Yet, amidst the chaos, nurturing it often takes a backseat. Today, let's embark on a journey to explore the essence of health and ways to cherish it.
+
+## Unraveling the Tapestry of Health
+
+Health isn't merely the absence of illness but a harmonious interplay of *physical, mental, and emotional well-being*. It's a tapestry woven from myriad threads:
+
+- **The Fuel of Life: Nutrition**
+
+  Imagine your body as a finely tuned machine, requiring optimal fuel to function. Nutrition is the cornerstone of health, supplying the raw materials for cellular repair, growth, and vitality. Embrace a rainbow on your plate, incorporating *fruits*, *vegetables*, *whole grains*, *lean proteins*, and *healthy fats*. Remember, nourishment isn't just about calories but about the quality of nutrients you consume.
+
+- **Movement: The Dance of Life**
+
+  Our bodies crave movement, a symphony of muscles, bones, and joints working in unison. Regular exercise isn't just a means to sculpt our physique but a potent elixir for health. Find joy in movement - be it a brisk walk, a yoga session, or a dance class. Aim for a balance of cardiovascular, strength, and flexibility exercises, tailored to your body's needs.
+
+- **Restoring Balance: Sleep**
+
+  In a world that never sleeps, prioritizing rest often feels like a luxury. Yet, sleep is non-negotiable for health. It's during slumber that our bodies rejuvenate, repairing tissues, consolidating memories, and regulating hormones. Cultivate sleep hygiene - create a tranquil sleep environment, unwind before bedtime, and aim for seven to nine hours of restorative sleep each night.
+
+- **Taming the Mind: Stress Management**
+
+  Stress, the silent saboteur of health, exerts a profound impact on our well-being. Chronic stress disrupts hormonal balance, weakens the immune system, and fuels inflammation. Cultivate resilience in the face of adversity through *mindfulness*, *meditation*, *deep breathing*, or engaging in hobbies that bring solace. Remember, it's not the absence of stress but our response to it that shapes our health.
+
+- **Nurturing the Soul: Emotional Well-being**
+
+  Amidst the hustle and bustle of life, it's essential to tend to our emotional landscape. Acknowledge and express your feelings, cultivate meaningful relationships, and prioritize self-care. Seek support when needed, whether from loved ones, friends, or mental health professionals. Remember, vulnerability is not a sign of weakness but a testament to our humanity.
+
+### Embracing Holistic Health
+
+True health isn't achieved through a checklist of dos and don'ts but through a holistic embrace of mind, body, and spirit. It's about finding harmony amidst life's ebbs and flows, honoring the whispers of our bodies, and nurturing ourselves with compassion.
+
+As we navigate the labyrinth of modern living, let's pause to cherish the gift of health - a precious jewel deserving of our utmost care. Let's pledge to nourish our bodies with wholesome foods, move with joy and purpose, rest with reverence, and cultivate resilience in the face of adversity. For further exploration, [read more](holistic-health).

content/index.md

@@ -1,38 +1,4 @@
-# What is Next.js?
+# Blogs
 
-Next.js is a React framework for building full-stack web applications. You use React Components to build user interfaces, and Next.js for additional features and optimizations.
-
-Under the hood, Next.js also abstracts and automatically configures tooling needed for React, like bundling, compiling, and more. This allows you to focus on building your application instead of spending time with configuration.
-
-Whether you're an individual developer or part of a larger team, Next.js can help you build interactive, dynamic, and fast React applications.
-
-## Main Features
-
-###### Some of the main Next.js features include:
-
-- A file-system based router built on top of Server Components that supports layouts, nested routing, loading states, error handling, and more.
-- Client-side and Server-side Rendering with Client and Server Components. Further optimized with Static and Dynamic Rendering on the server with Next.js. Streaming on Edge and Node.js runtimes.
-- Simplified data fetching with async/await in Server Components, and an extended fetch API for request memoization, data caching and revalidation.
-- Support for your preferred styling methods, including CSS Modules, Tailwind CSS, and CSS-in-JS
-- Image, Fonts, and Script Optimizations to improve your application's Core Web Vitals and User Experience.
-- Improved support for TypeScript, with better type checking and more efficient compilation, as well as custom TypeScript Plugin and type checker.
-
-## How to Use These Docs
-
-On the left side of the screen, you'll find the docs navbar. The pages of the docs are organized sequentially, from basic to advanced, so you can follow them step-by-step when building your application. However, you can read them in any order or skip to the pages that apply to your use case.
-
-On the right side of the screen, you'll see a table of contents that makes it easier to navigate between sections of a page. If you need to quickly find a page, you can use the search bar at the top, or the search shortcut (`Ctrl+K` or `Cmd+K`).
-
-To get started, checkout the [Installation guide](installation-guide).
-
-## App Router vs Pages Router
-
-Next.js has two different routers: the **App Router** and the **Pages Router**. The App Router is a newer router that allows you to use React's latest features, such as Server Components and Streaming. The Pages Router is the original Next.js router, which allowed you to build server-rendered React applications and continues to be supported for older Next.js applications.
-
-At the top of the sidebar, you'll notice a dropdown menu that allows you to switch between the **App Router** and the **Pages Router** features. Since there are features that are unique to each directory, it's important to keep track of which tab is selected.
-
-The breadcrumbs at the top of the page will also indicate whether you're viewing App Router docs or Pages Router docs.
-
-### Logo
-
-![Next.js logo](https://camo.githubusercontent.com/9771a2d4a7366d3c6d4793e17104eba9e88f0aec82f7165bfe6871455c26cb2c/68747470733a2f2f6173736574732e76657263656c2e636f6d2f696d6167652f75706c6f61642f76313636323133303535392f6e6578746a732f49636f6e5f6461726b5f6261636b67726f756e642e706e67)
+- [Next.js](/next-js)
+- [Nurturing Your Well-being: A Dive into Health and Vitality](/health)

content/next-js/index.md

@@ -0,0 +1,38 @@
+# What is Next.js?
+
+Next.js is a React framework for building full-stack web applications. You use React Components to build user interfaces, and Next.js for additional features and optimizations.
+
+Under the hood, Next.js also abstracts and automatically configures tooling needed for React, like bundling, compiling, and more. This allows you to focus on building your application instead of spending time with configuration.
+
+Whether you're an individual developer or part of a larger team, Next.js can help you build interactive, dynamic, and fast React applications.
+
+## Main Features
+
+###### Some of the main Next.js features include:
+
+- A file-system based router built on top of Server Components that supports layouts, nested routing, loading states, error handling, and more.
+- Client-side and Server-side Rendering with Client and Server Components. Further optimized with Static and Dynamic Rendering on the server with Next.js. Streaming on Edge and Node.js runtimes.
+- Simplified data fetching with async/await in Server Components, and an extended fetch API for request memoization, data caching and revalidation.
+- Support for your preferred styling methods, including CSS Modules, Tailwind CSS, and CSS-in-JS
+- Image, Fonts, and Script Optimizations to improve your application's Core Web Vitals and User Experience.
+- Improved support for TypeScript, with better type checking and more efficient compilation, as well as custom TypeScript Plugin and type checker.
+
+## How to Use These Docs
+
+On the left side of the screen, you'll find the docs navbar. The pages of the docs are organized sequentially, from basic to advanced, so you can follow them step-by-step when building your application. However, you can read them in any order or skip to the pages that apply to your use case.
+
+On the right side of the screen, you'll see a table of contents that makes it easier to navigate between sections of a page. If you need to quickly find a page, you can use the search bar at the top, or the search shortcut (`Ctrl+K` or `Cmd+K`).
+
+To get started, checkout the [Installation guide](installation-guide).
+
+## App Router vs Pages Router
+
+Next.js has two different routers: the **App Router** and the **Pages Router**. The App Router is a newer router that allows you to use React's latest features, such as Server Components and Streaming. The Pages Router is the original Next.js router, which allowed you to build server-rendered React applications and continues to be supported for older Next.js applications.
+
+At the top of the sidebar, you'll notice a dropdown menu that allows you to switch between the **App Router** and the **Pages Router** features. Since there are features that are unique to each directory, it's important to keep track of which tab is selected.
+
+The breadcrumbs at the top of the page will also indicate whether you're viewing App Router docs or Pages Router docs.
+
+### Logo
+
+![Next.js logo](https://camo.githubusercontent.com/9771a2d4a7366d3c6d4793e17104eba9e88f0aec82f7165bfe6871455c26cb2c/68747470733a2f2f6173736574732e76657263656c2e636f6d2f696d6167652f75706c6f61642f76313636323133303535392f6e6578746a732f49636f6e5f6461726b5f6261636b67726f756e642e706e67)

server.py

@@ -36,7 +36,7 @@ def run(
         "--dir", type=str, help="Directory to serve files from", default="dist"
     )
     parser.add_argument("--port", type=int,
-                        help="Port to serve HTTP on", default=1234)
+                        help="Port to serve HTTP on", default=8888)
     args = parser.parse_args()
 
     run(port=args.port, directory=args.dir)

src/main.py

@@ -4,19 +4,19 @@
 from copy_static import copy_files_recursive
 from page_generation import generate_pages_recursive
 
-dir_path_static = "./static"
-dir_path_dist = "./dist"
+DIR_PATH_STATIC = "./static"
+DIR_PATH_DIST = "./dist"
 
 
 def main():
     print("Deleting dist directory...")
-    if os.path.exists(dir_path_dist):
-        shutil.rmtree(dir_path_dist)
+    if os.path.exists(DIR_PATH_DIST):
+        shutil.rmtree(DIR_PATH_DIST)
 
     print("Copying static files to dist directory...")
-    copy_files_recursive(dir_path_static, dir_path_dist)
+    copy_files_recursive(DIR_PATH_STATIC, DIR_PATH_DIST)
 
-    generate_pages_recursive("./content", "./template.html", dir_path_dist)
+    generate_pages_recursive("./content", "./template.html", DIR_PATH_DIST)
 
 
 main()

static/index.css

@@ -139,7 +139,7 @@ ol {
 code {
   background-color: #202020;
   border-radius: 2px;
-  color: #dddddd;
+  color: #007aff;
   padding: 2px 4px;
   margin: 0 4px 0 0;
   font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;