This repository has been archived by the owner on Sep 22, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
4cd6ea3
commit 3b44644
Showing
2 changed files
with
254 additions
and
9 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,245 @@ | ||
<!DOCTYPE html> | ||
<html> | ||
<head> | ||
<script async src="https://www.googletagmanager.com/gtag/js?id=G-HGW0P5HTEX"></script> | ||
<script src="src/assets/js/tracking.js" defer></script> | ||
<!--- EXPERIMENTAL FEATURES --> | ||
<!--- EXPERIMENTAL SIDEBAR DRAG --> | ||
|
||
<script type="text/javascript" src="./src/assets/partials/sidebarDrag.js" defer></script> | ||
|
||
<!--- -------------------- --> | ||
|
||
|
||
<meta charset="UTF-8" /> | ||
<title>Blaze Launcher | Home</title> | ||
<link rel="stylesheet" href="./dist/css/tailwind.css" /> | ||
<!-- CSS --> | ||
<link | ||
rel="stylesheet" | ||
href="https://unpkg.com/flickity@2/dist/flickity.min.css" | ||
/> | ||
<link | ||
rel="stylesheet" | ||
href="https://pro.fontawesome.com/releases/v6.0.0-beta1/css/all.css" | ||
/> | ||
<script src="./src/assets/js/include.js"></script> | ||
<script src="./src/assets/js/index.js" defer></script> | ||
<link | ||
href="https://fonts.googleapis.com/css2?family=Manrope:wght@200;400;500;600;700&display=swap" | ||
rel="stylesheet" | ||
/> | ||
<script src="./src/assets/js/navConfig.js" defer></script> | ||
</head> | ||
<style> | ||
body { | ||
font-family: "Manrope", sans-serif; | ||
} | ||
.discover-banner { | ||
/* background: url("./src/assets/jpg/discover1.jpg");*/ | ||
/* background: #14ce4228; */ | ||
background: transparent; | ||
background-repeat: no-repeat; | ||
background-size: cover; | ||
min-height: 300px; | ||
} | ||
|
||
.carousel-cell { | ||
width: 100%; | ||
border-radius: 5px; | ||
} | ||
</style> | ||
|
||
<body class="bg-black"> | ||
<div | ||
includefile="./src/assets/partials/html/sidebar.html" | ||
id="drag0" class="select-none w-56 bg-gray-800 text-white border-r border-blackblack fixed min-h-screen pt-8" | ||
></div> | ||
<div class="bg-black text-white flex-1 ml-56"> | ||
<div | ||
class="carousel" | ||
data-flickity='{ "wrapAround": true, "prevNextButtons": true, | ||
"pageDots": false }' | ||
> | ||
<div class="carousel-cell"> | ||
<div | ||
id="1" | ||
class="w-full vignette discover-banner max-w-full text-white px-8 rounded-b-lg pt-12 mb-10" | ||
> | ||
<div id="t1" class="uppercase mb-4"></div> | ||
<h1 id="c1" class="font-normal mb-4"></h1> | ||
<p id="c1-2" class="w-64 leading-normal text-gray-lighter"></p> | ||
</div> | ||
</div> | ||
<div class="carousel-cell"> | ||
<div | ||
id="2" | ||
class="w-full vignette discover-banner max-w-full text-white px-8 rounded-b-lg pt-12 mb-10" | ||
> | ||
<div id="t2" class="mb-4"></div> | ||
<h1 id="c2" class="font-normal mb-4"></h1> | ||
<p id="c2-2" class="w-64 leading-normal text-gray-lighter"></p> | ||
</div> | ||
</div> | ||
<div class="carousel-cell"> | ||
<div | ||
id="3" | ||
class="w-full vignette discover-banner max-w-full text-white px-8 rounded-b-lg pt-12 mb-10" | ||
> | ||
<div id="t3" class="uppercase mb-4"></div> | ||
<h1 id="c3" class="font-normal mb-4"></h1> | ||
<p id="c3-2" class="w-64 leading-normal text-gray-lighter"></p> | ||
</div> | ||
</div> | ||
<div class="carousel-cell"> | ||
<div | ||
id="4" | ||
class="w-full vignette discover-banner max-w-full text-white px-8 rounded-b-lg pt-12 mb-10" | ||
> | ||
<div id="t4" class="uppercase mb-4"></div> | ||
<h1 id="c4" class="font-normal mb-4"></h1> | ||
<p id="c4-2" class="w-64 leading-normal text-gray-lighter"></p> | ||
</div> | ||
</div> | ||
</div> | ||
|
||
<div class="flex mb-10 px-10"> | ||
<div class="w-1/2 mr-4 bg-gray-darkest rounded-lg flex px-8 py-6"> | ||
<div class="flex-1"> | ||
<div | ||
id="featured-app" | ||
class="uppercase text-gray-light text-xs mb-1" | ||
></div> | ||
<h1 id="featured-app__title" class="font-normal text-2xl mb-4"></h1> | ||
<p | ||
id="featured-app__desc" | ||
class="text-gray-light text-xs leading-normal" | ||
></p> | ||
</div> | ||
<div class="text-right"> | ||
<img | ||
id="featured-app__icon" | ||
src="" | ||
alt="image" | ||
class="rounded-full w-40" | ||
/> | ||
</div> | ||
</div> | ||
|
||
<div class="w-1/2 ml-4 bg-gray-darkest rounded-lg px-8 py-6 hidden"> | ||
<div | ||
id="collection" | ||
class="uppercase text-gray-light text-xs mb-1" | ||
></div> | ||
<h1 id="collection__subtitle" class="font-normal text-2xl mb-4"></h1> | ||
<p | ||
id="collection__subtitle2" | ||
class="text-gray-light text-xs leading-normal mb-4" | ||
></p> | ||
<img id="collection__subtitle__icon" src="" alt="icons" /> | ||
</div> | ||
</div> | ||
|
||
<div class="border-b border-gray-600 mb-10 mx-10"></div> | ||
|
||
<div class="apps-games-we-love text-white px-10"> | ||
<div class="flex justify-between"> | ||
<h2 id="sectionOneTitle" class="font-normal mb-8"></h2> | ||
<a href="#" id="viewAll" class="text-blue-400 no-underline" | ||
>See All</a | ||
> | ||
</div> | ||
|
||
<div id="sectionOne" class="flex flex-wrap mb-4"></div> | ||
</div> | ||
<!-- end apps-games-we-love --> | ||
|
||
<div class="border-b border-gray-600 mb-10 mx-10"></div> | ||
|
||
<div class="top-paid text-white px-10"> | ||
<div class="flex justify-between"> | ||
<h2 id="sectionTwoTitle" class="font-normal mb-8"></h2> | ||
<a href="#" id="viewAll2" class="text-blue-400 no-underline" | ||
>See All</a | ||
> | ||
</div> | ||
|
||
<div> | ||
<div id="sectionTwo" class="flex flex-wrap"></div> | ||
</div> | ||
</div> | ||
<!-- end top-paid --> | ||
|
||
<div class="border-b border-gray-600 mb-10 mx-10"></div> | ||
|
||
<div class="text-gray mb-10 px-10">Terms & Conditions</div> | ||
</div> | ||
</body> | ||
<script> | ||
Include(); | ||
</script> | ||
<script id="entryTemplate" class="hidden" type="text/html"> | ||
<div class="w-24"> | ||
<img id="templateIcon" alt="icon" /> | ||
</div> | ||
<div class="pl-6 flex-1 pr-6"> | ||
<div class="mb-1" id="templateTitle">APPLICATION_TEMPLATE</div> | ||
<div class="text-gray text-xs mb-6" id="templateDesc"> | ||
TEMPLATE_DESCRIPTION | ||
</div> | ||
<div class="mb-8"> | ||
<span | ||
id="TEMPLATE_GETID" | ||
class="bg-white text-blue-400 rounded-full px-3 py-1 text-xs font-bold cursor-pointer select-none hover:bg-gray-300" | ||
onclick="sendID(this.id)" | ||
> | ||
GET | ||
</span> | ||
</div> | ||
<div class="border-b border-gray-700 mb-10"></div> | ||
</div> | ||
</script> | ||
<script id="entryTemplateS2" class="hidden" type="text/html"> | ||
<!-- START--> | ||
<div class="flex mb-8"> | ||
<div> | ||
<img id="templateIcon" src="" alt="icon" class="w-12" /> | ||
</div> | ||
<div id="counterTemplate" class="ml-3">1</div> | ||
<div class="ml-3 flex flex-1 justify-between border-b border-gray-700"> | ||
<div> | ||
<div id="templateTitle" class="mb-1">APPLICATION_TEMPLATE</div> | ||
<div id="templateDesc" class="text-gray text-xs mb-6"> | ||
TEMPLATE_DESCRIPTION | ||
</div> | ||
</div> | ||
<div> | ||
<span | ||
id="TEMPLATE_GETID" | ||
class="bg-white text-blue-400 rounded-full px-3 py-1 text-xs font-bold cursor-pointer select-none hover:bg-gray-300" | ||
onclick="sendID(this.id)" | ||
> | ||
GET | ||
</span> | ||
</div> | ||
</div> | ||
</div> | ||
<!-- END --> | ||
</script> | ||
|
||
<!-- Insert this line above script imports --> | ||
<script> | ||
if (typeof module === "object") { | ||
window.module = module; | ||
module = undefined; | ||
} | ||
</script> | ||
|
||
<!-- JavaScript --> | ||
<script src="https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js"></script> | ||
|
||
<!-- Insert this line after script imports --> | ||
<script> | ||
if (window.module) module = window.module; | ||
</script> | ||
</html> |