laurent
/
pokeranalytics_website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

css fix and text improvements

Browse Source
main
Laurent 10 months ago
parent 41ee3d5952
commit a9e1294068
5 changed files with 179 additions and 181 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. BIN
      .DS_Store
  2. 332
      css/app.css
  3. 7
      fr/faq.html
  4. 12
      index.html
  5. 9
      us/faq.html

BIN
.DS_Store vendored
View File

Binary file not shown.

332
css/app.css
Unescape View File

@ -1,218 +1,230 @@
/* Main */ /* Main */
body { body {
font-family:'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial,
font-weight:400; sans-serif;
background-color:#fff; font-weight: 400;
font-size:20px; background-color: #fff;
font-size: 20px;
} }
a { a {
text-decoration: none; text-decoration: none;
color: #4fb47f; color: #4fb47f;
} }
main { main {
padding: 15px; padding: 15px;
margin: 0 auto; margin: 0 auto;
max-width: 800px; max-width: 800px;
} }
header { header {
margin-bottom: 20px; margin-bottom: 20px;
} }
.menu a { .menu a {
color: #777; color: #777;
} }
.menu a:hover { .menu a:hover {
color: #4fb47f; color: #4fb47f;
} }
.large { .large {
font-weight:600; font-weight: 600;
font-size:64px; font-size: 64px;
} }
.titleicon { .titleicon {
background-color: #567; background-color: #567;
} }
.wrapper (min-width: 600px) { /* .wrapper (min-width: 600px) {
padding: 0 50px; padding: 0 50px;
margin: 0 auto; margin: 0 auto;
} */
.wrapper {
padding: 0 50px;
margin: 0 auto;
}
@media (min-width: 600px) {
.wrapper {
padding: 0 50px;
}
} }
/* maintitle */ /* maintitle */
.topmargin { .topmargin {
margin-top: 50px; margin-top: 50px;
} }
.topmargin10 { .topmargin10 {
margin-top: 100px; margin-top: 100px;
} }
.icon { .icon {
height: 100px; height: 100px;
width: 100px; width: 100px;
} }
@media (min-width: 900px) { @media (min-width: 900px) {
.fifty { .fifty {
width: 720px; width: 720px;
} }
} }
.padded { .padded {
padding: 10px; padding: 10px;
} }
/* .maintitle { /* .maintitle {
margin-top: 30px; margin-top: 30px;
} */ } */
.maintitle .title { .maintitle .title {
/* padding: 10px; */ /* padding: 10px; */
/* max-width: 280px; */ /* max-width: 280px; */
/* margin: 20px auto 50px auto; */ /* margin: 20px auto 50px auto; */
} }
.maintitle h1 { .maintitle h1 {
font-weight:600; font-weight: 600;
font-size:64px; font-size: 64px;
/* font-family: SanFrancisco-Ultralight, 'Helvetica Neue Light'; */ /* font-family: SanFrancisco-Ultralight, 'Helvetica Neue Light'; */
line-height: 0.9em; line-height: 0.9em;
color: #4fb47f; color: #4fb47f;
/* letter-spacing: 0.05em; */ /* letter-spacing: 0.05em; */
} }
.maintitle h2 { .maintitle h2 {
font-weight:400; font-weight: 400;
font-size:18px; font-size: 18px;
/* font-family: SanFrancisco-Ultralight, 'Helvetica Neue Light'; */ /* font-family: SanFrancisco-Ultralight, 'Helvetica Neue Light'; */
line-height: 0.9em; line-height: 0.9em;
color: #6ec47e; color: #6ec47e;
} }
.hero h2 { .hero h2 {
font-weight: 800; font-weight: 800;
font-size: 28px; font-size: 28px;
line-height: 1.2em; line-height: 1.2em;
} }
.heroimg { .heroimg {
width: auto; width: auto;
height: 500px; height: 500px;
} }
.mediumbox { .mediumbox {
width: 500px; width: 500px;
text-align: center; text-align: center;
} }
/* Secondary Pages */ /* Secondary Pages */
.question { .question {
font-weight: 600; font-weight: 600;
} }
.portrait { .portrait {
max-width: 250px; max-width: 250px;
text-align: center; text-align: center;
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
padding: 20px; padding: 20px;
} }
.templatetitle { .templatetitle {
/* display: block; */ /* display: block; */
/* float: left; */ /* float: left; */
width: 600px; width: 600px;
/* clear: both; */ /* clear: both; */
} }
.titlecontainer { .titlecontainer {
/* margin: 40px 0; */ /* margin: 40px 0; */
width: 50%; width: 50%;
background-color: #444; background-color: #444;
} }
.leftmargin { .leftmargin {
margin-left: 20px; margin-left: 20px;
} }
.middlealign { .middlealign {
vertical-align: middle; vertical-align: middle;
} }
.inlinedisplay { .inlinedisplay {
display: inline-block; display: inline-block;
} }
.maintitle .title { .maintitle .title {
/* text-align: center; */ /* text-align: center; */
} }
.title { .title {
/* width: 500px; */ /* width: 500px; */
/* color: #6ec47e; */ /* color: #6ec47e; */
/*display: inline-block;*/ /*display: inline-block;*/
clear: right; clear: right;
padding: 0px 20px; padding: 0px 20px;
} }
.featuregroup { .featuregroup {
margin: 20px 0px; margin: 20px 0px;
border-bottom-width: 1px; border-bottom-width: 1px;
border-bottom-style: solid; border-bottom-style: solid;
border-bottom-color: #ccc; border-bottom-color: #ccc;
} }
.featuretitle { .featuretitle {
width: 200px; width: 200px;
} }
.featuretitle h2 { .featuretitle h2 {
font-size: 32px; font-size: 32px;
font-weight: 300; font-weight: 300;
/* margin-top: 14px; */ /* margin-top: 14px; */
} }
.featurecontent { .featurecontent {
max-width: 620px; max-width: 620px;
font-size: 20px; font-size: 20px;
margin-top: 12px; margin-top: 12px;
} }
.featurecontent li { .featurecontent li {
padding-bottom: 4px; padding-bottom: 4px;
margin-left: 20px; margin-left: 20px;
} }
.featureblock { .featureblock {
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
} }
.watch { .watch {
height: 360px; height: 360px;
width: auto; width: auto;
} }
.picto28 { .picto28 {
height: 28px; height: 28px;
width: 28px; width: 28px;
} }
.picto { .picto {
height: 100px; height: 100px;
width: 100px; width: 100px;
} }
.big_picto { .big_picto {
height: 200px; height: 200px;
width: 200px; width: 200px;
} }
/* Body */ /* Body */
@ -223,163 +235,163 @@ section {
} }
.center { .center {
text-align: center; text-align: center;
} }
.rightalign { .rightalign {
margin-left:auto; margin-left: auto;
margin-right:0; margin-right: 0;
} }
.centeralign { .centeralign {
margin: 0 auto; margin: 0 auto;
} }
.imgcenter { .imgcenter {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
display: block; display: block;
} }
.floatleft { .floatleft {
float: left; float: left;
} }
.clearleft { .clearleft {
clear:left; clear: left;
} }
.descriptionbg { .descriptionbg {
background-color: #8ef6a1; background-color: #8ef6a1;
padding: 20px; padding: 20px;
margin: 0 auto; margin: 0 auto;
} }
.description { .description {
margin: 0 auto; margin: 0 auto;
max-width: 700px; max-width: 700px;
} }
.fz36 { .fz36 {
font-size:36px; font-size: 36px;
line-height: 1.2em; line-height: 1.2em;
} }
.bb { .bb {
background-color: #999; background-color: #999;
} }
.bbb { .bbb {
background-color: #ccc; background-color: #ccc;
} }
/* Comments */ /* Comments */
.comment { .comment {
/* text-align: left; */ /* text-align: left; */
max-width: 320px; max-width: 320px;
/* vertical-align: top; */ /* vertical-align: top; */
font-size:18px; font-size: 18px;
margin-bottom: 20px; margin-bottom: 20px;
padding: 0px 20px; padding: 0px 20px;
} }
.commenttitle { .commenttitle {
font-size:28px; font-size: 28px;
color: #6ec47e; color: #6ec47e;
line-height: 1.3em; line-height: 1.3em;
} }
/* Features */ /* Features */
.feature-2 { .feature-2 {
max-width: 300px; max-width: 300px;
} }
.feature { .feature {
/* padding: 20px; */ /* padding: 20px; */
vertical-align: top; vertical-align: top;
text-align: center; text-align: center;
/* max-width: 300px; */ /* max-width: 300px; */
} }
.feature h2 { .feature h2 {
font-size:32px; font-size: 32px;
font-weight: 300; font-weight: 300;
margin: 0; margin: 0;
margin-top: 10px; margin-top: 10px;
} }
.greybg { .greybg {
background-color: #f8f8f8; background-color: #f8f8f8;
} }
.screenshot { .screenshot {
width: 275px; width: 275px;
height: 550px; height: 550px;
} }
.line { .line {
margin: 20px 0; margin: 20px 0;
} }
/* Plans */ /* Plans */
.plans { .plans {
margin: 0 auto; margin: 0 auto;
max-width: 600px; max-width: 600px;
} }
.comparison { .comparison {
table-layout:fixed; table-layout: fixed;
border-collapse:collapse; border-collapse: collapse;
margin: 0 auto; margin: 0 auto;
margin-top: 40px; margin-top: 40px;
margin-bottom: 15px; margin-bottom: 15px;
font-size: 20px; font-size: 20px;
color: #444a43; color: #444a43;
} }
.comparison th, td { .comparison th,
padding: 4px; td {
border-bottom: solid; padding: 4px;
border-width: 1px; border-bottom: solid;
border-color: #ccc; border-width: 1px;
font-weight: 400; border-color: #ccc;
font-weight: 400;
} }
.dl_button_height { .dl_button_height {
height: 60px; height: 60px;
width: auto; width: auto;
} }
.dl_button_width { .dl_button_width {
height: auto; height: auto;
width: 200px; width: 200px;
} }
.separatorH20 { .separatorH20 {
height: 20px; height: 20px;
} }
.nostyle { .nostyle {
list-style: none; list-style: none;
} }
/* Footer */ /* Footer */
footer a { footer a {
display: block; display: block;
} }
footer { footer {
font-size: 16px; font-size: 16px;
background-color: #eee; background-color: #eee;
margin-top: 40px; margin-top: 40px;
padding: 0px 40px 40px 40px; padding: 0px 40px 40px 40px;
} }
footer .cell { footer .cell {
padding: 40px 0px 0px 0px; padding: 40px 0px 0px 0px;
} }

7
fr/faq.html
Unescape View File

@ -136,13 +136,6 @@
Oui. Le moteur de Poker Analytics est ouvert de façon à ce que chaque utilisateur puisse créer les rapports qui lui correspondent le mieux. Oui. Le moteur de Poker Analytics est ouvert de façon à ce que chaque utilisateur puisse créer les rapports qui lui correspondent le mieux.
</p> </p>
<p class="question">
Peut-on enregistrer des parties à plusieurs ?
</p>
<p>
C'est possible sur iOS uniquement. Nous avons repoussé le développement de la fonctionnalité sur Android.
</p>
<p class="question"> <p class="question">
Est-il possible de filtrer mes résultats ? Est-il possible de filtrer mes résultats ?
</p> </p>

12
index.html
Unescape View File

@ -69,7 +69,7 @@
</div> </div>
</div> </div>
<div class="clearleft"/> <div class="clearleft"></div>
<!-- Hero --> <!-- Hero -->
<section class="hero wrapper"> <section class="hero wrapper">
@ -80,9 +80,9 @@
</div> </div>
<div class="cell medium-6 large-3 center topmargin"> <div class="cell medium-6 large-3 center topmargin">
<h2>Become the poker player you want to be</h2> <h2>Master your poker journey</h2>
<p>Learn how much you win, make educated decisions about which games you should play, keep note of all the details that matters to get accountable and reach new levels.</p> <p>Track your wins, identify your most profitable games, and capture crucial insights to build lasting success. Make data-driven decisions and hold yourself accountable as you climb to higher stakes and bigger wins.</p>
<br/> <br/>
@ -110,9 +110,9 @@
<section> <section>
<div class="descriptionbg center wrapper"> <div class="descriptionbg center wrapper">
<div class="description"> <div class="description">
<p class="fz36">Time has come to align your mindset with your goals.</p> <p class="fz36">Track smarter, win bigger.</p>
<p>The more serious you become about your game, the more you need the appropriate tools to assist you.<br/> <p>Trusted by thousands of winning players worldwide, Poker Analytics delivers the most comprehensive tracking capabilities in the industry.<br/>
Poker Analytics has elite tracking capabilities that will cover all needs from novice players to top pros.</p> From bankroll management to advanced performance metrics, every feature is designed to transform your data into profitable decisions.</p>
</div> </div>
</div> </div>
</section> </section>

9
us/faq.html
Unescape View File

@ -104,7 +104,7 @@
Is there a way to have configurable setups for my sessions? Is there a way to have configurable setups for my sessions?
</p> </p>
<p> <p>
We chose not to go that route for the time being. However, you have two ways to help you. Poker Analytics uses your current location to determine your favorite type of game at one location, so make sure that Poker Analytics is able to geolocate you. We chose not to go that route for the time being. However, there are two ways to help you tremendously! Poker Analytics uses your current location to determine your favorite type of game at one location, so make sure that Poker Analytics is able to geolocate you.
</p> </p>
<p> <p>
@ -153,13 +153,6 @@
Absolutely. The powerful Poker Analytics report engine is all yours. You will be able to sort, filter and compare your data as best suits your needs. Absolutely. The powerful Poker Analytics report engine is all yours. You will be able to sort, filter and compare your data as best suits your needs.
</p> </p>
<p class="question">
Can I record my home games?
</p>
<p>
It's possible for iOS users only. It's not a feature used by enough users, so at the moment we've decided to postpone the feature for Android.
</p>
<p class="question"> <p class="question">
Can I filter my results? Can I filter my results?
</p> </p>

Write Preview
Loading…
Cancel
Save