diff --git a/.gitignore b/.gitignore index 6453e4b..a365248 100644 --- a/.gitignore +++ b/.gitignore @@ -29,3 +29,4 @@ node_modules/ .ftpignore +.htaccess diff --git a/inc/footer.php b/inc/footer.php new file mode 100644 index 0000000..f379ec3 --- /dev/null +++ b/inc/footer.php @@ -0,0 +1,25 @@ + + + + + + + + + + + + + diff --git a/inc/functions.php b/inc/functions.php new file mode 100644 index 0000000..fc907b6 --- /dev/null +++ b/inc/functions.php @@ -0,0 +1,8 @@ + diff --git a/inc/header.php b/inc/header.php new file mode 100644 index 0000000..0979b37 --- /dev/null +++ b/inc/header.php @@ -0,0 +1,23 @@ + + + + + + The Centre for Perinatal Psychology and Forensics + + + + + + + + + + + diff --git a/inc/nav.php b/inc/nav.php new file mode 100644 index 0000000..d2ce04d --- /dev/null +++ b/inc/nav.php @@ -0,0 +1,36 @@ + + +
+ +
diff --git a/index.php b/index.php new file mode 100644 index 0000000..3d0b72d --- /dev/null +++ b/index.php @@ -0,0 +1,85 @@ + + + + + +
+
+
+
+
+
+ +
+
+
+
+

The Centre for

+

Perinatal

+

Psychology

+ +

and

+

Forensics

+

International

+
+ +
+ +

WEBSITE COMING SOON

+

Enter your email and we'll let you know when we launch.

+
+
+ + + +
+ +
+ + diff --git a/manifesto.php b/manifesto.php new file mode 100644 index 0000000..dac49aa --- /dev/null +++ b/manifesto.php @@ -0,0 +1,36 @@ + + +
+
+
+
+

From Rejection to Outrage:

+

Convictions and Executions that Obviate
the Presence of Severe Mental Illness

+
+ +
+

+ On January 13, 2021, Lisa Montgomery, a female inmate on federal death row was executed for murder in the state of Indiana. She was the first woman in nearly 70 years to receive the death penalty in the United States. This miscarriage of justice reflects a lack of understanding and negation of the role of severe childhood trauma and its impact on later life psychopathology and criminality. Lisa Montgomery suffered from severe mental illness that was not considered relevant when determining her criminal responsibility. +

+ +

+ In 2004, Montgomery strangled a 23-year-old woman who was 8 months pregnant. She cut the baby out of the womb and took the infant posing the infant as her own daughter. Montgomery was allegedly suffering from severe mental disorders; specifically, she was diagnosed with bipolar disorder, complex post-traumatic stress disorder, dissociative disorder, and traumatic brain injuries, in the context of a biographical history of profoundly serious physical and mental abuse as a child—described by many as torture. Prior to the crime, Montgomery suffered from pseudocyesis, a rare psychotic belief that one is pregnant, where hormonal and physical changes of pregnancy also occur. +

+ +

+ In many cases, severe mental disturbances are a result of significant childhood trauma and can alter thoughts, emotions, beliefs, and behaviour. As we are organizations dedicated to advocacy and awareness as well as the prevention of mental health, we want to emphasize the need to assess, defend, and adequately treat people suffering from mental disorders to prevent these tragedies wherein the perpetrator is themselves a victim of their mental illness. +

+ +

+ On occasion of the execution of Lisa Montgomery, from the Marcé Spanish Society of Perinatal Mental Health (MARES), the Spanish Association of Perinatal Psychology (AEPP), and the Centre for Perinatal Psychology and Forensics International (CPPFI) without forgetting the pain of the family of the victim of such an atrocious death, Bobbie Jo Stinnett, we express our rejection and outrage with regard to the conviction that led to the execution of Lisa Montgomery, a woman who at the time of committing the crime suffered from severe mental disorders. This federal execution violates the right to consider the seriousness of the mental illness at the time of commission of the criminal act and abuses by authoritarian power, by not considering the research underscoring the role of childhood traumas, and the physical, psychological, and environmental conditions of the person. +

+
+
+
+
+ diff --git a/mission.php b/mission.php new file mode 100644 index 0000000..f62f6c9 --- /dev/null +++ b/mission.php @@ -0,0 +1,31 @@ + + +
+
+
+
+

Our Mission at

+

THE CENTRE FOR PERINATAL PSYCHOLOGY
AND FORENSICS INTER­NATIONAL

+

Involves:

+
+ +
+

+ Endorsing and legitimizing the field of maternal mental health forensics by establishing chief foundations along with standards, benchmarks, protocols, and assessment strategies; continually updating information from evidence-based knowledge and research. We strive to enhance knowledge and resource exchange between countries and to work collaboratively with maternal/paternal mental health specialists, psychologists, psychiatrists, social workers, legal experts, and the community for the betterment of families, societies, and in generations to come. +

+ + + + + + +
+
+
+
+ diff --git a/pb-javascript.js b/pb-javascript.js new file mode 100644 index 0000000..ad93f86 --- /dev/null +++ b/pb-javascript.js @@ -0,0 +1,11 @@ +const icons = document.querySelectorAll('.icon'); +const togglers = document.querySelectorAll('.navbar-toggler'); +togglers.forEach (toggler => { + toggler.addEventListener('click', (event) => { + icons.forEach (icon => { + icon.classList.toggle("open"); + console.log("test"); + }) + + }); +}); diff --git a/script.js b/script.js new file mode 100644 index 0000000..74144f1 --- /dev/null +++ b/script.js @@ -0,0 +1,77 @@ +import { UnrealBloomPass } from '//unpkg.com/three@0.123.0/examples/jsm/postprocessing/UnrealBloomPass.js'; + +const deg2rad = deg => { return deg * Math.PI / 180; } +const rad2deg = rad => { return rad * 180 / Math.PI; } + +const initialData = { nodes: [{ id: 0 }], links: [] }; + +const N = 500; +const nodes = [...Array(N).keys()].map(i => { + return { + id: i, + val: (Math.random() * 1.5) + 1 + }; +}); + +function generateLinks(nodes) { + let links = []; + nodes.forEach(node => { + let numNodeLinks = Math.round(Math.random() * (0.75 + Math.random())) + 1; + for(let i = 0; i < numNodeLinks; i++) { + links.push({ + source: node.id, + target: Math.round(Math.random() * (node.id > 0 ? node.id - 1 : node.id)) + }); + } + }); + return links; +} +const links = generateLinks(nodes); +const gData = {nodes, links}; + +const distance = 1500; + +const graphElem = document.getElementById("3d-graph"); + +const Graph = ForceGraph3D()(graphElem); +Graph.enableNodeDrag(false); +Graph.enableNavigationControls(false); +Graph.enablePointerInteraction(false); +Graph.showNavInfo(false); + +Graph.cameraPosition({ z: distance, x: distance }); + +Graph.nodeRelSize(4); +Graph.nodeOpacity(.8); + +Graph.linkWidth(5); + +Graph.linkDirectionalParticles(5); +Graph.linkDirectionalParticleWidth(5); + +const bloomPass = new UnrealBloomPass(); +bloomPass.strength = 3; +bloomPass.radius = 1; +bloomPass.threshold = 0.5; +Graph.postProcessingComposer().addPass(bloomPass); + +Graph.graphData(gData); + +let currentAngle = 0; +setInterval(() => { + Graph.cameraPosition({ + x: distance * Math.sin(deg2rad(currentAngle)), + z: distance * Math.cos(deg2rad(currentAngle)) + }); + + currentAngle += 0.5; +}, 10); + +window.addEventListener('resize', e => { + let width = window.innerWidth; + let height = window.innerHeight; + + Graph.width(width); + Graph.height(height); + Graph.refresh(); +}); diff --git a/style.css b/style.css new file mode 100644 index 0000000..3ac47c8 --- /dev/null +++ b/style.css @@ -0,0 +1,335 @@ +@import url("https://use.typekit.net/szh1sod.css"); +@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap'); +* { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +body { + margin: 0; + + min-height: 100vh; + font-size: 16px; + overflow-x: hidden; + background-color: #000011; + color: #fff; + font-family: Helvetica; +} +html, body{ + max-width: 100%; + overflow-x: hidden; +} +main{ + max-width: 100%; + overflow-x: hidden; +} +a, +a:visited, +a:focus, +a:active, +a.text-link, +a.text-link:visited, +a.text-link:active, +a.text-link:focus{ + text-decoration: none; + color: hsla(216, 15%, 90%, .90); +} +.breaker{ + width: 33%; + height: 2px; + background-color: #fff; + +} +.navbar-toggler{ + border: 1px solid #fff; + border-radius: 8px; + color: #fff; + padding-top: 8px; + padding-bottom: 5px; + z-index: 9999; + outline: 0; + border-width: 1px; + transition: all .33s ease; +} +.navbar-toggler:focus, +.navbar-toggler:active{ + outline: 0; + border-width: 1px; +} +.navbar-toggler:not(.collapsed){ + +} +.navbar-collapse{ + + background-color: rgba(0,0,0,0); + transition: all .33s ease; +} +.navbar-collapse.collapsing, +.navbar-collapse.show{ +margin-top: -55px; +/* margin-right: 10px; +margin-left: 10px; */ + background-color: rgba(0,0,0,1); + opacity: 1; +text-align:center; +padding: 25%; +overflow: hidden; +height: 100vh; + + + +} +.navbar-toggler .icon{ + margin:5px; +} +/* nav-icon-5 */ +.nav-icon-5{ + width: 35px; + height: 20px; + margin-top: 5px; + position: relative; + cursor: pointer; + display: inline-block; +} +.nav-icon-5 span{ + background-color:#fff; + position: absolute; + border-radius: 1px; + transition: .3s cubic-bezier(.8, .5, .2, 1.4); + width:100%; + height: 2px; + transition-duration: 500ms +} +.nav-icon-5 span:nth-child(1){ + top:0px; + left: 0px; +} +.nav-icon-5 span:nth-child(2){ + top:9px; + left: 0px; + opacity:1; +} +.nav-icon-5 span:nth-child(3){ + bottom:0px; + left: 0px; +} +.nav-icon-5:not(.open):hover span:nth-child(1){ + transform: rotate(-3deg) scaleY(1.1); +} +.nav-icon-5:not(.open):hover span:nth-child(2){ + transform: rotate(3deg) scaleY(1.1); +} +.nav-icon-5:not(.open):hover span:nth-child(3){ + transform: rotate(-4deg) scaleY(1.1); +} +.nav-icon-5.open span:nth-child(1){ + transform: rotate(45deg); + top: 8px; +} +.nav-icon-5.open span:nth-child(2){ + opacity:0; +} +.nav-icon-5.open span:nth-child(3){ + transform: rotate(-45deg); + top: 8px; +} +h1, h2, h3 { + text-rendering: optimizeLegibility; +} +p{ + font-family: 'Poppins', sans-serif; +font-size: 18px; + line-height: 1.66em; + padding-bottom: 1em; +} +header{ + position: fixed; + top: 0; + left: 0; + width: 100%; + z-index: 9999; +} +header ul{ + list-style: none; + color: #fff; +} +header ul li.nav-item a{ + border-bottom: 2px solid hsla(216, 100%, 100%, 0.0); + color: #fff; + font-family: 'latino-urw', serif; + font-weight: 700; + font-size: 18px; + text-transform: uppercase; + padding-top: 16px; + transition: all ease .33s; + +} +header ul li.nav-item.active a{ + border-bottom: 2px solid hsla(216, 100%, 100%, 1); +} +header ul li.nav-item a:hover{ + border-bottom: 2px solid hsla(216, 100%, 100%, 1); + color: #fff; +} +.graph{ + position: absolute; + top: 0px; + width: 85vw; + height: 100vh; + left: 15%; + z-index: -1; +} +@media (max-width: 991.98px) { + .graph{ + left: 0%; + } +} +h1{ + font-family: latino-urw, serif; + font-weight: 900; + font-style: normal; + font-size: 1.666em; + line-height: 98%; +} +h1.display-1{ + font-size: 5rem; + font-weight: 900; + line-height: 95%; + margin-top: 0px; + margin-bottom: 0px; +} +h1.span{ + background-color: #000011; +} +span.underline{ + padding-bottom: 1rem; + border-bottom: 5px solid white; +} +.title-holder{ + position: relative; + display: inline-block; +} +.title-holder:after{ + position: absolute; + content: 'Dr. Gina Wong, Director'; + font-family: 'latino-urw', serif; + font-weight: 700; + font-style: normal; + font-size: 1.33em; + + bottom: -80px; +} +h3{ + + font-family: 'latino-urw', serif; + font-weight: 700; + font-style: normal; +} +@media (max-width: 575.98px) { + body{ + height: 100vh; + } + h1{ + font-size: 1em; + } + h1.display-1{ + font-size: 1.4em; + } +} +@media (max-width: 767.98px) { + body{ + height: 100vh; + } + h1{ + font-size: 1.23em; + } + h1.display-1{ + font-size: 1.8em; + } +} +@media (max-width: 991.98px) { + body{ + height: 100vh; + } + h1{ + font-size: 1.44em; + } + h1.display-1{ + font-size: 2.88em; + } +} + + +main.container{ + top:0px; + left: 0px; + position: absolute; + z-index: 8888; + height: 100vh; +} + +a{ + border-bottom: 2.5px solid white; + + opacity: 100%; +} +a:hover{ + cursor: pointer; + opacity: 75%; +} +.modal-content{ + background-color: #000011; + border: 2.5px solid white; + border-radius: 0px; + +} +.modal-header{ + border-bottom-width: 0px; +} +.close, .close:hover{ + color: white; + text-shadow: rgb(255, 255, 255) 0px 0px 0px; + opacity: 100%; +} +.button{ + border-radius: 0px; + background-color: white; +} +.skrim{ + position: absolute; + top: 0px; + left: 0px; + width: 100%; + height: 100%; + z-index: 5555; + background-color: #000011; + opacity: 40%; +} +.btn.btn-primary{ + border: 1px solid #fff; + border-radius: 8px; + background-color: transparent; + color: #fff; + padding: .75em 1.22em .75em 1.22em; + transition: all .22s ease; + font-weight: bold; +} +.btn.btn-primary:hover{ + transform: translateY(-.15em); + /* background-color: #fff; + color: black; */ + border: 3px solid #fff; +} +input.teamform{ + background-color: rgba(255, 0, 0, 0.0); + border-color: 1px solid #fff; + border-radius: 8px; + color: #fff; +} +input.form-control.teamform:focus{ + outline: 0; + background-color: rgba(255, 0, 0, 0.0); + color: #fff; +} +footer{ + height: 33vh; +} diff --git a/team.php b/team.php new file mode 100644 index 0000000..05b0480 --- /dev/null +++ b/team.php @@ -0,0 +1,65 @@ + +
+
+
+

Coming Soon.

+

+ If you are interested in being part of the CPPFI Team, please enter your email and we'll contact you once we have launched. +

+
+
+ + +
+
+ + + +
+
+ + + +
+
+
+ + +
+ + + +
+
+ +
+
+
+
+ + +
+
+ +
+ +
+
+ + + + + + + + + + + + +