init commit

pixelbakery · Feb 19, 2021 · 22dfd20 · 22dfd20
1 parent d5ad443
commit 22dfd20
Show file tree

Hide file tree

Showing 12 changed files with 733 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -29,3 +29,4 @@ node_modules/
 .ftpignore
 
 
+.htaccess
diff --git a/inc/footer.php b/inc/footer.php
@@ -0,0 +1,25 @@
+<footer>
+  <div class="container h-100">
+    <div class="row h-100">
+      <div class="col-8 offset-2 text-center h-100 d-flex flex-column justify-content-center align-items-center">
+        <small>Copyright © <?php echo Date("Y");?> </br>THE CENTRE FOR PERINATAL PSYCHOLOGY
+AND FORENSICS INTERNATIONAL,</br> All Rights Reserved.</small>
+        <p class="small">
+          <small>Website designed by <a href="pixelbakery.com" target="_blank">Pixel Bakery</a>.</small>
+        </p>
+      </div>
+    </div>
+  </div>
+</footer>
+
+</body>
+
+<!-- partial -->
+<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>
+<script src='https://unpkg.com/[email protected]/dist/3d-force-graph.min.js'></script>
+<script type="module" src="../script.js"></script>
+<script src="../pb-javascript.js"></script>
+
+</body>
+</html>
diff --git a/inc/functions.php b/inc/functions.php
@@ -0,0 +1,8 @@
+<?php
+
+
+function chopExtension($filename) {
+    return substr($filename, 0, strrpos($filename, '.'));
+}
+
+ ?>
diff --git a/inc/header.php b/inc/header.php
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en" >
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>The Centre for Perinatal Psychology and Forensics</title>
+  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
+
+  <link rel="stylesheet" href="/style.css">
+
+  <!-- Global site tag (gtag.js) - Google Analytics -->
+  <script async src="https://www.googletagmanager.com/gtag/js?id=G-P3BJVXXWKD"></script>
+  <script>
+    window.dataLayer = window.dataLayer || [];
+    function gtag(){dataLayer.push(arguments);}
+    gtag('js', new Date());
+
+    gtag('config', 'G-P3BJVXXWKD');
+  </script>
+
+</head>
+
+<body>
diff --git a/inc/nav.php b/inc/nav.php
@@ -0,0 +1,36 @@
+<?php  $root = $_SERVER['DOCUMENT_ROOT'];
+?>
+
+<header class="">
+  <nav class="navbar navbar-expand-md ">
+    <div class="container-fluid">
+
+     <a class="navbar-brand" href="#"></a>
+    <button class="navbar-toggler me-2 mt-2" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTogglerDemo01" aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation">
+
+        <div class="icon nav-icon-5">
+          <span></span>
+          <span></span>
+          <span></span>
+        </div>
+
+    </button>
+     <div class="collapse navbar-collapse d-md-flex justify-content-md-end" id="navbarTogglerDemo01">
+      <ul class="navbar-nav list-inline">
+        <li class=" list-inline-item px-1 nav-item <?php if ($page == "index") echo 'active';?>">
+          <a class="nav-link text-decoration-none pb-1" href="../" <?php if ($page == "index") echo ' aria-current="page"';?>>Home</a>
+        </li>
+        <li class="list-inline-item px-1 nav-item <?php if ($page == "team") echo 'active';?> ">
+          <a  class="nav-link text-decoration-none pb-1" href="../team" <?php if ($page == "team") echo ' aria-current="page"';?>>Team</a>
+        </li>
+        <li class="list-inline-item px-1 nav-item <?php if ($page == "manifesto") echo 'active';?> ">
+          <a  class="nav-link text-decoration-none pb-1" href="../manifesto" <?php if ($page == "manifesto") echo ' aria-current="page"';?>>Manifesto</a>
+        </li>
+        <li class="list-inline-item px-1 nav-item <?php if ($page == "mission") echo 'active';?> ">
+          <a  class="nav-link text-decoration-none pb-1" href="../mission" <?php if ($page == "mission") echo ' aria-current="page"';?>>Mission</a>
+        </li>
+      </ul>
+    </div>
+      </div>
+  </nav>
+</header>
diff --git a/index.php b/index.php
@@ -0,0 +1,85 @@
+
+
+<?php
+include_once('./inc/functions.php');
+$title = "HOME";
+$page = chopExtension(basename(__FILE__));
+include_once('./inc/header.php');
+include_once('./inc/nav.php'); ?>
+
+
+  <div class="container vh-100 my-0  " >
+    <div class="graph-holder position-relative">
+      <div  class="graph">
+        <div id="3d-graph"></div>
+      </div>
+    </div>
+
+    <div class="skrim d-block d-md-none"></div>
+    <main class="container">
+      <div class="row h-100  d-flex flex-column justify-content-around mx-1 px-1 px-md-5">
+          <div class="title-holder d-inline-block pt-1">
+              <h1 class=""><span>The Centre for</span></h1>
+              <h1 class="display-1"><span>Perinatal</span></h1>
+              <h1 class="display-1"><span>Psychology</span></h1>
+
+              <h1><span>and</h1>
+              <h1 class="display-1"><span>Forensics</span></h1>
+                  <h1 class="display-1"><span class="underline">International</span></h1>
+          </div>
+
+          <div class="py-1">
+
+            <h3 class="text-left">WEBSITE COMING SOON</h3>
+            <p class="lead text "><a data-toggle="modal" data-target="#exampleModal">Enter your email</a> and we'll let you know when we launch.</p>
+          </div>
+      </div>
+
+            <!-- Modal -->
+        <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+          <div class="modal-dialog modal-dialog-centered">
+            <div class="modal-content">
+              <div class="modal-header">
+                  <h5 class="modal-title" id="exampleModalLabel">Enter Your Email</h5>
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                  <span aria-hidden="true">&times;</span>
+                </button>
+              </div>
+              <div class="modal-body">
+                <!-- Begin Mailchimp Signup Form -->
+                <link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css">
+                <style type="text/css">
+                  #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
+                  /* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
+                     We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
+                </style>
+                <div id="mc_embed_signup">
+
+                <form action="https://mmhforensics.us2.list-manage.com/subscribe/post?u=b16066874c0f21ab6870bd449&amp;id=07edc92c65" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
+                    <div id="mc_embed_signup_scroll">
+
+                <div class="mc-field-group">
+                  <label for="mce-EMAIL">Email Address </label>
+                  <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
+                </div>
+                  <div id="mce-responses" class="clear">
+                    <div class="response" id="mce-error-response" style="display:none"></div>
+                    <div class="response" id="mce-success-response" style="display:none"></div>
+                  </div>    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
+                    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_b16066874c0f21ab6870bd449_07edc92c65" tabindex="-1" value=""></div>
+                    <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
+                    </div>
+                </form>
+                </div>
+                <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnames[3]='ADDRESS';ftypes[3]='address';fnames[4]='PHONE';ftypes[4]='phone';fnames[5]='BIRTHDAY';ftypes[5]='birthday';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
+                <!--End mc_embed_signup-->
+              </div>
+
+            </div>
+          </div>
+        </div>
+    </main>
+
+  </div>
+
+<?php include_once('./inc/footer.php'); ?>
diff --git a/manifesto.php b/manifesto.php
@@ -0,0 +1,36 @@
+<?php
+include_once('./inc/functions.php');
+$title = "MANIFESTO";
+$page = chopExtension(basename(__FILE__));
+include_once('./inc/header.php');
+include_once('./inc/nav.php'); ?>
+
+  <div class="container my-5 py-5  " >
+    <div class="row px-5">
+      <div class="col col-sm-10">
+        <article>
+          <h1>From Rejection to Outrage:</h3>
+          <h1 class="display-1 mb-3 border-bottom-1">Convictions and Executions that Obviate </br>the Presence of Severe Mental Illness</h1>
+          <div class="breaker mb-5">
+
+          </div>
+          <p class="mb-3">
+          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.
+          </p>
+
+          <p class="mb-3">
+            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.
+          </p>
+
+          <p class="mb-3">
+            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.
+          </p>
+
+          <p class="mb-3">
+            On occasion of the execution of Lisa Montgomery, from the <a class="text-link" href="http://www.sociedadmarce.org/" target="_blank" rel="noopener">Marcé Spanish Society of Perinatal Mental Health (MARES)</a>, the <a class="text-link" href="http://www.asociacionpsicologiaperinatal.es/" target="_blank" rel="noopener">Spanish Association of Perinatal Psychology (AEPP)</a>, and the <a class="text-link" href="https://mmhforensics.org/" target="_blank" rel="noopener">Centre for Perinatal Psychology and Forensics International (CPPFI)</a> 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.
+          </p>
+        </article>
+      </div>
+    </div>
+  </div>
+<?php include_once('./inc/footer.php'); ?>
diff --git a/mission.php b/mission.php
@@ -0,0 +1,31 @@
+<?php
+include_once('./inc/functions.php');
+$title = "MISSION";
+$page = chopExtension(basename(__FILE__));
+include_once('./inc/header.php');
+include_once('./inc/nav.php'); ?>
+
+  <div class="container my-5 py-5  " >
+    <div class="row px-5">
+      <div class="col col-sm-8">
+        <article>
+          <h1>Our Mission at </h1>
+          <h1 class="display-1 mb-2 border-bottom-1">THE CENTRE FOR PERINATAL PSYCHOLOGY</br> AND FORENSICS INTER&shy;NATIONAL</h1>
+          <h1 class="mb-3">Involves: </h1>
+          <div class="breaker mb-5">
+
+          </div>
+          <p class="mb-3 me-md-5 pe-md-5">
+            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.
+          </p>
+
+
+
+
+
+
+        </article>
+      </div>
+    </div>
+  </div>
+<?php include_once('./inc/footer.php'); ?>
diff --git a/pb-javascript.js 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
@@ -0,0 +1,77 @@
+import { UnrealBloomPass } from '//unpkg.com/[email protected]/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();
+});