From 70a350f665def009558a9998e3a6fc802634b2eb Mon Sep 17 00:00:00 2001
From: Sab Medwinter <sabrinamedwinter@gmail.com>
Date: Mon, 26 Aug 2024 12:52:36 -0500
Subject: [PATCH] refactor: separate relationshup pages (#90)

* refactor: separate relationshup pages

* chore: fix social link

* chore: turn on tooltips
---
 frontend/src/app/now/page.tsx                 |   3 +-
 frontend/src/app/relationships/page.tsx       | 263 +++++-------------
 .../app/relationships/with-family/page.tsx    |  11 +
 .../app/relationships/with-friends/page.tsx   |  48 ++++
 .../app/relationships/with-romance/page.tsx   |  72 +++++
 .../src/app/relationships/with-self/page.tsx  |  44 +++
 .../src/components/books/backlogGraph.tsx     |   2 +-
 .../src/components/navigation/socialmedia.ts  |   2 +-
 frontend/src/styles/global.scss               |  18 +-
 9 files changed, 270 insertions(+), 193 deletions(-)
 create mode 100644 frontend/src/app/relationships/with-family/page.tsx
 create mode 100644 frontend/src/app/relationships/with-friends/page.tsx
 create mode 100644 frontend/src/app/relationships/with-romance/page.tsx
 create mode 100644 frontend/src/app/relationships/with-self/page.tsx

diff --git a/frontend/src/app/now/page.tsx b/frontend/src/app/now/page.tsx
index 9f1b52b4a..76b613a08 100644
--- a/frontend/src/app/now/page.tsx
+++ b/frontend/src/app/now/page.tsx
@@ -71,8 +71,7 @@ const NowPage = () => {
 					<hr />
 					<ul>
 						<li>
-							Continuing my <Link href={'/relationships'}>guide on the relationships I have</Link> with myself, family,
-							friends and others.
+							Continuing my <Link href={'/relationships'}>guide on the relationships</Link> I have with myself, family, friends, romantic interests and others.
 						</li>
 						<li>
 							<Link href="/c25k">Advancing</Link> in the{' '}
diff --git a/frontend/src/app/relationships/page.tsx b/frontend/src/app/relationships/page.tsx
index 047b0015c..e0405f0ef 100644
--- a/frontend/src/app/relationships/page.tsx
+++ b/frontend/src/app/relationships/page.tsx
@@ -1,197 +1,84 @@
 import Link from 'next/link';
 
 const RShipPage = () => {
-    return (
-        <>
-            <section id="toc" className="prose">
-                <p className="prose"> <i>"A relationship is a commitment to doing the work of becoming a more thoughtful person."</i></p>
-                <ol className="prose">
-                    <li><Link href="#self">With Self</Link></li>
-                    <li><Link href="#family">With Family</Link></li>
-                    <li><Link href="#friends">With Friends</Link></li>
-                    <li><Link href="#romance">With Romantic Interests</Link></li>
-                    {/* <li><Link href="#influences">Influences</Link></li> */}
-                    <li><Link href="#references">References</Link></li>
-                </ol>
-            </section>
-            <section id="introduction" >
-                <p className="prose">
-                    The most daunting problem I’ve found in trying to understand how other persons view relationships is that information on the internet about growing and repairing relationships are geared towards romantic relationships when familial ties and camaraderie are the basis of most of the relationships in our lives.
-                </p>  <p className="prose">
-                    Another issue is people just having thoughts about it at all. There are no definitions or personal boundaries. When I've asked persons about their thoughts on some of the things I've been trying to find my item definition for, I realize we've all been basing our social life on vibes, pop culture and whatever we lacked in our formative years. The alternative isn't better either, some who have thought about it have just swallowed some philosopher’s world-view. I have no heroes, so that approach doesn't gel with me. I want to create my own thoughts on this with my own reasoning. I don't want to do that from scratch and it would make no sense to throw away the thoughts that came before me in this venture. My thoughts are speaking on all relationships unless I specify romantic. I believe that romantic relationships should be an evolution of friendship. One cannot be a good partner without being a good friend to their partner.
-                </p><p className="prose">
-                    This document is ongoing as I navigate my relationship with myself and others. It was started and (the bulk of it) written in 2023 to aid me in recovering from a break-up with a long-term partner. After the realizations that came with the dissolution of that relationship, I felt the need to define how I wanted to interact with others. I also thought about how I wanted to go about interacting with myself. I often hear that I’m too harsh with myself.
-                </p><p className="prose">
-                    I've outlined a bunch of things for future me to check in with herself and keep us grounded without being a yam-head or the abusive farmer. The most important thing to note is that:
-                    Relationships are unique and do not follow the same path. We all know that life likes to just throw us off the road for no reason.
-                    Adaptability and consideration is absolutely key.
-                    Communication is a given.
-                    All relationships, including the one with self, require effort and intention to nurture it.
-                </p><p className="prose">
-                    The most important part of a relationship for me is Consideration. This includes considering how my actions affect myself and other persons to:
-                    reduce the chance of causing harm,
-                    never intentionally causing harm,
-                    considering myself enough to stay my own person
-                    and to not lose a sense of self becoming codependent.
-                </p><p className="prose">
-                    I hope to make myself proud by sticking to my values of being considerate and taking a stand, where necessary, to reduce harm in my circle of loved ones, then my wider community.
+	return (
+		<>
+            <section id="toc">
+                <h1>Introduction</h1>
+				
+			</section>
+            <section id="introduction">
+            <q>
+					A relationship is a commitment<wbr/> to doing the work of<wbr/> becoming a more thoughtful person.
+				</q>
+				<p className="prose">
+					The most daunting problem I’ve found in trying to understand how other persons view relationships is that
+					information on the internet about growing and repairing relationships are geared towards romantic
+					relationships when familial ties and camaraderie are the basis of most of the relationships in our lives.
+				</p>{' '}
+				<p className="prose">
+					Another issue is people just having thought about it at all. There are no definitions or personal boundaries.
+					When I've asked persons about their thoughts on some of the things I've been trying to find my own personal
+					definitions for, I realize we've all been basing our social life on vibes, pop culture and whatever we lacked
+					in our formative years. The alternative isn't better either, some who have thought about it have just
+					swallowed some philosopher’s world-view. I have no heroes, so that approach doesn't gel with me. I want to
+					create my own thoughts on this with my own reasoning. I don't want to do that from scratch and it would make
+					no sense to throw away the thoughts that came before me in this venture. My thoughts are speaking on all
+					relationships unless I specify romantic. I believe that romantic relationships should be an evolution of
+					friendship. One cannot be a good partner without being a good friend to their partner.
+				</p>
+				<p className="prose">
+					This document is ongoing as I navigate my relationship with myself and others. It was started and (the bulk of
+					it) written in 2023 to aid me in recovering from a break-up with a long-term partner. After the realizations
+					that came with the dissolution of that relationship, I felt the need to define how I wanted to interact with
+					others. I also thought about how I wanted to go about interacting with myself. I often hear that I’m too harsh
+					with myself.
                 </p>
-            </section>
-            <section id="self">
-                <h1>With Self</h1>
-                <div>
-                    <h2>Meeting Needs</h2>
-                    <p className="prose">Learning to meet my own needs as set out in Maslow’s hierarchy. When I feel overwhelmed, this is the order on which I need to focus. I will lay out what my priorities should be in caring for myself, and I will abide by these priorities in times of crisis. Hopefully, I will also abide by these priorities in times of calm.</p>
-                </div>
-                <div>
-                    <h2>Self-Regulation</h2>
-                    <h3>Meditation</h3>
-                    <p className="prose">Meditation has a history that goes back thousands of years, and many meditative techniques began in Eastern traditions. The term “meditation” refers to a variety of practices that focus on mind and body integration and are used to calm the mind and enhance overall well-being.
-
-                    </p>
-                    <h3>Solo Dating</h3>
-                    <p className="prose">Not to pollute the definition, but a date for me is an appointment. This is why I have solo dates, friend dates and romantic dates listed out as separate things.
-
-                        Historically, solo dates make me more excited than romantic dates, but less than friend dates. I also put more effort into solo dates as I'm less likely to flake on myself than someone is on me as well, as the whole purpose is to go out and feel good. This is different from just “going out” somewhere, which can be done at any time. The entire purpose is the intention of wooing myself behind it.
-
-                    </p>
-                    <h3>Self Improvement</h3>
-                    <p className="prose">Regular self-improvement is found under actualisation. This self-improvement is based on how I relate to other persons.</p>
-                    <h4>Toxic Traits</h4>
-                    <h5>Love bombing?</h5>
-                    <p className="prose">I realise that a lot of us confuse limerance for love-bombing. For example, I used to say to my friends that I want a love-bombing situationship. No one wants that.
-                        I've always tried to give myself fully to be the person in relationships that someone can rely on. After learning about love-bombing, I wondered if I was a love-bomber, then after learning the definition of love-bombing, I don't feel like I qualify as a love-bomber. I don't intentionally withdraw affection. When I'm pissed off, I need space. I've always felt guilty about that. That's mainly because I have never, not once, had that space respected when it should have been. This leads to being ignored and that is withdrawn affection. I need to be communicative and to foster a partner's complete social circle to be their lighthouse instead of just me being a flashlight in the dark.<br /><br />
-
-                        Love Bombing is a manipulative and intense behavior often observed in the early stages of a relationship, characterized by the excessive and overwhelming expression of affection, attention, and positive reinforcement by one person towards another. The love bomber employs extravagant gestures, constant communication, and declarations of deep emotional attachment with the intention of creating a heightened sense of euphoria and dependency in the recipient. While on the surface, it may appear as genuine affection, love bombing is often a tactic employed by individuals with ulterior motives, such as establishing control, masking negative qualities, or manipulating the other person emotionally. It can lead to an imbalanced power dynamic and, in some cases, be indicative of toxic relationship patterns.
-                    </p>
-                    <h5>Unsolicited Advice</h5>
-                    <p className="prose">In the past I have given unsolicited advice instead of being a sounding board. Sometimes a person just need someone to repeat that "this really sucks!" with me instead of trying to hand them half-baked generic solutions that they are already aware of and may not work for their context.</p>
-                    <h5>Devil's Advocacy</h5>
-                    <p className="prose">This used to be a feature of conversation that I thankfully think I've turned off.</p>
-                    <h5>Being Flaky</h5>
-                    <p className="prose">How do I still have friends? I'm so thankful for my heartbeats. I didn't make time for community. I used to throw money at the problem instead. When I had nothing my community still supported me through it.</p>
-
-                </div>
-            </section>
-            <section id="family">
-                <h1>With Family</h1>
-                <p className="prose">
-                    I have not been good at this section. There is something that’s uniquely difficult about maintaining good relations with family members. Our first steps into emotional pain and some wounds in our pysche were likely caused by our family.
-                </p></section>
-            <section id="friends">
-                <h1>With Friends</h1>
-                <p className="prose">I would also consider my friends my life partners. I'm now not sure where the delineation of a romantic partner would start from my definition of a friend. I could start with defining a friend first and stating a romantic partner as a friend with greater expectations set on them.
-                    <br /><br />
-                    Dictionary Definitions of Friend:
-                    from The American Heritage® Dictionary of the English Language, 5th Edition.
-                    A person whom one knows, likes, and trusts.
-                    A person with whom one is allied in a struggle or cause; a comrade.
-                    from The Century Dictionary.
-                    One who is attached to another by feelings of personal regard and preference; one who entertains for another sentiments which lead him to seek his company and to study to promote his welfare.
-                    One not hostile; one of the same nation, party, or kin; one at amity with another; an ally: opposed to _foe_ or _enemy._
-                    A lover, of either sex.
-                    One who entertains for another such sentiments of esteem, respect, and affection that he seeks his society and welfare; a wellwisher; an intimate associate; sometimes, an attendant.
-                    <br />
-                    I sought out dictionary definitions, but those were inadequate with too wide a range. Now, I seek out the etymology of Friendship. The sense that I am getting is that the definition of a friend is something personal.
-                    <br />
-                    The linguistic root of the word friend
-                    Old English freond "one attached to another by feelings of personal regard and preference," from Proto-Germanic *frijōjands "lover, friend" (source also of Old Norse frændi, Old Danish frynt, Old Frisian friund, Dutch vriend, Middle High German friunt, German Freund, Gothic frijonds "friend"), from PIE *priy-ont-, "loving," present-participle form of root [*pri-](https://www.etymonline.com/word/*pri- "Etymology, meaning and definition of *pri- ") "to love."
-                    <br />
-                    I found it adorable that both 'friendship' and 'free' came from root of 'Love'. However, this brings me no closer to my own definition for a friend. I asked my close friends for their personal definitions, but it was not something they had rigidly defined for themselves outside of people they care about and like to be around.
+                <hr/>
+				<p className="prose">
+					I've outlined a bunch of things for future me to check in with herself and keep us grounded without being a
+					yam-head or the abusive farmer. The most important thing to note is that: 
                 </p>
-                <p className="prose">Friendship, by contrast, is essentially a kind of _relationship grounded in a particular kind of special concern each has for the other as the person she is; and whereas we must make conceptual room for the idea of unrequited love, ==unrequited friendship is senseless.== Consequently, accounts of friendship tend to understand it not merely as a case of reciprocal love of some form (together with mutual acknowledgment of this love), but as essentially involving significant interactions between the friends—as being in this sense a certain kind of relationship. [^2]</p>
                 <ol className="prose">
-                    <b>Healthy friendships have a balance of giving and taking:</b>
-                    <li>Can you remember the last time you did something thoughtful for a friend?</li>
-                    <li>Or they did something for you?</li>
-                    <li>Who normally reaches out first?</li>
-                    <li>If you live a distance apart, who makes the effort to travel?</li>
-                    <li>Who do you spend the majority of your conversations focused on?</li>
-                    <li>Would you call them if you were in trouble? And if you did, do you think they would be there for you?</li>
+                    <li> Relationships are unique and do not
+                        follow the same path.</li>
+                    <li>We all know that life likes to just throw us off the road for no reason therefore adaptability
+                        and consideration are  absolutely key. </li>
+                    <li> Communication is a must.</li>
+                    <li>Vulnerability should be encouraged.</li>
+                    <li>All relationships, including the one with self,
+					require effort and intention to nurture them.</li>
                 </ol>
-                <p className="prose">Does a friend really need to meet the above requirements? I don't think they do all the time. Maybe hit some periodically? It might depend on how close you have been. It would be easier for close friends who have been separated by time/distance to do maintenance mode friendships. I wouldn’t have friendships like that with someone I just met nor would I have the above expectations off the bat. I would let the other person dictate the expectations I should have of them.</p>
-                <p className="prose">I’m noticing though that people tend to both be overfamiliar and refuse to reciprocate vulnerability. It’s like people want your whole story even if there is no material help, comfort or companionship happening through the trials or great times. I’m an open book, but it bothers me how needy, demanding and entitled new acquaintances can be.
-                </p>
-                <div>
-                    <h2>Emotional Bonds</h2>
-                    <p className="prose">I reject that close friends cannot have an emotional bond similar to that of a romantic relationship. I accept that the partners of my friends will likely see facets of them that I never will and vice versa, but that can still ring true for any of my friends with any of their other friends. That's a fact of life and not a partnership thing. It may be that I cannot give the time investment into that person that a partner would.</p>
-                    <h2>A Common Future</h2>
-                    <p className="prose">When I try to find an answer on where other persons draw the line of friendship vs partnership, it seems to be a case of sharing common future plans. It doesn't matter if a friend has a completely different life trajectory in mind, while a partner is expected (?) to be on a similar path. I'm not sure if I agree or disagree yet. It does seem like it would make things more simple if the partners are on a similar path.</p>
-                    <p className="prose">I need to explore the thought: a partner doesn't have a similar life path, but a synergistic path like someone who is traveling the world with a long-distance partner who really likes their space.</p>
-                </div>
-            </section>
-            <section id="romance">
-                <h1>With Romantic Interests</h1>
-                <p className="prose">
-                    The sense of excitement and physical attraction to a new flame is always wonderful. It feels like I have greater motivation to do anything when I get a crush. My crushes tend to be superficial. I like that my fleeting crushes highlight small romantic things about persons that I can remember them by. I hope that I never age out of crushes and that I continue to be considerate of any partners when having crushes.
+                <hr/>
+				<p className="prose">
+					The most important part of a relationship for me is Consideration. This includes considering how my actions
+					affect myself and other persons to: reduce the chance of causing harm, never intentionally causing harm,
+					considering myself enough to stay my own person and to not lose a sense of self becoming codependent.
+				</p>
+				<p className="prose">
+					I hope to make myself proud by sticking to my values of being considerate and taking a stand, where necessary,
+					to reduce harm in my circle of loved ones, then my wider community.
                 </p>
-                <p className="prose">
-                    I want it particularly noted that I don't believe in “right person, wrong time.” Life sucks. There's never going to be a right time, there's no guarantee that the person you knew this year is the same as they will be next year. Traumatic events are always happening. They force us to reconsider who we are and what we are willing to do. This is also why we should go slowly. A rushed relationship with no foundation will leave questions on where we stand where a strong relationship with have defined protocols for emergency events and how to deal with them will be more likely to survive.
-                </p>
-                <p className="prose">I want to go on a lot more dates: self-dates, friend-dates, and romantic dates. </p>
-                <ol><b>Important to remember in this stage:</b>
-                    <li>Draw up my own boundaries, get and respect their boundaries.</li>
-                    <li>Take it slow.</li>
-                    <li>Maintain my independence.</li>
-                    <li>Be mindful of existing commitments.</li>
-                    <li>Be mindful of any power dynamics at play.</li>
-                    <li>Accept/Give rejection gracefully.</li></ol>
-                <h2>Non Escalator Relationships</h2>
-                <p className="prose">My understanding of the relationship escalator is that the process outline is what most couples expect in a relationship with time being what progresses the relationship. After learning about the non-escalator relationship, I realized this model is much better to detail conversations off the bat would be off the table to figure out incompatibilities that cannot be overlooked from early.</p>
-                <p className="prose">In a relationship intake stage, I would go over the form on the following form [INSERT FORM HERE]</p>
-                <div>
-                    <h3>Dating</h3>
-                    <p className="prose"></p>
-                    <p className="prose"></p>
-                    <p className="prose"></p>
-                </div>
-                <div>
-                    <h3>Partnership</h3>
-                    <p className="prose">Commitment is a dynamic and evolving aspect of a relationship. It requires ongoing effort, communication, and a shared understanding of each other's needs and expectations. The level and nature of commitment can vary among individuals and relationships. Not everyone may prioritize commitment in the same way. Open communication about expectations and a mutual agreement on the nature of commitment are key elements in a successful and fulfilling relationship. Also, it is important to stress that this section is useful for more than just romantic relationships.  It involves a investment of feelings, trust, and mutual support. An enduring connection and dedication to one another.
-                    </p>
-                    <p className="prose">In a romantic relationship, it is about more than staying together; it’s about actively choosing each other every day, growing together, and nurturing the bond that connects us. It’s a dynamic process that evolves as we navigate life.</p>
-                    <p className="prose">Commitment (or decision) “refers, in the short-term, to the decision that one loves a certain other, and in the long-term, to one’s commitment to maintain that love” (Sternberg, 1997, p. 315).</p>
-                </div>
-
-                <div className="prose">
-                    <ol>
-                        <li>offering unwavering support during challenges, personal growth, and ambitions: providing encouragement during setbacks, and celebrating achievements.</li>
-                        <li>allowing them to feel secure enough to share deepest fears, desires, and secrets, knowing they will be met with understanding and acceptance.</li>
-                        <li>respecting the other's individuality and boundaries.
-                        </li>
-                        <li>valuing your opinions, feelings, and needs as much as your own.</li>
-                        <li>open and honest communication.</li>
-                        <li>a willingness to compromise, forgive, and grow from experiences.</li>
-                        <li>maintaining a close physical connection and being attuned to each other’s emotional needs.
-                        </li>
-                    </ol>
-                </div>
+                <ol className="prose" style={{textAlign: 'left'}}>
+				<li>
+					<Link href="/relationships/with-self">With Self</Link>
+				</li>
+				<li>
+					<Link href="/relationships/with-family">With Family</Link>
+				</li>
+				<li>
+					<Link href="/relationships/with-friends">With Friends</Link>
+				</li>
+				<li>
+					<Link href="/relationships/with-romance">With Romantic Interests</Link>
+				</li>
+			</ol>
+			</section>
+			
 
-                <p className="prose"><i>
-                    A partner is someone who truly shares my life. We can have fun together every day even doing the most mundane chores. We see each other through the good days and the bad, and in doing so, we foster huge amounts of trust and understanding. And when you have someone who you really trust who just gets you in the bedroom? Oh man, it’s insane. [^5]
-                </i></p>
-                <div>
-                    <h4>Commitment to Self in Partnerships</h4>
-                    <ol>
-                        <li>To understand my own needs and desires. It signals an understanding of what I want out of life, independent of the relationship.
-                        </li>
-                        <li>To communicate my limits and boundaries.
-                        </li>
-                        <li>To maintain my physical & mental health.
-                        </li>
-                        <li>To maintain independence: my own hobbies, friendships, finances, time alone, and continuing my personal development as an individual.
-                        </li>
-                        <li>To maintain a strong network of support outside the relationship.
-                        </li>
-                    </ol>
-                </div>
-                <p className="prose"></p>
-                <p className="prose"></p>
-                <p className="prose"></p>
-            </section>
-            <section id="influences"></section>
-            <section id="references"></section>
-        </>
-    )
-}
-export default RShipPage;
\ No newline at end of file
+			<section id="influences"></section>
+			<section id="references"></section>
+		</>
+	);
+};
+export default RShipPage;
diff --git a/frontend/src/app/relationships/with-family/page.tsx b/frontend/src/app/relationships/with-family/page.tsx
new file mode 100644
index 000000000..7908368ef
--- /dev/null
+++ b/frontend/src/app/relationships/with-family/page.tsx
@@ -0,0 +1,11 @@
+const WithFamilyPage = () => {
+    return (
+        <section id="family">
+        <h1>With Family</h1>
+        <p className="prose">
+            I have not been good at this section. There is something that’s uniquely difficult about maintaining good relations with family members. Our first steps into emotional pain and some wounds in our pysche were likely caused by our family.
+        </p></section>
+    )
+}
+
+export default WithFamilyPage;
diff --git a/frontend/src/app/relationships/with-friends/page.tsx b/frontend/src/app/relationships/with-friends/page.tsx
new file mode 100644
index 000000000..06917ec1b
--- /dev/null
+++ b/frontend/src/app/relationships/with-friends/page.tsx
@@ -0,0 +1,48 @@
+const WithFriendsPage = () => {
+    return (
+        <section id="friends">
+        <h1>With Friends</h1>
+        <p className="prose">I would also consider my friends my life partners. I'm now not sure where the delineation of a romantic partner would start from my definition of a friend. I could start with defining a friend first and stating a romantic partner as a friend with greater expectations set on them.
+            <br /><br />
+            Dictionary Definitions of Friend:
+            from The American Heritage® Dictionary of the English Language, 5th Edition.
+            A person whom one knows, likes, and trusts.
+            A person with whom one is allied in a struggle or cause; a comrade.
+            from The Century Dictionary.
+            One who is attached to another by feelings of personal regard and preference; one who entertains for another sentiments which lead him to seek his company and to study to promote his welfare.
+            One not hostile; one of the same nation, party, or kin; one at amity with another; an ally: opposed to _foe_ or _enemy._
+            A lover, of either sex.
+            One who entertains for another such sentiments of esteem, respect, and affection that he seeks his society and welfare; a wellwisher; an intimate associate; sometimes, an attendant.
+            <br />
+            I sought out dictionary definitions, but those were inadequate with too wide a range. Now, I seek out the etymology of Friendship. The sense that I am getting is that the definition of a friend is something personal.
+            <br />
+            The linguistic root of the word friend
+            Old English freond "one attached to another by feelings of personal regard and preference," from Proto-Germanic *frijōjands "lover, friend" (source also of Old Norse frændi, Old Danish frynt, Old Frisian friund, Dutch vriend, Middle High German friunt, German Freund, Gothic frijonds "friend"), from PIE *priy-ont-, "loving," present-participle form of root [*pri-](https://www.etymonline.com/word/*pri- "Etymology, meaning and definition of *pri- ") "to love."
+            <br />
+            I found it adorable that both 'friendship' and 'free' came from root of 'Love'. However, this brings me no closer to my own definition for a friend. I asked my close friends for their personal definitions, but it was not something they had rigidly defined for themselves outside of people they care about and like to be around.
+        </p>
+        <p className="prose">Friendship, by contrast, is essentially a kind of _relationship grounded in a particular kind of special concern each has for the other as the person she is; and whereas we must make conceptual room for the idea of unrequited love, ==unrequited friendship is senseless.== Consequently, accounts of friendship tend to understand it not merely as a case of reciprocal love of some form (together with mutual acknowledgment of this love), but as essentially involving significant interactions between the friends—as being in this sense a certain kind of relationship. [^2]</p>
+        <ol className="prose">
+            <b>Healthy friendships have a balance of giving and taking:</b>
+            <li>Can you remember the last time you did something thoughtful for a friend?</li>
+            <li>Or they did something for you?</li>
+            <li>Who normally reaches out first?</li>
+            <li>If you live a distance apart, who makes the effort to travel?</li>
+            <li>Who do you spend the majority of your conversations focused on?</li>
+            <li>Would you call them if you were in trouble? And if you did, do you think they would be there for you?</li>
+        </ol>
+        <p className="prose">Does a friend really need to meet the above requirements? I don't think they do all the time. Maybe hit some periodically? It might depend on how close you have been. It would be easier for close friends who have been separated by time/distance to do maintenance mode friendships. I wouldn’t have friendships like that with someone I just met nor would I have the above expectations off the bat. I would let the other person dictate the expectations I should have of them.</p>
+        <p className="prose">I’m noticing though that people tend to both be overfamiliar and refuse to reciprocate vulnerability. It’s like people want your whole story even if there is no material help, comfort or companionship happening through the trials or great times. I’m an open book, but it bothers me how needy, demanding and entitled new acquaintances can be.
+        </p>
+        <div>
+            <h2>Emotional Bonds</h2>
+            <p className="prose">I reject that close friends cannot have an emotional bond similar to that of a romantic relationship. I accept that the partners of my friends will likely see facets of them that I never will and vice versa, but that can still ring true for any of my friends with any of their other friends. That's a fact of life and not a partnership thing. It may be that I cannot give the time investment into that person that a partner would.</p>
+            <h2>A Common Future</h2>
+            <p className="prose">When I try to find an answer on where other persons draw the line of friendship vs partnership, it seems to be a case of sharing common future plans. It doesn't matter if a friend has a completely different life trajectory in mind, while a partner is expected (?) to be on a similar path. I'm not sure if I agree or disagree yet. It does seem like it would make things more simple if the partners are on a similar path.</p>
+            <p className="prose">I need to explore the thought: a partner doesn't have a similar life path, but a synergistic path like someone who is traveling the world with a long-distance partner who really likes their space.</p>
+        </div>
+    </section>
+    )
+}
+
+export default WithFriendsPage;
diff --git a/frontend/src/app/relationships/with-romance/page.tsx b/frontend/src/app/relationships/with-romance/page.tsx
new file mode 100644
index 000000000..514d3ffde
--- /dev/null
+++ b/frontend/src/app/relationships/with-romance/page.tsx
@@ -0,0 +1,72 @@
+const WithRomance = () => {
+    return (
+    <section id="romance">
+                <h1>With Romantic Interests</h1>
+                <p className="prose">
+                    The sense of excitement and physical attraction to a new flame is always wonderful. It feels like I have greater motivation to do anything when I get a crush. My crushes tend to be superficial. I like that my fleeting crushes highlight small romantic things about persons that I can remember them by. I hope that I never age out of crushes and that I continue to be considerate of any partners when having crushes.
+                </p>
+                <p className="prose">
+                    I want it particularly noted that I don't believe in “right person, wrong time.” Life sucks. There's never going to be a right time, there's no guarantee that the person you knew this year is the same as they will be next year. Traumatic events are always happening. They force us to reconsider who we are and what we are willing to do. This is also why we should go slowly. A rushed relationship with no foundation will leave questions on where we stand where a strong relationship with have defined protocols for emergency events and how to deal with them will be more likely to survive.
+                </p>
+                <p className="prose">I want to go on a lot more dates: self-dates, friend-dates, and romantic dates. </p>
+                <ol><b>Important to remember in this stage:</b>
+                    <li>Draw up my own boundaries, get and respect their boundaries.</li>
+                    <li>Take it slow.</li>
+                    <li>Maintain my independence.</li>
+                    <li>Be mindful of existing commitments.</li>
+                    <li>Be mindful of any power dynamics at play.</li>
+                    <li>Accept/Give rejection gracefully.</li></ol>
+                <h2>Non Escalator Relationships</h2>
+                <p className="prose">My understanding of the relationship escalator is that the process outline is what most couples expect in a relationship with time being what progresses the relationship. After learning about the non-escalator relationship, I realized this model is much better to detail conversations off the bat would be off the table to figure out incompatibilities that cannot be overlooked from early.</p>
+                <p className="prose">In a relationship intake stage, I would go over the form on the following form [INSERT FORM HERE]</p>
+                <div>
+                    <h3>Dating</h3>
+                    <p className="prose"></p>
+                    <p className="prose"></p>
+                    <p className="prose"></p>
+                </div>
+                <div>
+                    <h3>Partnership</h3>
+                    <p className="prose">Commitment is a dynamic and evolving aspect of a relationship. It requires ongoing effort, communication, and a shared understanding of each other's needs and expectations. The level and nature of commitment can vary among individuals and relationships. Not everyone may prioritize commitment in the same way. Open communication about expectations and a mutual agreement on the nature of commitment are key elements in a successful and fulfilling relationship. Also, it is important to stress that this section is useful for more than just romantic relationships.  It involves a investment of feelings, trust, and mutual support. An enduring connection and dedication to one another.
+                    </p>
+                    <p className="prose">In a romantic relationship, it is about more than staying together; it’s about actively choosing each other every day, growing together, and nurturing the bond that connects us. It’s a dynamic process that evolves as we navigate life.</p>
+                    <p className="prose">Commitment (or decision) “refers, in the short-term, to the decision that one loves a certain other, and in the long-term, to one’s commitment to maintain that love” (Sternberg, 1997, p. 315).</p>
+                </div>
+
+                <div className="prose">
+                    <ol>
+                        <li>offering unwavering support during challenges, personal growth, and ambitions: providing encouragement during setbacks, and celebrating achievements.</li>
+                        <li>allowing them to feel secure enough to share deepest fears, desires, and secrets, knowing they will be met with understanding and acceptance.</li>
+                        <li>respecting the other's individuality and boundaries.
+                        </li>
+                        <li>valuing your opinions, feelings, and needs as much as your own.</li>
+                        <li>open and honest communication.</li>
+                        <li>a willingness to compromise, forgive, and grow from experiences.</li>
+                        <li>maintaining a close physical connection and being attuned to each other’s emotional needs.
+                        </li>
+                    </ol>
+                </div>
+
+                <p className="prose"><i>
+                    A partner is someone who truly shares my life. We can have fun together every day even doing the most mundane chores. We see each other through the good days and the bad, and in doing so, we foster huge amounts of trust and understanding. And when you have someone who you really trust who just gets you in the bedroom? Oh man, it’s insane. [^5]
+                </i></p>
+                <div  className="prose">
+                    <h4>Commitment to Self in Partnerships</h4>
+                    <ol>
+                        <li>To understand my own needs and desires. It signals an understanding of what I want out of life, independent of the relationship.
+                        </li>
+                        <li>To communicate my limits and boundaries.
+                        </li>
+                        <li>To maintain my physical & mental health.
+                        </li>
+                        <li>To maintain independence: my own hobbies, friendships, finances, time alone, and continuing my personal development as an individual.
+                        </li>
+                        <li>To maintain a strong network of support outside the relationship.
+                        </li>
+                    </ol>
+                </div>
+               
+            </section>)
+}
+
+export default WithRomance;
diff --git a/frontend/src/app/relationships/with-self/page.tsx b/frontend/src/app/relationships/with-self/page.tsx
new file mode 100644
index 000000000..ee30effde
--- /dev/null
+++ b/frontend/src/app/relationships/with-self/page.tsx
@@ -0,0 +1,44 @@
+const WithSelfPage = () => {
+    return (
+        <>
+         <section id="self">
+                <h1>With Self</h1>
+                <div>
+                    <h2>Meeting Needs</h2>
+                    <p className="prose">Learning to meet my own needs as set out in Maslow’s hierarchy. When I feel overwhelmed, this is the order on which I need to focus. I will lay out what my priorities should be in caring for myself, and I will abide by these priorities in times of crisis. Hopefully, I will also abide by these priorities in times of calm.</p>
+                </div>
+                <div>
+                    <h2>Self-Regulation</h2>
+                    <h3>Meditation</h3>
+                    <p className="prose">Meditation has a history that goes back thousands of years, and many meditative techniques began in Eastern traditions. The term “meditation” refers to a variety of practices that focus on mind and body integration and are used to calm the mind and enhance overall well-being.
+
+                    </p>
+                    <h3>Solo Dating</h3>
+                    <p className="prose">Not to pollute the definition, but a date for me is an appointment. This is why I have solo dates, friend dates and romantic dates listed out as separate things.
+
+                        Historically, solo dates make me more excited than romantic dates, but less than friend dates. I also put more effort into solo dates as I'm less likely to flake on myself than someone is on me as well, as the whole purpose is to go out and feel good. This is different from just “going out” somewhere, which can be done at any time. The entire purpose is the intention of wooing myself behind it.
+
+                    </p>
+                    <h3>Self Improvement</h3>
+                    <p className="prose">Regular self-improvement is found under actualisation. This self-improvement is based on how I relate to other persons.</p>
+                    <h4>Toxic Traits</h4>
+                    <h5>Love bombing?</h5>
+                    <p className="prose">I realise that a lot of us confuse limerance for love-bombing. For example, I used to say to my friends that I want a love-bombing situationship. No one wants that.
+                        I've always tried to give myself fully to be the person in relationships that someone can rely on. After learning about love-bombing, I wondered if I was a love-bomber, then after learning the definition of love-bombing, I don't feel like I qualify as a love-bomber. I don't intentionally withdraw affection. When I'm pissed off, I need space. I've always felt guilty about that. That's mainly because I have never, not once, had that space respected when it should have been. This leads to being ignored and that is withdrawn affection. I need to be communicative and to foster a partner's complete social circle to be their lighthouse instead of just me being a flashlight in the dark.<br /><br />
+
+                        Love Bombing is a manipulative and intense behavior often observed in the early stages of a relationship, characterized by the excessive and overwhelming expression of affection, attention, and positive reinforcement by one person towards another. The love bomber employs extravagant gestures, constant communication, and declarations of deep emotional attachment with the intention of creating a heightened sense of euphoria and dependency in the recipient. While on the surface, it may appear as genuine affection, love bombing is often a tactic employed by individuals with ulterior motives, such as establishing control, masking negative qualities, or manipulating the other person emotionally. It can lead to an imbalanced power dynamic and, in some cases, be indicative of toxic relationship patterns.
+                    </p>
+                    <h5>Unsolicited Advice</h5>
+                    <p className="prose">In the past I have given unsolicited advice instead of being a sounding board. Sometimes a person just need someone to repeat that "this really sucks!" with me instead of trying to hand them half-baked generic solutions that they are already aware of and may not work for their context.</p>
+                    <h5>Devil's Advocacy</h5>
+                    <p className="prose">This used to be a feature of conversation that I thankfully think I've turned off.</p>
+                    <h5>Being Flaky</h5>
+                    <p className="prose">How do I still have friends? I'm so thankful for my heartbeats. I didn't make time for community. I used to throw money at the problem instead. When I had nothing my community still supported me through it.</p>
+
+                </div>
+            </section>
+        </>
+   )
+}
+
+export default WithSelfPage
diff --git a/frontend/src/components/books/backlogGraph.tsx b/frontend/src/components/books/backlogGraph.tsx
index 5a995e1f4..272af1b13 100644
--- a/frontend/src/components/books/backlogGraph.tsx
+++ b/frontend/src/components/books/backlogGraph.tsx
@@ -107,7 +107,7 @@ export const BacklogGraph: FC = () => {
 			<BarChart width={width} height={300} data={Data} className={styles.backlogChart}>
 				<XAxis dataKey="month" />
 				{/* <YAxis domain={[0, 'dataMax + 3']} /> */}
-				{/* <Tooltip active={true} /> */}
+				<Tooltip active={true} />
 				<Bar dataKey="Started" stackId="a" fill="var(--secondary)" />
 				<Bar dataKey="Finished" stackId="a" fill="var(--primary)" label={<CustomerBarLabel />} />
 			</BarChart>
diff --git a/frontend/src/components/navigation/socialmedia.ts b/frontend/src/components/navigation/socialmedia.ts
index a93a550db..db9a4e4e2 100644
--- a/frontend/src/components/navigation/socialmedia.ts
+++ b/frontend/src/components/navigation/socialmedia.ts
@@ -18,7 +18,7 @@ export const MediaProfiles = [
 	},
 	{
 		name: 'Instagram',
-		url: 'www.instagram.com/sabrinamedwinter/',
+		url: 'https://www.instagram.com/sabrinamedwinter/',
 		icon: FaInstagram,
 	}
 ];
diff --git a/frontend/src/styles/global.scss b/frontend/src/styles/global.scss
index 795c1795e..9b4e58585 100644
--- a/frontend/src/styles/global.scss
+++ b/frontend/src/styles/global.scss
@@ -283,6 +283,13 @@ section {
 	}
 }
 
+p, q, li, small, caption, h1, h2, h3, h4, h5, h6, a {
+	&::selection {
+		color: var(--backgroundColor);
+		background-color: var(--primary);
+	}
+}
+
 hr {
 	border-style: double;
 	border-image-slice: 1;
@@ -586,7 +593,8 @@ li {
 
 p,
 li {
-	font-size: clamp(1.2rem, -0.8750rem + 8.3333vw, 1.6rem);
+	font-size: clamp(1.2rem, -0.8750rem + 8.3333vw, 1.5rem);
+	
 }
 
 p > a,
@@ -598,6 +606,14 @@ li > a {
 	}
 }
 
+q {
+	font-size: clamp(1.2rem, -0.8750rem + 8.3333vw, 1.6rem);
+	font-style: italic;
+	text-align: center;
+	color: var(--secondary);
+	max-width: 65rem;
+}
+
 img,
 image {
 	border-radius: var(--borderRadius);