252 lines
13 KiB
HTML
252 lines
13 KiB
HTML
<!DOCTYPE HTML>
|
|
<!--
|
|
Spitfire Browser by Internet Addict (https://weforgecode.xyz/Spitfire/Website)
|
|
Based on Stellar by HTML5 UP | @ajlkn
|
|
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
|
-->
|
|
<html>
|
|
<head>
|
|
<link rel="icon" type="image/png" href="static/images/favicon.png">
|
|
<title>Spitfire Browser - Fast. Secure. Elegant.</title>
|
|
<meta content="🌐 Spitfire Browser" property="og:title" />
|
|
<meta content="Privacy respecting user friendly web browser." property="og:description" />
|
|
<meta content="https://spitfirebrowser.com/" property="og:url" />
|
|
<meta content="https://spitfirebrowser.com/static/images/favicon.png" property="og:image" />
|
|
<meta content="#f1f1f1" data-react-helmet="true" name="theme-color" />
|
|
<meta name="darkreader-lock">
|
|
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
|
<link rel="stylesheet" href="/static/css/main.css" />
|
|
<link rel="stylesheet" href="/static/css/stars.css" />
|
|
<link rel="stylesheet" href="/static/css/fancy-gallery.css" />
|
|
<link rel="stylesheet" href="/static/css/extras.css" />
|
|
<link rel="stylesheet" href="/static/css/slick.min.css" />
|
|
<noscript><link rel="stylesheet" href="/static/css/noscript.css" /></noscript>
|
|
</head>
|
|
<body class="is-preload">
|
|
|
|
<!-- Star Background Divs -->
|
|
<div id="star-background">
|
|
<div id="particles-js"></div>
|
|
<noscript>
|
|
<div id="stars"></div>
|
|
<div id="stars2"></div>
|
|
<div id="stars3"></div>
|
|
</noscript>
|
|
</div>
|
|
|
|
<!-- Top Floater Footer -->
|
|
<div style="background-color: red; color: white; text-align: center; padding: 10px 0; position: fixed; bottom: 0; width: 100%; z-index: 1000;">
|
|
🚧👷♂️ This site is under construction! Please check back later. 👷♀️🚧
|
|
</div>
|
|
|
|
<!-- Wrapper -->
|
|
<div id="wrapper">
|
|
|
|
<!-- Header -->
|
|
<header id="header" class="alt">
|
|
<span class="logo">
|
|
<a href="/"><img src="/static/images/logo.svg" alt="Spitfire Logo" /></a>
|
|
</span>
|
|
<h1>Spitfire Browser</h1>
|
|
<p>Fast. Secure. Elegant.</p>
|
|
<br>
|
|
<a href="/download" class="button">Download Now</a>
|
|
</header>
|
|
|
|
<!-- Nav -->
|
|
<nav id="nav">
|
|
<ul>
|
|
<li><a href="#intro" class="active">Introduction</a></li>
|
|
<li><a href="#features">Features</a></li>
|
|
<li><a href="#search">Search</a></li>
|
|
<li><a href="#security">Security</a></li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<!-- Main -->
|
|
<div id="main">
|
|
<!-- Introduction -->
|
|
<section id="intro" class="main">
|
|
<div class="content">
|
|
<header class="major">
|
|
<h2>Welcome to Spitfire Browser</h2>
|
|
</header>
|
|
<p>Spitfire Browser is your gateway to a fast, secure, and elegant browsing experience. Built on Firefox, Spitfire includes essential features like ad blocking, enhanced security, and anonymous browsing with Ocásek search engine.</p>
|
|
<br> <!-- br? I call it super.fancy.tailor.r.css.react.native.way.to.add.super.padding.on.top.of.images.T3.js.express.lodash.moment.axios.jquery.vue.nft.d3.angular.bloat.typescript.webpack.web3.babel.parcel.T4 -->
|
|
<div class="gallery-wrapper">
|
|
<div class="the-slider"> <!-- Is this fucking centered? -->
|
|
<div><img src="/static/images/screenshots/1.png" alt="Screenshot 1"></div>
|
|
<div><img src="/static/images/screenshots/1.png" alt="Screenshot 2"></div>
|
|
<div><img src="/static/images/screenshots/1.png" alt="Screenshot 3"></div>
|
|
</div>
|
|
</div>
|
|
<!-- <ul class="actions js-disabled">
|
|
<li><a href="#intro" class="button">See More Screenshots</a></li>
|
|
</ul> -->
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Features Section -->
|
|
<section id="features" class="main special">
|
|
<header class="major">
|
|
<h2>Key Features</h2>
|
|
</header>
|
|
<ul class="features">
|
|
<li>
|
|
<span class="icon solid major style1 fa-shield-alt"></span>
|
|
<h3>Enhanced Security</h3>
|
|
<p>No adware, no crypto, no annoyances, no <a herf="https://www.reddit.com/r/browsers/comments/18yzulw/why_does_it_seem_like_everyone_is_turning_on_brave/">bullshit</a>.</p>
|
|
</li>
|
|
<li>
|
|
<span class="icon solid major style3 fa-ad"></span>
|
|
<h3>Ad Blocking</h3>
|
|
<p>Unlike <a herf="https://community.brave.com/t/ad-block-isnt-working/546423">Brave</a> includes working Ad-block and also blocks sponsored sections on YouTube.</p>
|
|
</li>
|
|
<li>
|
|
<span class="icon solid major style5 fa-adjust"></span>
|
|
<h3>Dark Reader</h3>
|
|
<p>Dark or Light mode on every website you visit.</p>
|
|
</li>
|
|
<li>
|
|
<span class="icon solid major style4 fa-code-branch"></span>
|
|
<h3>Free and Open source</h3>
|
|
<p>Open source ensures transparency and allows the community to contribute and enhance the browser.</p>
|
|
</li>
|
|
<li>
|
|
<span class="icon solid major style2 fa-sync"></span>
|
|
<h3>Fast Updates</h3>
|
|
<p>Automated updates to keep your browser up-to-date with the latest features and security patches.</p>
|
|
</li>
|
|
<li>
|
|
<span class="icon solid major style6 fa-search"></span>
|
|
<h3>Anonymous Search</h3>
|
|
<p><a herf="#search">Ocásek search engine</a> allows you to browse Google results anonymously.</p>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<!-- Try Search -->
|
|
<section id="search" class="main special">
|
|
<header class="major">
|
|
<h2>Try Searching</h2>
|
|
<p></p>
|
|
</header>
|
|
<iframe src="https://search.spitfirebrowser.com" width="100%" height="700px" style="border:none; border-radius: 10px; overflow:hidden;"></iframe>
|
|
</section>
|
|
|
|
<!-- Security Section -->
|
|
<section id="security" class="main special">
|
|
<header class="major">
|
|
<h2>Security Features</h2>
|
|
<p>Spitfire Browser is designed with security as a top priority, but without sacrificing user comfort.</p>
|
|
</header>
|
|
<ul class="statistics">
|
|
<li class="style1">
|
|
<a class="icon icon-security">
|
|
<img src="/static/images/icons/solid/lock.svg" alt="Lock">
|
|
</a>
|
|
<strong>0</strong> Telemetry
|
|
</li>
|
|
<li class="style2">
|
|
<a class="icon icon-security">
|
|
<img src="/static/images/icons/regular/eye-slash.svg" alt="Eye-slash">
|
|
</a>
|
|
<strong>100%</strong> Privacy
|
|
</li>
|
|
<li class="style3">
|
|
<a class="icon icon-security">
|
|
<img src="/static/images/icons/solid/arrows-rotate.svg" alt="arrows-rotate">
|
|
</a>
|
|
<strong>Auto</strong> Updates
|
|
</li>
|
|
<li class="style4">
|
|
<a class="icon icon-security">
|
|
<img src="/static/images/icons/brands/firefox-browser.svg" alt="Firefox">
|
|
</a>
|
|
<strong>Based</strong>on Firefox
|
|
</li>
|
|
<li class="style5">
|
|
<a class="icon icon-security">
|
|
<img src="/static/images/icons/solid/code.svg" alt="code">
|
|
</a>
|
|
<strong>Open</strong> Source
|
|
</li>
|
|
</ul>
|
|
<footer class="major">
|
|
<ul class="actions special">
|
|
<li><a href="#cta" class="button">Learn More</a></li>
|
|
</ul>
|
|
</footer>
|
|
</section>
|
|
|
|
<!-- Get Started -->
|
|
<section id="cta" class="main special">
|
|
<header class="major">
|
|
<h2>Get Started with Spitfire</h2>
|
|
<p>Join the Spitfire community and experience the future of web browsing. Available soon for Windows, Linux, macOS, and ChromeOS.</p>
|
|
</header>
|
|
<footer class="major">
|
|
<ul class="actions special">
|
|
<li><a href="#header" class="button primary">Get Started</a></li>
|
|
<li><a href="/news" class="button primary">Read News</a></li>
|
|
</ul>
|
|
</footer>
|
|
</section>
|
|
|
|
</div>
|
|
|
|
<!-- Footer -->
|
|
<footer id="footer">
|
|
<section>
|
|
<h2>Support me</h2>
|
|
<ul class="icons">
|
|
<li>
|
|
<a href="#" class="icon alt">
|
|
<img src="/static/images/icons/regular/heart.svg" alt="LibrePay">
|
|
<span class="label">LibrePay</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://weforgecode.xyz/Spitfire" class="icon alt">
|
|
<img src="/static/images/icons/brands/git-alt.svg" alt="Forgejo">
|
|
<span class="label">Forgejo</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://www.youtube.com/@Internet.Addict" class="icon alt">
|
|
<img src="/static/images/icons/brands/youtube.svg" alt="YouTube">
|
|
<span class="label">YouTube</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
<section>
|
|
<p class="copyright">© Spitfire Browser. Design based on <a href="https://html5up.net">HTML5 UP</a>.</p>
|
|
</section>
|
|
</footer>
|
|
|
|
</div>
|
|
|
|
<!-- Scripts -->
|
|
<script src="/static/js/jquery.min.js"></script>
|
|
<script src="/static/js/slick.min.js"></script>
|
|
<script src="/static/js/jquery.scrollex.min.js" defer></script>
|
|
<script src="/static/js/jquery.scrolly.min.js" defer></script>
|
|
<script src="/static/js/browser.min.js" defer></script>
|
|
<script src="/static/js/breakpoints.min.js" defer></script>
|
|
<script src="/static/js/util.js" defer></script>
|
|
<script src="/static/js/main.js" defer></script>
|
|
<script src="/static/js/slick-conf.js" defer></script>
|
|
<script src="/static/js/particles.min.js"></script>
|
|
<script>
|
|
/* particlesJS.load(@dom-id, @path-json, @callback (optional)); */
|
|
particlesJS.load('particles-js', '/static/js/particlesjs-config.json', function() {
|
|
console.log('callback - particles.js config loaded');
|
|
});
|
|
</script>
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|