Skip to content
This repository was archived by the owner on Feb 19, 2022. It is now read-only.

New Homepage + Updated "well" #65

Open
teamcoltra wants to merge 1 commit into
base: master
Choose a base branch
from
Open

New Homepage + Updated "well" #65

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion src/assets/css/bootstrap.min.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5734,7 +5734,7 @@ button.list-group-item-danger.active:focus {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #4e5d6c;
background-color: #180f2b;
border: 1px solid transparent;
border-radius: 0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
Expand Down
129 changes: 72 additions & 57 deletions src/welcome/welcome.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,64 +1,79 @@
<div class="jumbotron overview view banner watchpoint-gibraltar">
<div class="container">
<h1>OverTrack</h1>
<div class="jumbotron overview view banner" style="
background: #0d1235;
"><div class="container">
<div class="col-lg-6">
<h1>Play Better <span style="
color: orange;
">Suck Less</span></h1>
<p class="lead">The ultimate Overwatch stat tracking app</p>
</div>
<div class="col-lg-6">
<a href="https://api.overtrack.gg/authenticate?next=https://overtrack.gg/games" class="btn btn-success btn-large pull-right" style="
margin-top: 50px;
padding: 20px 50px;
">See Your Stats</a>
</div>
</div>

</div>

<div class="container">

<!-- <div class="col-md-12 alert alert-danger" role="alert">
Blizzard's current stance on third party programs is unclear. Some third party programs with similar functionality to OverTrack have been forbidden.<br>
You may wish to discontinue use of OverTrack until its legality is resolved. Get more details and keep up to date on this issue in the <a href="https://discord.gg/JywstAB">OverTrack Discord</a>
</div> -->

<h2>Quickstart</h2>
<p>
If you are a returning user or a new user wishing get started right away you can simply click on the "Sign In" button in the top right.<br>
No account registration is required - we use Battle.net OAuth.
</p>
<p>
Note that logging in will use the Battle.net account <b>that you are currently logged in to on the <a href="https://battle.net">battle.net</a> website</b>.<br>
If you are logged in on an alt account there, you will need to visit <a href="https://battle.net">battle.net</a> and log out.
</p>

<div class="jumbotron overview view banner eichenwalde" style="
/* background: #0d1235; */
margin-top: -30px;
background: linear-gradient(to bottom,#1b2150 0,rgba(0,0,0,.42) 100%),url(https://overtrack.gg/assets/images/welcome/games.png);
background-size: 1000px;
"><div class="container">

<div class="col-lg-8 well">
<h2>Automated Competitive Match Tracking</h2>
<p>
OverTrack keeps records of your competitive matches - Skill Rating, Win/Loss/Draw, Eliminations, Healing, Damage, Objective Time, and more.<br>
No longer is there a need to manually enter match data into a form or spreadsheet; OverTrack does all this automatically!
</p>

<img class="tut-image" src="assets/images/welcome/games.png">
<p>
OverTrack records the map, result, heroes played and SR changes of all your matches.<br>
All this is done by the OverTrack client passively recording and reading the screen of Overwatch, which, for the purposes of this program Blizzard has confirmed they do not consider a cheat.
</p>

<p>
You can test out the full functionality of OverTrack freely on a one week trial (starting from your first game tracked).<br>
Following this trial period we ask for a monthly subscription of $4.99 USD in order to support OverTrack’s continual development.<br>
If don’t yet feel the need to subscribe you may still use OverTrack to record games, although a subscription is required to view complete match details - e.g. the killfeed and objective timeline. <br>
</p>

<h2>Per Game Tracking</h2>

<img class="tut-image" src="assets/images/welcome/game.png">

<p>OverTrack also records details from each game including:</p>
<ul>
<li>Hero swaps</li>
<li>Your team comp and opponents team comp</li>
<li>The Kill Feed</li>
<li>Kill Assists (Eliminations you added damage to but did not get the final blow on)</li>
<li>Support Assists (Eliminations you aided your team by way of support abilities e.g. Orb of Discord)</li>
<li>Objective information (checkpoints/point control)</li>
<li>and more!</li>
</ul>
<p class="">OverTrack keeps records of your competitive matches - Skill Rating, Win/Loss/Draw, Eliminations, Healing, Damage, Objective Time, and more.
No longer is there a need to manually enter match data into a form or spreadsheet; OverTrack does all this automatically!</p>
<p></p>

</div></div>
</div>

<div class="jumbotron overview view banner eichenwalde" style="
/* background: #0d1235; */
margin-top: -30px;
background: linear-gradient(to bottom,#1b2150 0,rgba(0,0,0,.42) 100%),url(https://overtrack.gg/assets/images/welcome/game.png);
background-size: cover;
background-position: 0 0, 0 -558px;
"><div class="container">
<div class="col-lg-4">
<img src="https://overtrack.gg/assets/images/welcome/game.png" style="width:100%">
</div>

<div class="col-lg-8 well">
<h2>In Depth Game Stats</h2>
<p class="">
</p><ul><li>Hero swaps</li><li>Your team comp and opponents team comp</li><li>The Kill Feed</li><li>Kill Assists (Eliminations you added damage to but did not get the final blow on)</li><li>Support Assists (Eliminations you aided your team by way of support abilities e.g. Orb of Discord)</li><li>Objective information (checkpoints/point control)</li><li>and more!</li></ul>
<h2>Everything you need!</h2>
<p>Get your damage output, your objective kills, eliminations damage blocked, damage done and more all so you can evaluate where you went right and where you went wrong.</p>
<p>OverTrack is all about making sure you have all the data you need to be a better Overwatch player</p>

</div></div>
</div>

<h2>Statistics and Win Rates</h2>
<h4>Statistics</h4>
<p>OverTrack will record statistics whenever you press tab. This allows tracking on both a per-game (shown above) and overall level.</p>
<img class="tut-image" src="assets/images/welcome/hero_stats.png">
<h4>Win Rates</h4>
<img class="tut-image" src="assets/images/welcome/winrates.png">

<div class="jumbotron overview view banner" style="
margin-top: -30px;
background: #0d1235;
"><div class="container">
<div class="col-lg-6">
<img src="https://overtrack.gg/assets/images/welcome/winrates.png" style="width:100%">
</div>
<div class="col-lg-6">
<h2 style="
color: orange;
">So much more!</h2>
<p>See what heroes you perform best with, what maps are your strong points, compare heros, and more. Registration isn't nessecary, just click the button below and get started!</p>
<a href="https://api.overtrack.gg/authenticate?next=https://overtrack.gg/games" class="btn btn-success btn-large" style="
text-align: center;
/* margin-top: 50px; */
padding: 20px 50px;
">See Your Stats!</a>
</div>
</div>

</div>