On the Mic with Mike - A Canadian Institutes of Health Research Video Series
PreVenture is an evidence-based prevention program that uses personality targeted interventions to promote mental health and delay substance use among teens. PreVenture workshops are designed to help students learn useful coping skills, set long term goals and channel their personality towards achieving them.
IMPORTANT NEWS: Online delivery of the PreVenture Program is now available!
PreVenture has been recognized as an evidence-based program by several well respected authorities. It was tested in multiple randomized control trials in Canada, Australia, The Netherlands and the United Kingdom and continues to be part of numerous research studies across the globe.
The globe element has the custom attribute data-geo-globe="1"
The collections list item has the custom attribute data-geo-place="1"
The element with the coordinates in each item has the custom attribute data-geo-coordinates="1"
View the script block source below for the magic, or copy the embed element if you've cloned the site 👇
It has custom attribute data-geo-get-current-position="1"
Once the location is known, it emits a geo-get-current-position event.
TBD: How can we wire event listeners without custom code?
State chart POC: each state's style and button text are defined as a separate buttons inline here.
This one is testing a concept to be able to style all of the states of an interactive component in the designer:
To make other place-based scripts easier, we'll parse the coordinates from the DOM of elements with data-geo-place attribute, and save them to el.value (and data-geo-value attribute).
TBD: standard way to make CMS data available to scripts. Stringy DOM stuff and JSON parsing are not the interesting bits of programming, and Webflow has a nice interface for typed data modeling.
TBD: how to generalize this? For now it is just custom code that listens to the custom event from the (Geo--getCurrentPosition) button above, and sorts the locations in the list by the globe. It would be cool if the globe could also provide the center location, or another component with address input → geocoding service. Starting to feel like a dataflow wiring viz would make sense.
Gets locations with the same pattern as the globe above: data-geo-map="2" for the map div and data-geo-place="2" for the places.
(We're using 2 in the demo below to keep this map and locations separate from the 3d globe demo at the top of the page.)
“Despite an abundance of data and rigorous prevention efforts targeting risk and protective factors for youth, communities continue to face significant challenges moving the needle. PreVenture offers an unparalleled opportunity to impact the youth developmental trajectory by identifying and enhancing motivation, resiliency, and self-awareness within adolescents. Having worked in the field of prevention and youth development for well over a decade, I have yet to experience such a powerful and inspiring intervention as PreVenture.”
~ Jennifer Pinto, LMHC, Manager Integrated Care Initiative, Beth Israel Deaconess Hospital – Plymouth in collaboration with Plymouth Public Schools
“Schools are excited to get trained in this evidence-based program that is showing amazing outcomes. Students are learning how to cope with stressful situations and work through their challenging thoughts and emotions. Schools are happy to have an AODA prevention tool to help their students!”
~ Angela Weidman, LMFT, PreVenture Trainer, Chippewa County Public Health Director/Officer
"What a find in PreVenture! The training was really amazing. In the first part of the training we got to learn about at the research behind this program, and the outcomes are very impressive. The rest of training was focused on learning, practicing and facilitating the curriculum. There is lots more to say, but I wanted to really just say thank. Running PreVenture at our schools is a no-lose situation and a lot of wins are possible!"
~ PreVenture Facilitator
"Thank you so much. I am very excited about moving forward with this intervention and the positive impact it will have on our students. I'm so happy to be able to offer this program in our school district."
~ PreVenture Facilitator
"Through a community wide effort, we are thrilled to be able to bring PreVenture to the students at Bowling Green Jr. High School. One of the many things I love about PreVenture is you don't feel like you're presenting a drug and alcohol prevention program. The content carries over into so many relevant conflicts and challenges our children face growing up today, and it teaches them how to cope and problem solve so they're better equipped to make good choices in any situation, which puts them closer to reaching their long term goals. It’s an amazing program and we can’t wait to continue our work with our students here in Bowling Green."
~ Elizabeth Forbes, Ed.S., School Psychologist & PreVenture Facilitator, Bowling Green City Schools, Bowling Green, Kentucky