- Scan ID:
- a8f1ade1-a780-4e1a-aa55-0ce85370393fFinished
- Submitted URL:
- https://www.jsinformatic.com/
- Report Finished:
Links · 1 found
The outgoing links identified from the page
Link | Text |
---|---|
https://twitter.com/jsmagnin |
JavaScript Variables · 16 found
Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
Name | Type |
---|---|
0 | object |
1 | object |
2 | object |
onbeforetoggle | object |
documentPictureInPicture | object |
onscrollend | object |
___grecaptcha_cfg | object |
grecaptcha | object |
__recaptcha_api | string |
__google_recaptcha_client | boolean |
Console log messages · 0 found
Messages logged to the web console
HTML
The raw HTML body of the page
<!DOCTYPE html><!--
EasyFoodDiary by JSInformatic
jsinformatic.com | @jsmagnin
--><html><head><meta http-equiv="origin-trial" content="A/kargTFyk8MR5ueravczef/wIlTkbVk1qXQesp39nV+xNECPdLBVeYffxrM8TmZT6RArWGQVCJ0LRivD7glcAUAAACQeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZS5jb206NDQzIiwiZmVhdHVyZSI6IkRpc2FibGVUaGlyZFBhcnR5U3RvcmFnZVBhcnRpdGlvbmluZzIiLCJleHBpcnkiOjE3NDIzNDIzOTksImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9">
<title>EasyFoodDiary - Track Your Nutrition Effortlessly with JSInformatic</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<!-- Enhanced meta descriptions for SEO -->
<meta name="description" content="EasyFoodDiary by JSInformatic helps you track your nutrition, monitor calories, plan meals, and achieve diet goals effortlessly.">
<meta name="keywords" content="nutrition tracker, meal planner, calorie tracker, EasyFoodDiary, diet goals, JSInformatic, food diary">
<!-- Open Graph Meta Tags for Social Sharing -->
<meta property="og:title" content="EasyFoodDiary by JSInformatic">
<meta property="og:description" content="Track your nutrition effortlessly with EasyFoodDiary. Manage your meals, set diet goals, and monitor your portions with JSInformatic's intuitive app.">
<meta property="og:image" content="images/gallery/fulls/MainScreen.jpeg">
<meta property="og:url" content="http://www.jsinformatic.com">
<meta property="og:type" content="website">
<!-- Twitter Card Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="EasyFoodDiary by JSInformatic">
<meta name="twitter:description" content="Track your nutrition effortlessly with EasyFoodDiary by JSInformatic.">
<meta name="twitter:image" content="images/gallery/fulls/MainScreen.jpeg">
<!-- Favicon for better branding -->
<link rel="icon" type="image/png" sizes="32x32" href="images/gallery/thumbs/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/gallery/thumbs/favicon-16x16.png">
<!-- Stylesheets -->
<link rel="stylesheet" href="assets/css/main.css">
<!-- Google reCAPTCHA -->
<script type="text/javascript" async="" charset="utf-8" src="https://www.gstatic.com/recaptcha/releases/aR-zv8WjtWx4lAw-tRCA-zca/recaptcha__en.js" crossorigin="anonymous" integrity="sha384-C0eb2CrhokW3SgZMDSrT/ioPvOCBoj1s7JouJ8IrLFB+j5cW9qY3JDWtShxtCryz"></script><script src="https://www.google.com/recaptcha/api.js" async="" defer=""></script>
</head>
<body class="">
<!-- Wrapper -->
<div id="wrapper">
<!-- Intro -->
<section class="intro">
<header>
<h1 class="center-text">EasyFoodDiary</h1>
<p>A Simple and Powerful Nutrition App by <a href="https://www.jsinformatic.com">JSInformatic</a></p>
<ul class="actions">
<li><a href="#first" class="arrow scrolly"><span class="label">Next</span></a></li>
</ul>
</header>
<div class="content">
<div style="text-align: center;">
<img src="images/gallery/fulls/ComingSoon.gif" alt="Coming Soon - EasyFoodDiary App by JSInformatic">
</div>
</div>
</section>
<!-- Section -->
<section id="first">
<header>
<h2 style="text-align: center;">Track Your Nutrition Effortlessly</h2>
<br>
<p style="text-align: center;">Our Nutrition App makes it easy to track your daily meals and monitor your nutritional intake. With a straightforward interface, you can log your food, set simple goals, and keep an eye on your progress. Whether you're looking to maintain a balanced diet or just be more mindful of what you eat, this app is your perfect companion.</p><p>
</p></header>
<div class="content">
<div class="image-container">
<img src="images/gallery/fulls/MainScreen.jpeg" alt="Main Screen">
</div>
</div>
</section>
<!-- Section -->
<section id="second">
<header>
<h2 style="text-align: center;">Your Nutrition Journey Made Simple</h2>
</header>
<div class="content">
<p><strong>Discover how easy it is to manage your nutrition</strong> with our app. Track your meals, set goals, and monitor your progress with a simple and intuitive interface.</p>
<ul class="feature-icons">
<li class="icon solid fa-utensils">Track Daily Nutrients</li>
<li class="icon solid fa-clipboard-list">Log Your Meals Easily</li>
<li class="icon solid fa-bullseye">Set and Monitor Goals</li>
<li class="icon solid fa-chart-pie">Track Your Macro Intake</li>
<li class="icon solid fa-chart-line">Review Your Progress</li>
<li class="icon solid fa-globe">Access from Anywhere</li>
</ul>
<p>Our app helps you make informed choices about your diet, empowering you to stay on track with your nutrition goals and lead a healthier lifestyle.</p>
</div>
</section>
<!-- Section -->
<section id="third">
<header>
<h2 style="text-align: center;">Log Your Meals Easily</h2>
<br>
<br>
<br>
<p style="text-align: center;">Easily log your meals with our Nutrition App. Just a few taps let you record your daily intake, helping you stay on track with your diet goals. Whether you’re aiming for balance or following a specific diet, meal logging is simple and efficient.</p>
</header>
<div class="content">
<div class="image-container">
<img src="images/gallery/fulls/AddMeal.jpeg" alt="Add Meal">
</div>
</div>
</section>
<!-- Section -->
<section id="fourth">
<header>
<h2>Set and Adjust Your Goals</h2>
<br>
<br>
<p style="text-align: center;">Set your goals effortlessly with our Nutrition App. In just a few steps, you can customize your dietary targets, ensuring they align with your health objectives. Whether you’re aiming for a balanced intake or focusing on a specific macro ratio, goal-setting is clear and straightforward.</p>
</header>
<div class="content">
<div class="image-container">
<img src="images/gallery/fulls/SetGoals.jpeg" alt="Set Goals">
</div>
</div>
</section>
<!-- Section -->
<section id="fifth">
<header>
<h2>Start Your Journey Towards Better Nutrition</h2>
</header>
<div class="content">
<p><strong>Take control of your health today.</strong> Our app makes it easy to monitor your nutrition and reach your dietary goals with simple and effective tracking tools.</p>
<ul class="actions">
<li><a href="#" class="button primary large">Coming Soon</a></li>
<li><a href="#first" class="button large">Explore Features</a></li>
</ul>
</div>
</section>
<!-- Contact Section -->
<section>
<header>
<h2>Get in touch</h2>
</header>
<div class="content">
<p><strong>Stay Connected</strong> We’d love to hear from you! Reach out to us for any questions or feedback about our app.</p>
<form id="contactForm">
<div class="fields">
<div class="field half">
<input type="text" name="name" id="name" placeholder="Name" required="">
</div>
<div class="field half">
<input type="email" name="email" id="email" placeholder="Email" required="">
</div>
<div class="field">
<textarea name="message" id="message" placeholder="Message" rows="7" required=""></textarea>
</div>
</div>
<ul class="actions">
<div class="g-recaptcha" data-sitekey="6Lf3wVAqAAAAAMHbsSyPqQAX7xQsbJ6WU0piahXL"><div style="width: 304px; height: 78px;"><div><iframe title="reCAPTCHA" width="304" height="78" role="presentation" name="a-ivii67581ovt" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6Lf3wVAqAAAAAMHbsSyPqQAX7xQsbJ6WU0piahXL&co=aHR0cHM6Ly93d3cuanNpbmZvcm1hdGljLmNvbTo0NDM.&hl=en&v=aR-zv8WjtWx4lAw-tRCA-zca&size=normal&cb=3ii4caynxroj"></iframe></div><textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea></div><iframe style="display: none;"></iframe></div>
<li><input type="submit" value="Send Message" class="button primary"></li>
</ul>
</form>
<script>
document.getElementById('contactForm').addEventListener('submit', async function(event) {
event.preventDefault(); // Prevent the default form submission
// Get form data
const name = document.getElementById('name').value;
const email = document.getElementById('email').value;
const message = document.getElementById('message').value;
// Get reCAPTCHA response
const recaptchaResponse = grecaptcha.getResponse();
if (!recaptchaResponse) {
alert('Please complete the reCAPTCHA.');
return;
}
// Prepare the data in JSON format
const formData = {
name: name,
email: email,
message: message,
'g-recaptcha-response': recaptchaResponse // Include the reCAPTCHA response
};
try {
// Send the data to the API Gateway endpoint
const response = await fetch('https://zm73ld0e4e.execute-api.eu-west-2.amazonaws.com/submit', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(formData)
});
if (response.ok) {
alert('Message sent successfully!');
// Optionally, reset the form and reCAPTCHA
document.getElementById('contactForm').reset();
grecaptcha.reset();
} else {
const errorMessage = await response.json();
alert('Failed to send message: ' + errorMessage.body);
}
} catch (error) {
console.error('Error:', error);
alert('An error occurred. Please try again later.');
}
});
</script>
</div>
<footer>
<ul class="items">
<li>
<h3>Email</h3>
<a href="mailto:[email protected]">[email protected]</a>
</li>
<li>
<h3>Elsewhere</h3>
<ul class="icons">
<li><a href="https://twitter.com/jsmagnin" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
</ul>
</li>
</ul>
</footer>
</section>
<!-- Copyright -->
<div class="copyright">© JSInformatic. All rights reserved. Design adapted from HTML5 UP.</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
<div style="background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 3px; position: absolute; transition: visibility 0s linear 0.3s, opacity 0.3s linear 0s; opacity: 0; visibility: hidden; z-index: 2000000000; left: 0px; top: -10000px;"><div style="width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 2000000000; background-color: rgb(255, 255, 255); opacity: 0.05;"></div><div class="g-recaptcha-bubble-arrow" style="border: 11px solid transparent; width: 0px; height: 0px; position: absolute; pointer-events: none; margin-top: -11px; z-index: 2000000000;"></div><div class="g-recaptcha-bubble-arrow" style="border: 10px solid transparent; width: 0px; height: 0px; position: absolute; pointer-events: none; margin-top: -10px; z-index: 2000000000;"></div><div style="z-index: 2000000000; position: relative;"><iframe title="recaptcha challenge expires in two minutes" name="c-ivii67581ovt" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" src="https://www.google.com/recaptcha/api2/bframe?hl=en&v=aR-zv8WjtWx4lAw-tRCA-zca&k=6Lf3wVAqAAAAAMHbsSyPqQAX7xQsbJ6WU0piahXL" style="width: 100%; height: 100%;"></iframe></div></div></body></html>