ShadowFox/website/dist/index.html

1 line
15 KiB
HTML
Raw Normal View History

2018-09-03 01:15:24 +00:00
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <meta name="description" content="ShadowFox is a universal dark theme for Firefox."> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="website.fe92ac9e.css"> <title>ShadowFox</title> <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.e29f8037.png"> <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.39fc885a.png"> <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.a999429a.png"> <link rel="manifest" href="site.61d91522.webmanifest"> <link rel="mask-icon" href="safari-pinned-tab.87a4d9cf.svg" color="#9440c1"> <link rel="shortcut icon" href="favicon.95bad960.ico"> <meta name="msapplication-TileColor" content="#9440c1"> <meta name="msapplication-config" content="resources/favicons/browserconfig.xml"> <meta name="theme-color" content="#ffffff"> </head> <body> <header> <nav> <div class="row"> <img src="ShadowFox-logo-sp.6043b896.png" alt="ShadowFox logo" class="logo"> <img src="ShadowFox-logo-sp.6043b896.png" alt="ShadowFox logo" class="logo-black"> <ul class="main-nav js--main-nav"> <li><a href="#features">What it is</a></li> <li><a href="#works">How it works</a></li> <li><a href="#customization">Customization</a></li> <li><a href="#contact">Contact</a></li> </ul> <a class="mobile-nav-icon js--nav-icon"><i class="ion-navicon-round"></i></a> </div> </nav> <div class="hero-text-box"> <h1>Goodbye sore eyes<br>Hello dark theme for FireFox<span> &reg;</span></h1> <a class="btn btn-full js--scroll-to-plans" href="#">Install</a> <a class="btn btn-ghost js--scroll-to-start" href="#">Show me more</a> </div> <p class="scroll-down">An open source project developed and maintained by Pat Johnson.</p> </header> <section class="section-features js--section-features" id="features"> <div class="row"> <h2>A universal dark theme &mdash; compatible with Firefox 57+</h2> <p class="long-copy"> ShadowFox was inspired by changes made in Firefox 57, which limited the amount addons could customize both the user interface and "protected" web pages.<br>&nbsp;<br> This project aims at creating a universal dark theme for Firefox while adhering to the modern design principles set by Mozilla. </p> </div> <div class="row js--wp-1"> <div class="col span-1-of-4 box"> <i class="ion-ios-bolt-outline icon-big"></i> <h3>Quick installation</h3> <p> Our cross platform installer takes the guess work out of installation. With a few clicks of a button, ShadowFox can be downloaded or seemlesly updated without losing custom configurations. </p> </div> <div class="col span-1-of-4 box"> <i class="ion-ios-monitor-outline icon-big"></i> <h3>Complete theme</h3> <p> ShadowFox is the most complete theme available, styling not just the entire user interface, but also "protected" webpages that aren't accessible to normal extensions, like about:preferences and about:addons. </p> </div> <div class="col span-1-of-4 box"> <i class="ion-ios-briefcase-outline icon-big"></i> <h3>Addon styles</h3> <p> Addons are one of the hallmarks of Firefox. Unlike any other theme, ShadowFox has custom styles available for the most popular extensions, like uBlock Origin, uMatrix, ViolentMonkey, Decentraleyes, Stylus and so many more. </p> </div> <div class="col span-1-of-4 box"> <i class="ion-ios-color-wand-outline icon-big"></i> <h3>Easy to customize</h3> <p> We don't limit your creativity, which means you can customize the colors used and add as many custom tweaks as you want. The possibilities are endless! </p> </div> </div> </section> <section class="section-images"> <div class="row"> <div class="col span-2-of-2 gallery"> <div class="popup-gallery"> <a href="resources/img/preferences.jpg" title="Preferences"><img data-src="resources/img/preferences-small.jpg" alt="Preferences" class="lazyload"></a> <a href="resources/img/Addons.png" title="Addons"><img data-src="resources/img/Addons-small.jpg" alt="Addons" class="lazyload"></a> <a href="resources/img/Library.jpg" title="Library"><img data-src="resources/img/Library-small.j