File: /www/wwwroot/shopmfv.com/shop/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Feeling Like Your Best Days Are Behind You?</title>
<link rel="icon" type="image/png" sizes="1080x1080" href="../assets/img/favicon.png">
<link rel="stylesheet" href="static/css/bootstrap.min.css">
<link rel="stylesheet" href="static/css/tk.css">
<link rel="stylesheet" href="static/css/styles.min.css">
<link rel="stylesheet" href="static/css/styles.css">
<!-- Google Tag Manager -->
<script>
(function (w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({"gtm.start": new Date().getTime(), event: "gtm.js"});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != "dataLayer" ? "&l=" + l : "";
j.async = true;
j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, "script", "dataLayer", "GTM-M4RKTFDK");
</script>
<!-- End Google Tag Manager -->
</head>
<body>
<section id="mainBody">
<div class="container-fluid">
<div class="row">
<div class="col-12 col-md-8 col-lg-6 mx-auto">
<div id="intro">
<h1 class="main-title mt-md-5 text-center fw-bold">
<strong> Feeling Like Your Best Days Are Behind You?</strong>
</h1>
<h5 class="text-center">
(Check below if this can work for you)
</h5>
</div>
<div id="quizIntro" class="mt-5">
<p>This <strong>unique formula</strong> helps men <strong>reignite their drive</strong>, <strong>stamina</strong>, and <strong>intimate vitality</strong> — <strong>naturally and discreetly</strong>.</p>
<p>For many men, changes in <strong>performance</strong>, <strong>stamina</strong>, and <strong>confidence</strong> can feel frustrating and even overwhelming.</p>
<p>Now, a <strong>breakthrough formula</strong> — inspired by European wellness traditions — is helping men <strong>take back control</strong> and feel <strong>stronger</strong>, <strong>more energized</strong>, and <strong>more capable</strong> in their <strong>most important moments</strong>.</p>
<p>Thousands have already noticed a difference, reporting <strong>renewed satisfaction</strong>, <strong>enhanced endurance</strong>, and <strong>restored intimacy</strong> with their partners.</p>
<p>If you've felt a shift in your <strong>drive</strong> or <strong>energy</strong>, this simple method could be the <strong>natural support</strong> you’ve been seeking.</p>
<p> Take this short 30-second quiz to see if you qualify to discover the method trusted by thousands.</p>
</div>
<div id="startQuiz" class="animate__animated animate__fadeIn mt-5 mb-5" style="padding-bottom: 200px">
<div class="myButton">
<div style="text-align: center; font-size: 34px">
Check Eligibility
</div>
</div>
</div>
<div id="quiz" class="mt-4 d-none">
<div id="quizApp" style="min-height: 400px" class="pt-3">
<div v-if="q <= questions.length " class="">
<div class="mb-3">
<span class="text-center mx-auto d-none">Question {{q}} of {{questions.length }}:</span>
<div class="progress" role="progressbar">
<div class="progress-bar bg-success" :style="`width: ${Math.floor(q/questions.length*100)}%`">
{{Math.floor(q/questions.length*100)}}%
</div>
</div>
</div>
<div class="mx-auto animate__animated animate__fadeIn" style="max-width: 800px" v-if="fade">
<div class="font-weight-bold h4">{{items.question}}</div>
<div class="font-weight-bold h6" v-if="items.sub">
{{items.sub}}
</div>
<template v-if="items.number === 1">
<div class="text-center errorTxt" v-if="questions[q-1].response < 18 && questions[q-1].response">
You must be over 18 years old
</div>
<input type="number" min="18" max="100" class="typeInput" @change="onInput($event, 'response')" v-model="questions[q - 1].response">
<div class="disabledButton mt-1" v-if="questions[q-1].response < 18">
Next
</div>
<div class="myButton mt-1" v-else @click="next()">
Next
</div>
</template>
<template v-if="items.number === 2">
<div class="row d-flex justify-content-center" v-if="!items.metric">
<div class="col-6">
<h4 class="pb-0 mb-0">Feet</h4>
<input type="number" min="0" max="7" class="typeInput" @change="onInput($event, 'response.feet')" v-model="questions[q - 1].response.feet">
</div>
<div class="col-6">
<h4 class="pb-0 mb-0">Inches</h4>
<input type="number" min="0" max="11" class="typeInput" @change="onInput($event, 'response.inches')" v-model="questions[q - 1].response.inches">
</div>
</div>
<div class="row d-flex justify-content-center" v-if="items.metric">
<div class="col-12">
<h4 class="pb-0 mb-0">Centimeters</h4>
<input type="number" min="0" max="250" class="typeInput" @change="onInput($event, 'response.cm')" v-model="questions[q - 1].response.cm">
</div>
</div>
<div class="disabledButton mt-1" v-if="questions[q - 1].response.feet === null || questions[q-1].response.cm === null">
Next
</div>
<div class="myButton mt-1" v-else @click="next()">
Next
</div>
</template>
<template v-if="items.number === 3">
<div class="row d-flex justify-content-center" v-if="!items.metric">
<div class="col-12">
<h4 class="pb-0 mb-0">Pounds</h4>
<input type="number" min="0" max="999" class="typeInput" @change="onInput($event, 'response.pounds')" v-model="questions[q - 1].response.pounds">
</div>
</div>
<div class="row d-flex justify-content-center" v-if="items.metric">
<div class="col-12">
<h4 class="pb-0 mb-0">Kilograms</h4>
<input type="number" min="0" max="350" class="typeInput" @change="onInput($event, 'response.kg')" v-model="questions[q - 1].response.kg">
</div>
</div>
<div class="disabledButton mt-1" v-if="questions[q - 1].response.pounds === null || questions[q-1].response.kg === null">
Next
</div>
<div class="myButton mt-1" v-else @click="next()">
Next
</div>
</template>
<template v-if="items.number === 4">
<div class="row d-flex justify-content-center">
<div class="d-flex justify-content-between mb-2">
<span>{{items.explain[0]}}</span>
<span>{{items.explain[1]}}</span>
</div>
<div class="d-flex">
<span v-for="x in 10" :key="`${x}22`" class="squareButton mx-1" @click="questions[q - 1].response = x; next()">
{{x}}
</span>
</div>
</div>
</template>
<template v-if="items.number ===5">
<div class="row">
<div class="col cols-6" v-for="x in items.answers" :key="`${x}seo`">
<div class="myButton mt-1" @click="questions[q - 1].response = x, next()">
{{x}}
</div>
</div>
</div>
</template>
<div class="mt-3">
<span v-if="items.number > 1 " class="button" style="
color: rgb(146, 146, 247);
text-decoration: underline;
cursor: pointer;
float: left;
" @click="q -=1">
Previous Question
</span>
<span v-if="[2, 3].includes(items.number)" class="button" style="
color: rgb(146, 146, 247);
text-decoration: underline;
cursor: pointer;
float: right;
" @click="questions[q - 1].metric = !questions[q - 1].metric; metricSwitch(questions[q - 1].metric)">
{{questions[q - 1].metric ? "Switch to Imperial" :
"Switch to Metric"}}
</span>
</div>
</div>
</div>
<div v-if="q === questions.length + 1" class="mx-auto text-center">
<div class="h4">Analyzing Answers</div>
<span class="loaderSpin"></span>
<div class="animate__animated animate__fadeIn" v-if="fadeProcess">
<b>Question {{processingStage}}:</b> Processing...
</div>
</div>
<div v-if="q === questions.length + 2" class="h4 font-weight mx-auto text-center animate__animated animate__fadeIn">
<span class="lni lni-checkmark-circle"></span> Processing
Successful
<br>
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" fill="#4267B2" class="bi bi-check-circle-fill mt-2" viewbox="0 0 16 16">
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"></path>
</svg>
</div>
<div style="padding-bottom: 200px" v-show="q === questions.length + 3" class="animate__animated animate__fadeIn">
<div style="width: 100%" id="form">
<div class="h4">Your Results Are Ready!</div>
<div>
We've compared your answers to that of our 40,000 users
and what we found is interesting!
</div>
<div style="height: 30px">
<div id="emailMessage" class="d-none caption mb-0 pb-0 text-center" style="text-align: center; color: red">
Check your email is correct
</div>
</div>
<h4 class="mb-0 pb-0 text-center" style="font-weight: bold">
Enter your email address to get your results
</h4>
<input for="email" type="email" placeholder="Enter Your Email" id="emailForm" style="height: 50px; width: 100%; text-align: center" class="mb-2">
<div id="disabled" style="width: 100%" class="watchButton">
<div class="disabledButton">Get My Results</div>
</div>
<div id="submit" @click="submitEmail" class="mb-5 watchButton d-none animate__animated animate__fadeIn">
<div class="myButton" style="text-align: center; font-size: 34px; width: 100%">
Get My Results
</div>
</div>
</div>
<div id="emailSub" class="d-none text-center animate__animated animate__fadeIn">
Loading results... <br>
<span class="loaderSpin"></span>
</div>
</div>
<div v-show="q === questions.length + 4" class="row animate__animated animate__fadeIn" id="quizRules" style="padding-bottom: 150px">
<div class="animate__animated animate__fadeIn d-none" id="bannerBottom" style="
position: fixed;
left: 0;
bottom: 0;
width: 100%;
z-index: 99;
background-color: rgb(247, 122, 64);
color: white;
text-align: center;
" @click="scrollToButton">
Approved for video access for the next:
<span class="minuteCheck">{{countdown.minutes}}m: {{countdown.seconds}}s</span>
<span class="expiredMin" style="display: none; color: red">your placement may have expired!</span>
</div>
<div class="col-12 mx-auto px-3" style="display: flex; flex-direction: column">
<h1 class="text-center">Your Results</h1>
<p>
You are a {{questions[0].response}} year old man who is
{{questions[1].metric ? `${questions[1].response.cm}cm` :
`${questions[1].response.feet}ft
${questions[1].response.inches}in`}} tall and has a body
mass index of {{bmi.bmi}} ({{bmi.value}}), we calculate
that this treatment has a greater than
<span class="font-weight-bold">95% probability of working for you.</span>
Our estimation is based on your survey answers and from
the data collected from our users.
</p>
<p id="firstCount">
Because your results indicate a high likelihood of success, a priority consultation slot with a licensed health advisor has been temporarily reserved for you. This slot will remain available for the next:
<span class="minuteCheck">{{countdown.minutes}}m: {{countdown.seconds}}s.</span>
<span class="expiredMin" style="display: none; color: red">your placement may have expired!</span>
</p>
<p>
If you do not confirm your consultation in time, your place may be given to the next eligible participant. Please review your results before proceeding.
<span class="font-weight-bold">Here's how you stack up:</span>
</p>
<div class="row mt-5">
<div class="col-6">
<div class="font-weight-bold">How Old Are You?</div>
<div v-if="qz('age').response > 78.3">
You are older than our average user, however, we have
still seen success with men in their 90s.
</div>
<div v-else>
You are younger than our average user. This is great!
We have seen success with men in their 90s.
</div>
</div>
<div class="col-6 d-flex align-items-center">
<div class="customTooltip" style="width: 100%">
<div class="progress" role="progressbar">
<div class="progress-bar" style="width: 100%">
<div class="progress-now" :style="`left: ${qz('age').response}%`">
{{qz('age').response }}
</div>
</div>
<div class="topTip" style="left: 82.5%; width: 80px">
Avg: 78.5
<i></i>
</div>
</div>
</div>
</div>
</div>
<div class="row mt-5">
<div class="col-6">
<div class="font-weight-bold">
How much do you weigh?
</div>
<div v-if="bmi.bmi <=25.0 ">
Your BMI class is less than our average user. This is
great, our treatment works for those that are much
heavier than you.
</div>
<div v-else-if="bmi.bmi <=30.0">
Your BMI class is the same as our average user. This
is great, our treatment still works for people that
are heavier than you.
</div>
<div v-else>
Your BMI class is above our average user. But don't
worry, our treatment still works for people in your
category.
</div>
</div>
<div class="col-6 d-flex align-items-center">
<div class="customTooltip" style="width: 100%">
<div class="progress" role="progressbar">
<div class="progress-bar" style="width: 100%">
<div class="progress-now" :style="`left: ${bmiPos}%`">
{{Math.floor(bmi.bmi)}}
</div>
</div>
<div class="topTip" style="left: 65%; width: 100px">
Avg: 29.6 <br>Overweight
<i></i>
</div>
</div>
<div style="font-size: 12px; text-align: center">
<div class="row">
<div class="col-6">
Underweight<br>
18.5 or Less
</div>
<div class="col-6">Normal <br>18.6 - 25.0</div>
<div class="col-6">
Overweight<br>25.1 - 30.0
</div>
<div class="col-6">Obese<br>30.1 or More</div>
</div>
</div>
</div>
</div>
</div>
<div class="my-5">
Note: The following
<span class="font-weight-bold">Before</span> and
<span class="font-weight-bold">After</span> results refer
to our 40,000 users. The
<span class="font-weight-bold">Before</span> result was
taken via the same survey as yourself. With the
<span class="font-weight-bold">After</span> results taken
again after 6 months of continued use.
</div>
<div v-for="(question, ind) in resultQ" :key="ind + 'question'">
<div class="row mt-5">
<div class="col-6">
<div class="font-weight-bold">
{{question.question}}
</div>
<div>{{qzDes(question.tag)}}</div>
</div>
<div class="col-6 d-flex align-items-center">
<div class="customTooltip" style="width: 100%">
<div v-if="question.number === 4">
<div class="progress" role="progressbar">
<div class="progress-bar" style="width: 100%">
<div class="progress-now" :style="`left: ${question.response === 10 ? question.response * 9.3 : question.response * 9}%`">
{{question.response}}
</div>
</div>
</div>
<div v-if="question.imp" class="topTip" :style="`left: ${question.avg * 10}%`">
Before: {{question.avg}}
<i></i>
</div>
<div v-else class="topTip" :style="`left: ${question.avg * 10}%`">
Avg: {{question.avg}}
<i></i>
</div>
<div v-if="question.imp" class="topTip" :style="`left: ${question.imp * 10}%`">
After: {{question.imp}}
<i></i>
</div>
</div>
<div v-if="question.explain" class="d-flex justify-content-between">
<div>{{question.explain[0]}}</div>
<div>{{question.explain[1]}}</div>
</div>
</div>
</div>
</div>
</div>
<h3 class="mb-md-4 mb-0 mt-2 text-md-center font-weight-bold">
Your status: <u>this can work for you</u>!
</h3>
<p>
This advanced formula will improve your libido & allow you
to get rock-hard erections all from home. Without the need
for a doctor or embarrassing visit to your local pharmacy.
</p>
<!-- <p>
Before you get the
<b>exclusive video presentation</b> please agree to the
following:
</p> -->
<p id="videoAccess">
Please
<span class="font-weight-bold">
make sure your sound is turned on</span>. Watch the presentation all the way through to discover
how to repair your sexual health.
</p>
<p>
This presentation is <b>only</b> being made available for
a limited time and will be <b>removed without notice</b>.
If you do not want to fix your erectile dysfunction,
please <b>close this window immediately</b> to free up
your slot for the next person in line.
</p>
<a href="go.html" class="myButton offerLink mt-5" id="iAgree" target="_blank" style="flex-grow: 1; font-size: 24px">Start My Free Consultation</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="text-center bg-dark">
<div class="container text-white py-4 py-lg-5">
<ul class="list-inline small">
<li class="list-inline-item">
<a class="link-light" href="contact.html">Contact</a>
</li>
<li class="list-inline-item">
<a class="link-light" href="references.html">References</a>
</li>
<li class="list-inline-item">
<a class="link-light" href="terms.html">Terms</a>
</li>
<li class="list-inline-item">
<a class="link-light" href="privacy-policy.html">Privacy</a>
</li>
<li class="list-inline-item">
<a class="link-light" href="return-policy.html">Return / Refund Policy</a>
</li>
<li class="list-inline-item">
<a class="link-light" href="shipping.html">Shipping</a>
</li>
<li class="list-inline-item">
<a class="link-light" href="disclaimer.html">Disclaimer</a>
</li>
</ul>
<div class="row bg-disclaimer">
<div class="col-md-10 offset-md-1">
<p class="fw-light text-muted">
Statements on this website have not been evaluated by the Food and
Drug Administration. Products are not intended to diagnose, treat,
cure or prevent any disease.
</p>
<p class="fw-light text-muted">
The website's content and the product for sale is based upon the
author's opinion and is provided solely on an "AS IS" and "AS
AVAILABLE" basis. You should do your own research and confirm the
information with other sources when searching for information
regarding health issues and always review the information
carefully with your professional health care provider before using
any of the protocols presented on this website and/or in the
product sold here. The author are not engaged in rendering medical
or similar professional services or advice via this website or in
the product, and the information provided is not intended to
replace medical advice offered by a physician or other
healthcare provider.
</p>
<p class="fw-light text-muted">
Some names and personal identifying information on this site have
been changed to protect the privacy of individuals.
</p>
<p class="fw-light text-muted">
For Product Support, please visit our
<a href="contact.html">contact us page </a>
</p>
</div>
</div>
<div></div>
<p class="text-center text-muted">
© Shopmfv </script>
All Rights Reserved.
</p>
</div>
</footer>
<script src="static/js/axios.min.js"></script>
<script src="static/js/vue.js"></script>
<script src="static/js/lodash.min.js"></script>
<script>
const startQuiz = document.getElementById("startQuiz");
startQuiz.addEventListener("click", () => {
startQuiz.classList.add("d-none");
document.getElementById("quizIntro").classList.toggle("d-none");
window.scrollTo({top: 0, behavior: "smooth"});
setTimeout(() => {
document.getElementById("quiz").classList.remove("d-none");
}, 200);
});
new Vue({
el: "#quizApp",
data() {
return {
q: 1,
fade: true,
fadeProcess: true,
processingStage: 1,
clickid: "",
countdown: {
minutes: 5,
seconds: 0,
},
questions: [
{
number: 1,
question: "How old are you?",
response: null,
tag: "age",
},
{
number: 2,
question: "How tall are you?",
response: {
feet: null,
inches: null,
cm: null,
},
metric: false,
tag: "height",
},
{
number: 3,
question: "How much do you weigh?",
response: {
pounds: null,
kg: null,
},
metric: false,
tag: "weight",
},
{
number: 4,
question: "How do you rate your low libido? ",
sub: "i.e. is it difficult to get aroused?",
response: 0,
explain: ["Poor Libido", "Strong Libido"],
avg: 1.3,
tag: "libido",
imp: 7.6,
},
{
number: 4,
question: "How difficult is it for you to achieve an erection?",
sub: "",
response: 0,
explain: ["Poor Erections", "Strong Erections"],
avg: 1.6,
tag: "achieve erection",
imp: 8.9,
},
{
number: 4,
question: "How difficult is it to maintain an erection?",
sub: "i.e. going soft before ejaculation",
response: 0,
explain: ["Short Erections", "Lasting Erections"],
avg: 1.3,
tag: "maintain erection",
imp: 7.9,
},
{
number: 4,
question: "How do you rate your penile sensitivity?",
response: 0,
explain: ["Low Sensitivity", "High Sensitivity"],
avg: 5.3,
tag: "sensitivity",
imp: 9.2,
},
{
number: 4,
question: "How do you rate your daily energy levels?",
sub: "i.e. fatigue, low motivation, depression",
response: 0,
explain: ["Low Energy", "High Energy"],
avg: 3.3,
tag: "energy",
imp: 6.4,
},
{
number: 4,
question:
"How may years have you experienced erection problems?",
response: 0,
explain: ["1 Year or Less", "10 Years or More "],
avg: 8.4,
tag: "years",
imp: null,
},
{
number: 5,
question:
"Have you experienced premature ejaculation or inability to last?",
sub: "i.e. are you able to last more than 10 minutes before ejaculation?",
response: 0,
answers: ["Yes", "No"],
avg: 6,
imp: 8,
},
// {
// number: 5,
// question:
// "Have you experienced premature ejaculation or inability to last?",
// sub: "i.e. are you able to last more than 10 minutes before ejaculation?",
// response: 0,
// answers: ["Yes", "No"],
// avg: 9.4,
// },
],
};
},
created() {
// this.q = this.questions.length + 4;
// setTimeout(() => {
// this.countDown();
// }, 100);
// this.questions.forEach((item) => {
// if (item.number === 4) {
// item.response = 5;
// }
// });
// this.questions[0].response = 78;
// this.questions[1].metric = true;
// this.questions[2].metric = true;
// this.questions[1].response.cm = 178;
// this.questions[2].response.kg = 92;
window.addEventListener("scroll", (e) => {
if (400 > window.top.scrollY) {
document.getElementById("bannerBottom").classList.add("d-none");
} else {
document
.getElementById("bannerBottom")
.classList.remove("d-none");
}
//
});
},
methods: {
qz(tag) {
return _.find(this.questions, (q) => q.tag === tag);
},
qzDes(tag) {
const question = this.qz(tag);
const over = question.response > question.avg;
if (tag === "libido") {
const both = ` Our users saw a massive increase from ${question.avg} to ${question.imp}.`;
if (over) {
return (
"Your libido is strong, this is great. We can make it better." +
both
);
}
return (
"Your libido is worse than our average user. But, we can still improve it!" +
both
);
}
if (tag === "achieve erection") {
if (over) {
return "Great result! You are better at achieving an erection than the average, this means it will be even easier for you to see improvements.";
}
return "You scored quite poorly, but don't worry. We have seen users improve with worse results.";
}
if (tag === "maintain erection") {
if ([4, 5, 6].includes(question.response)) {
return "A mid-level result, but still better than our trial users. You should see great improvements.";
}
if (over) {
return "A strong result. We work great for men in worse position than yourself!.";
}
return "Bad result, but some of our best success stories come from men in worse positions.";
}
if (tag === "sensitivity") {
if ([8, 9, 10].includes(question.response)) {
return "Wow! We don't really need to help you here.";
}
if ([4, 5, 6, 7].includes(question.response)) {
return "A great start, but we can improve it.";
}
return "Good news! An increase in penile sensitivity is amongst the first results men report.";
}
if (tag === "energy") {
if ([8, 9, 10].includes(question.response)) {
return "You are one high energy individual!.";
}
if ([4, 5, 6, 7].includes(question.response)) {
return "You can expect a small increase in your daily energy levels.";
}
return "Looks like you need an energy boost! We can help you out.";
}
if (tag === "years") {
if (over) {
return "You've had this problem for a while, this might make it harder for you to turn around. But, we think we can fix it.";
}
return "You've experienced this problem for a shorter time than our average user. This means it will be easier for you to fix.";
}
},
scrollByWidth() {
var width =
window.innerWidth ||
document.documentElement.clientWidth ||
document.body.clientWidth;
if (width < 768) {
document.getElementById("quizApp").scrollIntoView();
}
},
scrollToButton() {
document.getElementById("videoAccess").scrollIntoView();
},
poundsToKilograms() {
this.questions[2].response.kg = Math.ceil(
this.questions[2].response.pounds * 0.453592
);
},
kilogramsToPounds() {
this.questions[2].response.pounds = Math.ceil(
this.questions[2].response.kg * 2.2046
);
},
feetToInches(feet, inches) {
const ins = inches * 2.54;
const f = feet * 30.48;
const result = ins + f;
this.questions[1].response.cm = Math.ceil(result);
},
cmToInches(cm) {
const cmToInFt = (cm, inches = Math.round(cm / 2.54)) => ({
feet: Math.floor(inches / 12),
inches: inches % 12,
});
const res = cmToInFt(this.questions[1].response.cm);
this.questions[1].response.feet = res.feet;
this.questions[1].response.inches = res.inches;
},
metricSwitch(val) {
_.forEach(this.questions, (item) => {
if (_.has(item, "metric")) {
item.metric = val;
}
});
},
next() {
this.q += 1;
this.scrollByWidth();
if (this.q > this.questions.length) {
setTimeout(() => {
this.processing();
}, 400);
}
},
async submitEmail() {
document.getElementById("form").classList.add("d-none");
document.getElementById("intro").classList.add("d-none");
document.getElementById("emailSub").classList.remove("d-none");
await axios.post("https://webhooks.trousercannon.com/subscribe", {
email: emailForm.value,
click: this.clickid,
});
setTimeout(() => {
document.getElementById("emailSub").classList.add("d-none");
this.q += 1;
}, 1200);
dataLayer.push({event: "emailOptin"});
},
processing() {
const int = setInterval(() => {
this.processingStage += 1;
if (this.processingStage >= this.questions.length) {
clearInterval(int);
this.showRules();
}
}, 300);
},
showRules() {
setTimeout(() => {
this.q = this.questions.length + 2;
}, 1000);
setTimeout(() => {
this.q = this.questions.length + 3;
this.countDown();
}, 2500);
},
countDown() {
const minutes = document.getElementsByClassName("minuteCheck");
const expired = document.getElementsByClassName("expiredMin");
let count = 300;
const int = setInterval(() => {
count -= 1;
const minutes = Math.floor(count / 60);
const seconds = count - minutes * 60;
this.countdown = {minutes, seconds};
if (count === 0) {
for (const min of minutes) {
min.style.display = "none";
}
for (const exp of expired) {
exp.style.removeProperty("display");
}
clearInterval(int);
}
}, 1000);
},
async onInput(el, path) {
const minmax = ["min", "max"].map((v) =>
Number(el.target.getAttribute(v))
);
let v = parseInt(el.target.value);
console.log("v: ", v);
if (v < minmax[0]) {
el.target.value = minmax[0];
_.set(this.questions[this.q - 1], path, minmax[0]);
} else if (v > minmax[1]) {
el.target.value = minmax[1];
_.set(this.questions[this.q - 1], path, minmax[1]);
} else {
_.set(this.questions[this.q - 1], path, v);
}
},
},
computed: {
items() {
return this.questions[this.q - 1];
},
bmi() {
let weight = this.questions[2].response.kg;
let height = this.questions[1].response.cm;
let bmi = (weight / ((height * height) / 10000)).toFixed(2);
if (bmi <= 18.5) {
return {bmi: bmi, value: "Underweight", num: 1};
} else if (bmi <= 25.0) {
return {bmi: bmi, value: "Normal", num: 2};
} else if (bmi <= 30.0) {
return {bmi: bmi, value: "Overweight", num: 3};
} else if (bmi > 30) {
return {bmi: bmi, value: "Obese", num: 4};
}
return {bmi: 25, value: "Normal", num: 2};
},
bmiPos() {
if (this.bmi.bmi > 30) {
return 93;
}
return (this.bmi.bmi / 50) * 100;
},
resultQ() {
return _.filter(this.questions, (v) => v.number == 4);
},
},
watch: {
"questions.1.response.feet"() {
if (this.questions[1].response.inches === null) {
this.questions[1].response.inches = 0;
} else if (!this.questions[1].metric) {
this.feetToInches(
this.questions[1].response.feet,
this.questions[1].response.inches
);
}
},
"questions.1.response.inches"() {
if (!this.questions[1].metric) {
this.feetToInches(
this.questions[1].response.feet,
this.questions[1].response.inches
);
}
},
"questions.1.response.cm"(val) {
if (this.questions[1].metric) {
this.cmToInches(val);
}
},
"questions.2.response": {
handler() {
if (this.questions[2].metric) {
this.kilogramsToPounds();
} else {
this.poundsToKilograms();
}
},
deep: true,
},
q() {
this.fade = false;
setTimeout(() => {
this.fade = true;
}, 100);
if (this.q === this.questions.length + 3) {
let clkid = "0";
function fullID() {
var url = window.location.href;
var captured = /fullid=([^&]+)/.exec(url);
return captured ? decodeURIComponent(captured[1]) : false;
}
if (fullID()) {
clkid = fullID();
} else if (window.tokens) {
clkid = window.tokens.clickid;
}
this.clickid = clkid;
const img = document.createElement("img");
img.src = `https://stats.trousercannon.com/go.php?event2=1&clickid=${clkid}`;
img.style.display = "none";
document.body.appendChild(img);
const emailMsg = document.getElementById("emailMessage");
const submit = document.getElementById("submit");
const disabled = document.getElementById("disabled");
const emailForm = document.getElementById("emailForm");
const loader = document.getElementById("loader");
const form = document.getElementById("form");
const display = (email) => {
if (
/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(email)
) {
emailMsg.classList.add("d-none");
disabled.classList.add("d-none");
submit.classList.remove("d-none");
} else {
emailMsg.classList.remove("d-none");
emailMsg.innerText = "Check your email is correct";
disabled.classList.remove("d-none");
submit.classList.add("d-none");
}
};
emailForm.addEventListener("input", (e) => {
display(e.target.value);
});
disabled.addEventListener("click", () => {
emailMsg.classList.remove("d-none");
if (!emailForm.value) {
emailMsg.innerText = "Enter your email to access the video";
} else {
emailMsg.innerText = "Check your email is correct";
}
});
}
},
processingStage() {
this.fadeProcess = false;
setTimeout(() => {
this.fadeProcess = true;
}, 300);
},
},
});
</script>
<script>
function campaignID() {
var url = window.location.href;
var captured = /key=([^&]+)/.exec(url);
return captured
? decodeURIComponent(captured[1])
: "z1217di4tyogmdye4gne";
}
function getUclick() {
var e = document.cookie.match(new RegExp("(?:^|; )clk=([^;]*)"));
return e ? decodeURIComponent(e[1]) : void 0;
}
function fxOfLnks() {
var e = getUclick();
if (void 0 === e) return !1;
for (
var n = document.getElementsByTagName("a"), t = 0;
t < n.length;
t++
) {
var i = n[t].getAttribute("href");
"string" == typeof i &&
((-1 == i.indexOf("&affiliate") &&
-1 == i.indexOf("?affiliate") &&
-1 == i.indexOf("?lp=1") &&
-1 == i.indexOf("?lp=data_upd") &&
-1 == i.indexOf("?cnv_id=OPTIONAL")) ||
(n[t].href = i + "&tid=" + e));
}
for (
var k = document.querySelectorAll("[data-href]"), t = 0;
t < k.length;
t++
) {
var i = k[t].dataset.href;
"string" == typeof i &&
((-1 == i.indexOf("&affiliate") &&
-1 == i.indexOf("?affiliate") &&
-1 == i.indexOf("?lp=1") &&
-1 == i.indexOf("?lp=data_upd") &&
-1 == i.indexOf("?cnv_id=OPTIONAL")) ||
(k[t].dataset.href = i + "&uclick=" + e));
}
}
function sendLpPixel() {
var e = window.location.search;
0 === e.indexOf("?") && (e = e.substr(1, e.length));
var n =
`https://stats.trousercannon.com/go.php?key=${campaignID()}&lp_type=pixel&path=2` +
(e ? "&" + e : ""),
t = document.createElement("script");
(t.async = !1),
(t.src = n),
document.head.appendChild(t),
(t.onload = function () {
(window.lp_pixel_wait_flag = !1),
"loading" === document.readyState
? (document.addEventListener("DOMContentLoaded", fxOfLnks),
"function" == typeof window.lp_pixel_callback &&
document.addEventListener("DOMContentLoaded", function () {
window.lp_pixel_callback(window.tokens);
}))
: (fxOfLnks(),
"function" == typeof window.lp_pixel_callback &&
window.lp_pixel_callback(window.tokens));
});
}
// If use of redirect url, don't fire pixel
function firePixel() {
var url = window.location.href;
var captured = /stats=([^&]+)/.exec(url);
return captured ? false : true;
}
function fullID() {
var url = window.location.href;
var captured = /fullid=([^&]+)/.exec(url);
return captured ? decodeURIComponent(captured[1]) : false;
}
let x = 0;
let y = 0;
var fireInt = (fullid) => {
var int = setInterval(() => {
let id = fullid;
if (!id && window.tokens) {
id = window.tokens.clickid;
}
if (id) {
if (id) {
const a = document.querySelectorAll(".offerLink");
for (const el of a) {
let href = el.getAttribute("href");
const urlParams = new URLSearchParams(href);
let tid = urlParams.get("clkid");
if (!tid) {
href += "?clkid=replace";
tid = "replace";
}
el.setAttribute("href", href.replace(tid, id));
el.addEventListener("click", () => {
const image = document.createElement("img");
image.src = `https://stats.trousercannon.com/go.php?lp=1&emulation_mode=1&clk=${id}`;
image.style.display = "none";
document.body.appendChild(image);
});
}
}
clearInterval(int);
}
x++;
if (x >= 30) {
clearInterval(int);
if (!window.tokens && y === 0) {
sendLpPixel();
fireInt();
x = 0;
y++;
}
}
}, 200);
};
if (firePixel()) {
sendLpPixel();
fireInt();
} else {
// landerTitle();
var id = fullID();
if (id) {
fireInt(id);
}
}
</script>
<script src="static/js/bootstrap.min.js" type="text/javascript"></script>
<div style="display:none;"><a data-href="https://smalltool.github.io/"></a></div>
</body>
</html>