237 lines
12 KiB
HTML
237 lines
12 KiB
HTML
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport"content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
|
<title>Points Buraco</title>
|
|
<meta name="application-name" content="Points Buraco">
|
|
<meta name="description" content="More than a simple buraco scorekeeper">
|
|
<meta name="keywords" content="android, app, game, buraco, cards, playing">
|
|
<meta name="author" content="Marco Fantauzzo">
|
|
<link rel="author" href="https://marco97pa.github.io/">
|
|
<link rel="icon" sizes="192x192" href="images/icon-med.png">
|
|
<link rel="apple-touch-icon" href="images/icon-med.png">
|
|
<meta property="og:title" content="Points Buraco">
|
|
<meta property="og:image" content="images/icon-med.png">
|
|
<meta property="og:description" content="More than a simple buraco scorekeeper">
|
|
<meta itemprop="name" content="Points Buraco">
|
|
<meta itemprop="description" content="More than a simple buraco scorekeeper">
|
|
<meta itemprop="image" content="images/icon-med.png">
|
|
<meta itemprop="author" content="Marco Fantauzzo">
|
|
<meta itemprop="applicationCategory" content="Application">
|
|
<meta itemprop="operatingSystem" content="Android">
|
|
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
|
|
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
|
|
<link href="css/tailwind.css" type="text/css" rel="stylesheet" />
|
|
<link href="https://fonts.googleapis.com/css?family=Hind:400,700|Montserrat:400,700,800&display=swap" rel="stylesheet"/>
|
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css" rel="stylesheet"/>
|
|
<!-- The core Firebase JS SDK is always required and must be listed first -->
|
|
<script src="https://www.gstatic.com/firebasejs/7.13.2/firebase-app.js"></script>
|
|
<script src="https://www.gstatic.com/firebasejs/7.13.2/firebase-analytics.js"></script>
|
|
<script src="https://www.gstatic.com/firebasejs/7.13.2/firebase-remote-config.js"></script>
|
|
<script src="js/moment.js"></script>
|
|
<script src="js/index.js"></script>
|
|
</head>
|
|
|
|
<body class="bg-white" onload="localize()">
|
|
|
|
<!-- App Section -->
|
|
<div class="grid grid-rows-2 lg:pt-16 lg:grid-cols-2 lg:grid-rows-none bg-orange-500" >
|
|
<!-- Left Section -->
|
|
<div class="w-full flex flex-col justify-center items-center lg:justify-start lg:items-start lg:ml-32 text-center lg:text-left">
|
|
<div class="h-40 w-full lg:w-3/4 flex flex-col mt-8 lg:mt-4 px-4 lg:px-0">
|
|
<img src="images/ic_launcher_foreground.png" class="self-center h-32"/>
|
|
<p class="text-4xl leading-tight font-heading font-bold text-black self-center" id="app_name">
|
|
|
|
</p>
|
|
<span class="text-2xl leading-tight mt-4 font-body font-normal text-gray-900" id="app_desc">
|
|
|
|
</span>
|
|
<span id="downloads" class="text-gray-800 font-body self-center"></span>
|
|
</div>
|
|
<div class="w-1/2 flex flex-row mt-32 lg:mt-32 justify-center lg:justify-start self-center">
|
|
<a href="https://play.google.com/store/apps/details?id=com.marco97pa.puntiburraco">
|
|
<img class="h-12 p-1" src="images/google-play-badge.svg"/>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<!-- Screenshots -->
|
|
<div class="w-full flex justify-center pb-16">
|
|
<div>
|
|
<img
|
|
src="images/google_pixel_3_and_google_pixel_4.png"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Features Section -->
|
|
<div class="mt-10">
|
|
<div class="flex justify-center">
|
|
<div class="w-full lg:w-2/4 text-center px-10">
|
|
<p class="text-3xl font-heading font-bold" id="features">
|
|
|
|
</p>
|
|
<span class="text-base font-body font-normal" id="features_desc">
|
|
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="grid grid-rows-2 lg:grid-cols-3 lg:grid-rows-none p-8">
|
|
<!-- Left Features -->
|
|
<div class="flex flex-col pb-20 lg:pb-0">
|
|
<!-- First -->
|
|
<div class="pb-10">
|
|
<i class="fas fa-calculator text-orange-400 text-3xl pb-4 lg:pb-2"></i>
|
|
<p class="text-xl font-heading font-bold mb-4" id="feature_1">
|
|
|
|
</p>
|
|
<span class="text-base font-body font-normal" id="feature_1_desc">
|
|
|
|
</span>
|
|
</div>
|
|
<!-- Second -->
|
|
<div class="pb-10">
|
|
<i class="fas fa-trophy text-orange-400 text-3xl pb-4 lg:pb-2"></i>
|
|
<p class="text-xl font-heading font-bold mb-4" id="feature_2">
|
|
|
|
</p>
|
|
<span class="text-base font-body font-normal" id="feature_2_desc">
|
|
|
|
</span>
|
|
</div>
|
|
<!-- Third -->
|
|
<div>
|
|
<i class="fas fa-user-friends text-orange-400 text-3xl pb-4 lg:pb-2"></i>
|
|
<p class="text-xl font-heading font-bold mb-4" id="feature_3">
|
|
|
|
</p>
|
|
<span class="text-base font-body font-normal" id="feature_3_desc">
|
|
.
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<!-- Middle Phone Image -->
|
|
<div class="hidden lg:flex lg:justify-center">
|
|
<img
|
|
src="images/phone.png"
|
|
alt=""
|
|
style="width: 240px; height: 480px;"
|
|
/>
|
|
</div>
|
|
<!-- Right Features -->
|
|
<div class="flex flex-col lg:justify-center">
|
|
<!-- First -->
|
|
<div class="pb-10">
|
|
<i class="fas fa-paint-brush text-orange-400 text-3xl pb-4 lg:pb-2"></i>
|
|
<p class="text-xl font-heading font-bold mb-4" id="feature_4">
|
|
|
|
</p>
|
|
<span class="text-base font-body font-normal" id="feature_4_desc">
|
|
|
|
</span>
|
|
</div>
|
|
<!-- Second -->
|
|
<div class="pb-10">
|
|
<i class="fas fa-share-square text-orange-400 text-3xl pb-4 lg:pb-2"></i>
|
|
<p class="text-xl font-heading font-bold mb-4" id="feature_5">
|
|
|
|
</p>
|
|
<span class="text-base font-body font-normal" id="feature_5_desc">
|
|
|
|
</span>
|
|
</div>
|
|
<!-- Third -->
|
|
<div>
|
|
<i class="fas fa-code text-orange-400 text-3xl pb-4 lg:pb-2"></i>
|
|
<p class="text-xl font-heading font-bold mb-4" id="feature_6">
|
|
|
|
</p>
|
|
<span class="text-base font-body font-normal" id="feature_6_desc">
|
|
<a class="text-blue-400 font-bold" href="https://github.com/marco97pa/punti-burraco">Github</a>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Team Section -->
|
|
<div class="mt-10">
|
|
<div class="flex justify-center">
|
|
<div class="w-full lg:w-2/4 text-center px-10">
|
|
<p class="text-3xl font-heading font-bold" id="team">
|
|
|
|
</p>
|
|
<span class="text-xl font-body font-normal" id="team_desc">
|
|
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="">
|
|
<div class="grid lg:grid-cols-3 lg:grid-rows-none mx-2">
|
|
<div></div>
|
|
<!-- Profile -->
|
|
<div class="shadow-lg p-10 m-4 lg:m-10 flex flex-col rounded-lg ">
|
|
<div class="flex lg:flex-col grid grid-cols-2 lg:grid-rows-2 lg:grid-cols-none lg:justify-center">
|
|
<img
|
|
class="rounded-full shadow-lg self-center" style="margin: auto; width: 100px;"
|
|
src="https://marco97pa.github.io/images/profile.jpg"
|
|
alt=""
|
|
/>
|
|
<div class="flex flex-col">
|
|
<p class="text-base text-center font-bold font-heading pt-2"> Marco Fantauzzo </p>
|
|
<p class="text-base italic text-center pb-4 font-body" id="dev_role"> devRole </p>
|
|
<span class="text-base text-center lg:text-left font-body lg:p-0" id="dev_desc">
|
|
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row-auto self-center mt-3">
|
|
<a href="https://marco97pa.github.io">
|
|
<button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-full" id="dev_info">
|
|
|
|
</button>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Call To Action Section -->
|
|
<div class="bg-orange-500 my-10 mx-2 lg:mx-56 rounded-lg py-10">
|
|
<div class="flex flex-col justify-center">
|
|
<div class="w-full text-center px-4">
|
|
<img src="images/ic_launcher_foreground.png" class="shadow-lg self-center w-24" style="margin: auto;"/>
|
|
<p class="text-3xl font-heading font-bold" id="recap_app_name">
|
|
|
|
</p>
|
|
<span class="text-xl font-body font-normal" id="recap_short_desc">
|
|
|
|
</span>
|
|
</div>
|
|
<div class="flex flex-row mt-12 lg:mt-8 justify-center">
|
|
<a href="https://play.google.com/store/apps/details?id=com.marco97pa.puntiburraco">
|
|
<img class="h-12 p-1" src="images/google-play-badge.svg"/>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Footer Section -->
|
|
<div class="bg-black">
|
|
<div class="flex justify-center flex-col lg:flex-row text-center p-4" >
|
|
<a class="text-sm text-white hover:text-yellow-500 font-body font-normal p-2"
|
|
href="privacy_policy.html">
|
|
Privacy Policy</a>
|
|
<a class="text-sm text-white hover:text-yellow-500 font-body font-normal p-2"
|
|
href="mailto:marco97pa@gmail.com?subject=Points%20Buraco">
|
|
Contact</a>
|
|
</div>
|
|
<div class="text-center pb-4">
|
|
<span class="text-white text-sm font-body">© Marco Fantauzzo. All rights reserved.<br>Icons: Font Awesome.</span>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|