https://www.jsinformatic.com/

Submitted URL:
https://www.jsinformatic.com/
Report Finished:

The outgoing links identified from the page

LinkText
https://twitter.com/jsmagninTwitter

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

NameType
0object
1object
2object
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
___grecaptcha_cfgobject
grecaptchaobject
__recaptcha_apistring
__google_recaptcha_clientboolean

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&amp;k=6Lf3wVAqAAAAAMHbsSyPqQAX7xQsbJ6WU0piahXL&amp;co=aHR0cHM6Ly93d3cuanNpbmZvcm1hdGljLmNvbTo0NDM.&amp;hl=en&amp;v=aR-zv8WjtWx4lAw-tRCA-zca&amp;size=normal&amp;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&amp;v=aR-zv8WjtWx4lAw-tRCA-zca&amp;k=6Lf3wVAqAAAAAMHbsSyPqQAX7xQsbJ6WU0piahXL" style="width: 100%; height: 100%;"></iframe></div></div></body></html>