Add more static routes; setup for contact form HCAPTCHA

This commit is contained in:
Logan Hunt 2022-04-27 15:40:14 -06:00
parent a78b1e23aa
commit f0d8562b7b
Signed by untrusted user who does not match committer: simponic
GPG Key ID: 52B3774857EB24B1
7 changed files with 134 additions and 41 deletions

View File

@ -0,0 +1,32 @@
<script>
export let imageSpec;
export let direction;
</script>
<main>
{#if direction == 'right'}
<div class="row d-flex align-items-center my-2">
<div class="col-md-4 text-center order-sm-1">
<img class="img-fluid rounded shadow" src={imageSpec.image} alt={imageSpec.alt} />
</div>
<div class="col-md-8 border p-2 bg-light rounded shadow order-sm-2">
<slot />
</div>
</div>
{:else}
<div class="row d-flex align-items-center my-2">
<div class="col-md-8 border p-2 bg-light rounded shadow order-md-first order-last">
<slot />
</div>
<div class="col-md-4 text-center">
<img class="img-fluid rounded shadow" src={imageSpec.image} alt={imageSpec.alt} />
</div>
</div>
{/if}
</main>
<style>
p {
white-space: pre-wrap;
}
</style>

View File

@ -15,10 +15,10 @@
<a class="nav-link" href="/team">Our Team</a> <a class="nav-link" href="/team">Our Team</a>
</li> </li>
<li class="nav-item active"> <li class="nav-item active">
<a class="nav-link" href="/#/service">Services</a> <a class="nav-link" href="/services">Services</a>
</li> </li>
<li class="nav-item active"> <li class="nav-item active">
<a class="nav-link" href="/#/service">Approach</a> <a class="nav-link" href="/approach">Approach</a>
</li> </li>
<li class="nav-item active"> <li class="nav-item active">
<a class="nav-link" href="https://joni-hunt.clientsecure.me/" target="_blank">Portal</a> <a class="nav-link" href="https://joni-hunt.clientsecure.me/" target="_blank">Portal</a>

View File

@ -0,0 +1,43 @@
<main>
<h1 class="text-center">Our Approach</h1>
<div class="bg-light rounded p-4 shadow">
<div class="row justify-content-center">
<div class="col-sm-10">
<div style="text-align:center">
<img src="https://ztxoywaazhxdeiftmsiy.supabase.co/storage/v1/object/public/mistymountains/boats.jpg" style="width:60%">
</div>
<br>
<p>I meet each client where they are at and customize their therapeutic journey to best fit their personality and issues. The approaches I use most are listed below:</p>
</div>
</div>
<br>
<h2>Cognitive Behavioral Therapy</h2>
<p>CBT focuses on modifying dysfunctional behaviors, thoughts, and emotions. In session, we will identify these harmful processes and determine if they are an accurate depiction of reality. If they are not, I will help you use strategies to challenge and overcome them. </p>
<h2>Solution Focused Therapy</h2>
<p>I believe the client is the expert of their own story. If you are coming to see me, its possible that youre overwhelmed with your present situation. We will use the past to provide understanding and reflection, but we will mostly focus on the present and future. I will empower you to create new perspective, possibilities, and plans to actualize your new story.</p>
<h2>Narrative Therapy</h2>
<p>Sometimes we become our problems. We start to identify as “a depressed person” or “an anxious person”. I can help you learn to see your issues as something you have, but not something that defines you. I will teach you to put some distance between yourself and your issues and empower you to live your life so that you can work on finding out who you really are and what you are capable of.</p>
<h2>Emotion Focused Therapy</h2>
<p>We will work together as a team to find blocked vulnerabilities in your relationship. I will teach you to express your emotions to help you connect rather than disconnect. The goal is to create more trust and a secure bond with your partner. It is a three-step process:
</p><ol>
<li>De-escalate negative interactions</li>
<li>Re-structure interactions and state fears as well as insecurities</li>
<li>Continue productive conversations outside of therapy.</li>
</ol>
<h2>Gottman Method</h2>
<p>Gottmans research has shown that negativity impacts the brain and can draw couples apart. I will help you take the steps necessary to maintain a positive orientation towards one another during difficult circumstances. Therapy is most effective when both partners are present so that each person can share their history, story, and goals.</p>
<h2>Family Systems Theory</h2>
<p>It is true that profound joy can come from living in a family, but conversely many psychological issues stem from dysfunctional relationships with one another. For example, when one person is struggling with anxiety, pornography addiction, any form of abuse, faith crisis, depression, or health issues it affects the whole family unit. Effective mediation can help in the toughest situations and facilitate respect and resolution.</p>
<h2>PPP - Positive Parenting Program</h2>
<p>I use this method to teach families how to treat and prevent behavioral and emotional problems in children and teens. I use a holistic approach and address concerns in the family, school, and community. I will not tell you how to parent, rather I will give you tools and ideas to manage misbehavior, set rules, encourage behavior you like, and take care of yourself so you can feel good and be confident in your parenting skills.</p>
</div>
</main>

View File

@ -0,0 +1,8 @@
<main>
<div class="h-captcha" data-sitekey={import.meta.env.VITE_HCAPTCHA_KEY}></div>
<script src="https://js.hcaptcha.com/1/api.js" async defer></script>
</main>

View File

@ -0,0 +1,41 @@
<script>
import DirectionCard from '../../components/DirectionCard.svelte';
</script>
<main>
<h1 class="text-center">Services</h1>
<DirectionCard direction="left" imageSpec={{image: "https://ztxoywaazhxdeiftmsiy.supabase.co/storage/v1/object/public/mistymountains/girl.jpg", alt: "Girl looking at camera"}}>
<h2>Therapy</h2>
<ul>
<li>Addiction</li>
<li>Adolescents</li>
<li>ADHD</li>
<li>Anxiety</li>
<li>Autism Spectrum</li>
<li>Couples</li>
<li>Depression</li>
<li>Families</li>
<li>Gender Identity</li>
<li>Individuals</li>
<li>LGBTQ+</li>
<li>Roommates/Friends</li>
<li>Sexuality</li>
<li>And more</li>
</ul>
</DirectionCard>
<DirectionCard direction="right" imageSpec={{image: "https://ztxoywaazhxdeiftmsiy.supabase.co/storage/v1/object/public/mistymountains/guy.jpg", alt: "Boy smiling to left"}}>
<h2>Screeners</h2>
<ul>
<li>ADHD</li>
<li>Anxiety</li>
<li>Autism</li>
<li>Depression</li>
<li>Intimacy Anorexia</li>
<li>Obsessive Compulsive Disorder (OCD)</li>
<li>Post Traumatic Stress Disorder (PTSD)</li>
<li>Sex Addiction</li>
<li>Sexual Anorexia</li>
<li>Suicidal Ideation</li>
</ul>
</DirectionCard>
</main>

View File

@ -1,36 +0,0 @@
<script>
export let person;
export let direction;
</script>
<main>
{#if direction == 'right'}
<div class="row d-flex align-items-center my-2">
<div class="col-md-4 text-center">
<img class="img-fluid rounded shadow" src={person.image} alt={person.name} />
</div>
<div class="col-md-8 border p-2 bg-light rounded shadow">
<h2>{person.name}, {person.position}</h2>
<p>{person.bio}</p>
<a href="mailto:{person.email}"><p>{person.email}</p></a>
</div>
</div>
{:else}
<div class="row d-flex align-items-center my-2">
<div class="col-md-8 border p-2 bg-light rounded shadow">
<h2>{person.name}, {person.position}</h2>
<p>{person.bio}</p>
<a href="mailto:{person.email}"><p>{person.email}</p></a>
</div>
<div class="col-md-4 text-center">
<img class="img-fluid rounded shadow" src={person.image} alt={person.name} />
</div>
</div>
{/if}
</main>
<style>
p {
white-space: pre-wrap;
}
</style>

View File

@ -1,5 +1,5 @@
<script> <script>
import PersonCard from './PersonCard.svelte'; import DirectionCard from '../../components/DirectionCard.svelte';
import { onMount } from 'svelte'; import { onMount } from 'svelte';
import { supabase } from '$lib/supabase'; import { supabase } from '$lib/supabase';
@ -32,10 +32,15 @@
</script> </script>
<main> <main>
<h1 class="text-center">Our Team</h1>
{#if people.length} {#if people.length}
{#each people as person, i} {#each people as person, i}
<div class="row"> <div class="row border-bottom">
<PersonCard person={person} direction={i % 2 ? 'left' : 'right'} /> <DirectionCard imageSpec={{image: person.image, alt: person.name}} direction={i % 2 ? 'left' : 'right'}>
<h2>{person.name}, {person.position}</h2>
<p>{person.bio}</p>
<a href="mailto:{person.email}"><p>{person.email}</p></a>
</DirectionCard>
</div> </div>
{/each} {/each}
{/if} {/if}