A text-based bookmark manager rendered in a web page
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

160 lines
6.0 KiB

<!DOCTYPE html>
<html lang="en">
<head>
<!-- jquery script for smooth scroll -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<!-- HTML Meta Tags -->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="description"
content="We build mods of social media apps such as Instagram to help you stay focused, avoid distractions, and help you practice digital minimalism."
/>
<meta
name="keywords"
content="Instagram, Social Media, Digital Minimalism, Distraction, Focus"
/>
<title>Home</title>
<!-- Facebook Meta Tags -->
<meta property="og:url" content="https://www.distractionfreeapps.com/" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Distraction Free Instagram" />
<meta
property="og:description"
content="We build mods of social media apps such as Instagram to help you stay focused, avoid distractions, and help you practice digital minimalism."
/>
<meta property="og:image" content="assets/dfi_hero.png" />
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta
property="twitter:domain"
content="https://www.distractionfreeapps.com/"
/>
<meta
property="twitter:url"
content="https://www.distractionfreeapps.com/"
/>
<meta name="twitter:title" content="Distraction Free Instagram" />
<meta
name="twitter:description"
content="We build mods of social media apps such as Instagram to help you stay focused, avoid distractions, and help you practice digital minimalism."
/>
<meta name="twitter:image" content="assets/dfi_hero.png" />
<!-- Meta Tags Generated via https://www.opengraph.xyz -->
<link rel="icon" type="image/png" href="assets/favicon.ico" />
<link rel="stylesheet" href="./style.css" />
</head>
<body>
<!-- nav bar -->
<nav class="nav">
<a href="index.html" class="nav__logo">DistractionFreeApps.com</a>
<ul class="nav__list">
<li class="active">
<a href="index.html"><p>Home</p></a>
</li>
<li>
<a href="faq.html"><p>FaQ</p></a>
</li>
<li>
<a href="download.html"><p>Download</p></a>
</li>
</ul>
</nav>
<!-- body -->
<div class="hero--wrap">
<div class="hero">
<div class="hero__left">
<h2>Get Your Focus Back</h2>
<h5>with Distraction Free Instagram</h5>
<div class="hero__cta">
<a href="download.html">
<button class="hero__cta__button">Download</button>
</a>
<p class="hero__cta__info">
Currently exclusive <br />
to Android users
</p>
</div>
<p class="hero__cta__subtitle">
Take charge of your digital well-being today.
</p>
</div>
<div class="hero__right">
<img src="assets/instagram_logo_dark.svg" alt="DFinstagram" />
<p class="hero__info">
"Break free from endless scrolling and reclaim your time with
Distraction Free Instagram! Designed to help you stay connected
without the addictive clutter, our app lets you disable distracting
features like the endless feed and explore page with ease. Take
control of your social media experience and stay focused on what
matters most."
</p>
</div>
</div>
</div>
<div class="tutorial">
<a class="tutorial__button" id="tutorial__button">
See tutorial below 👇
</a>
<div class="tutorial__video--wrap" id="tutorial__video">
<video width="250" height="450" controls>
<source src="assets/tutorial_video.mp4" type="video/mp4">
</video>
</div>
<img
src="assets/chevrons-down.svg"
alt="down button"
class="tutorial__up"
/>
</div>
<div class="aboutus--wrap">
<div class="aboutus">
<h2>About Us</h2>
<p>
Distraction Free Instagram is your gateway to a more intentional
digital experience. Recognizing the addictive tendencies fostered by
conventional social media platforms like Instagram, we've crafted a
solution to empower users in regaining control of their online habits.
By selectively disabling features such as the endless feed, explore
page, reels, and shopping section, our app allows you to focus on what
truly matters: genuine connections with friends and family.
</p>
<p>
Exclusively available for Android users, transitioning to Distraction
Free Instagram is a straightforward process. Simply uninstall
Instagram and replace it with DFinstagram by accessing the downloaded
file through your file explorer. Our commitment extends beyond just
providing an alternative; we're dedicated to supporting you in your
journey towards a healthier relationship with social media.
</p>
</div>
</div>
<!-- footer -->
<footer class="footer">
Contact us at
<a href="/cdn-cgi/l/email-protection#9bf8f4f5effaf8efdbfff2e8efe9faf8eff2f4f5fde9fefefaebebe8b5f8f4f6"><span class="__cf_email__" data-cfemail="4c2f2322382d2f380c28253f383e2d2f382523222a3e29292d3c3c3f622f2321">[email&#160;protected]</span></a
>
</footer>
<!-- smooth scroll script -->
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
$("#tutorial__button").click(function () {
$("html, body").animate(
{
scrollTop: $("#tutorial__video").offset().top,
},
1000
);
});
</script>
</body>
</html>