Files
pathfinder/public/templates/view/login.html
Mark Friedrich e01f299d2b v1.1.1 (#233)
* fixed #194 PHP 5.6 error

* - closed #102 added "set waypoint/destination" context menu to route finder module
- update "Select2" 4.0.0 -> 4.0.3
- update "Font Awesome" 4.6.1 -> 4.6.3

* - added *.js files for develop branch

* - closed #195 fixed "BASE" dir for subDir installations
- fixed "Home" menu link

* -  #195 improved js load path

* - added "clear cache" function for manually cache clearing to /setup #200 #105 #158
- added cache size information to /setup
- added current pathfinder  "VERSION" to /setup
- updated "requireJs" 2.1.20 ->2.2.0
- removed unnecessary page cache timings from static templates (page cache)

* - added "document_root", "port", "protocol" and "PHP framework version" to /setup page
- added new "shattered" wormhole types to "signature table", closed #182, #179

* - added new "delete old signatures" option to "signature reader" dialog, closed #95

* - added new housekeeping cronjob für cached files, closed #200
- added new cache size information to /setup page

* - fixed signature groupId/typeId "overwriting" for already known signatures. closed #207
- improved system search dialog. Added trim(); before "api/signatures-> search" request

* updated README.me

* fixed PHP error "default object from empty value", closed #209

* reduced image file size

* - added local storage (IndexedDB)
- added local storage for map scroll position. closed #69

* - added "notice" panel for upcoming release information
- improved layout for "release dialog" (GitHub API)
- improved pagespeed (removed render blocking javascripts)
- improved map scrollbar configuration
- improved Chrome browser custom scrollbar layout
- removed "sign up" buttons from "map panels", closed #214

* - fixed some session and cookie  bugs

* - added new requirement check for `max_input_vars` to /setup URL, closed #224

* - fixed isWormhole(); bug

* -v1.1.1 added js build files
2016-07-05 20:44:12 +02:00

936 lines
52 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
{* config *}
<check if="{{ @PATHFINDER.REGISTRATION.STATUS != '1' }}">
<set registrationStatusButton="disabled" />
<set registrationStatusTitle= "{{@PATHFINDER.REGISTRATION.MSG_DISABLED}}" />
</check>
{* splash page *}
<include href="templates/ui/splash.html"/>
<nav id="pf-navbar" class="navbar navbar-default navbar-fixed-top pf-head">
<div class="container">
<div id="pf-head" class="navbar-header">
<button aria-controls="navbar" aria-expanded="false" data-target="#navbar" data-toggle="collapse" class="navbar-toggle collapsed" type="button">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<p class="navbar-text">
<span class="badge txt-color txt-color-green pf-navbar-version-info">{{ @PATHFINDER.VERSION }}</span>
</p>
<ul class="nav navbar-nav navbar-right" role="tablist">
<li><a class="pf-navbar-manual" href="#">Manual</a></li>
</ul>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right" role="tablist">
<li><a class="page-scroll" data-anchor="#pf-landing-top" href="#">Home</a></li>
<li> <a class="page-scroll" data-anchor="#pf-landing-gallery" href="#">Features</a></li>
<li> <a class="page-scroll" data-anchor="#pf-landing-maps" href="#">Maps</a></li>
<li> <a class="page-scroll" data-anchor="#pf-landing-install" href="#">Install</a></li>
<li> <a class="page-scroll" data-anchor="#pf-landing-about" href="#">About</a></li>
<li> <a class="page-scroll" data-anchor="#pf-landing-faq" href="#">FAQ</a></li>
<li> <a class="pf-navbar-license" href="#">License</a></li>
</ul>
</div>
</div>
</nav>
{* header *}
<check if="{{ @isIngame == 1 }}">
<true>
{* fallback logo -> no SVG support *}
<header id="pf-landing-top" class="pf-logo-fallback">
</header>
</true>
<false>
<header id="pf-landing-top">
<div id="pf-header-container">
<canvas id="pf-header-canvas" class="hidden-xs" width="500" height="480"></canvas>
<div class="container">
<div id="pf-logo-container"></div>
<div id="pf-header-preview-container" class="hidden-xs hidden-sm">
<div id="pf-header-preview-intel" class="pf-header-preview-element pull-left"></div>
<div id="pf-header-preview-map" class="pf-header-preview-element pull-left"></div>
<div id="pf-header-preview-scope" class="pf-header-preview-element pull-left"></div>
<div id="pf-header-preview-signature" class="pf-header-preview-element pull-left"></div>
<div id="pf-header-preview-data" class="pf-header-preview-element pull-left"></div>
<div id="pf-header-preview-gameplay" class="pf-header-preview-element pull-left"></div>
</div>
</div>
</div>
</header>
</false>
</check>
{* login form *}
<section id="pf-landing-login">
<div class="container">
{* cookie characters *}
<check if="{{ @cookieCharacters }}">
<true>
<div class="row text-center">
<div class="col-md-8 col-md-offset-2">
<h2><span class="text-primary">Select</span> your character</h2>
</div>
</div>
{* dynamic message container *}
<div class="container-fluid">
<div class="row ">
<div class="col-sm-8 col-sm-offset-2 pf-dynamic-message-container">
{* client side message e.g. ajax errors *}
</div>
</div>
</div>
{* login message container *}
<check if="{{ @SESSION.SSO.ERROR }}">
<div class="container-fluid">
<div class="row ">
<div class="col-sm-8 col-sm-offset-2">
<div class="alert alert-danger" >
<span class="txt-color txt-color-danger">Access denied</span>
<small>{{ @SESSION.SSO.ERROR }}</small>
</div>
</div>
</div>
</div>
</check>
{* check for setup mode *}
<check if="{{ array_key_exists('/setup', @ROUTES) && @PATHFINDER.SHOW_SETUP_WARNING }}">
<div class="container-fluid">
<div class="row">
<div class="col-sm-8 col-sm-offset-2">
<div class="alert alert-warning" >
<span class="txt-color txt-color-warning">Setup mode active</span>
<small>Disable setup route in routes.ini in production environment! <a href="{{ 'setup' | alias }}">Setup</a></small>
</div>
</div>
</div>
</div>
</check>
{* IGB warning *}
<check if="{{ @isIngame == 1 }}">
<div class="container-fluid">
<div class="row">
<div class="col-sm-8 col-sm-offset-2">
<div class="alert alert-warning" >
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><i class="fa fa-close"></i></button>
<span class="txt-color txt-color-warning">Hint</span>
<small>Some functions may not work within the outdated IGB browser!</small>
</div>
</div>
</div>
</div>
</check>
<div class="row text-center pf-character-selection">
<repeat group="{{ @cookieCharacters }}" key="{{ @cookieName }}" value="{{ @characterData }}">
<div class="col-sm-{{ @getCharacterGrid( @cookieCharacters ) }}">
<div class="pf-dynamic-area" data-cookie="{{ @cookieName }}" data-href="{{ 'sso','action=login' | alias }}">
{* character data is dynamically *}
</div>
</div>
</repeat>
</div>
</true>
<false>
<div class="row text-center">
<div class="col-md-8 col-md-offset-2">
<h2><span class="text-primary">Sign</span> up</h2>
</div>
</div>
</false>
</check>
{* SSO login *}
<div class="container-fluid">
<div class="row text-center">
<div class="col-xs-12">
<a class="pf-sso-login-button {{@registrationStatusButton}}" target="_self" href="{{ 'sso','action=requestAuthorization' | alias }}" type="button" tabindex="3" title="{{@registrationStatusTitle}}">&nbsp;</a><br>
<a class="font-lg" target="_blank" href="http://community.eveonline.com/news/dev-blogs/eve-online-sso-and-what-you-need-to-know">What is this?</a>
</div>
</div>
</div>
{* splash page *}
<include href="templates/ui/notice.html"/>
</div>
</section>
{* features/ gallery *}
<section id="pf-landing-gallery">
{* carousel *}
<check if="{{ @isIngame == 0 }}">
<div class="container">
<div class="row text-center">
<div id="pf-landing-gallery-carousel" class="blueimp-gallery blueimp-gallery-carousel">
<div class="slides"></div>
<h3 class="title"></h3>
<a class="prev"><i class="fa fa-fw fa-arrow-left"></i></a>
<a class="next"><i class="fa fa-fw fa-arrow-right"></i></a>
<a class="play-pause"><i class="fa fa-fw fa-pause"></i></a>
<ol class="indicator"></ol>
</div>
</div>
</div>
</check>
<div id="pf-landing-gallery-thumb-container" class="container">
<div class="row text-center">
<div class="col-md-6 col-md-offset-3">
<h2><span class="text-primary">Features</span> and Impressions</h2>
<p class="lead">
<em>PATHFINDER</em> is an <em>open source</em> mapping tool for <em>EVE Online</em>, primarily developed to enrich the gameplay of small scale PvP and PvE.
</p>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-3 col-lg-2">
<a class="pf-animate-on-visible pf-animate" href="public/img/landing/login_1.jpg" data-description="Character login" data-gallery="#pf-gallery">
<img class="pf-landing-image-preview pf-landing-image-preview-small" data-original="public/img/landing/thumbs/login_1.jpg" width="160" height="160" alt="Account settings">
</a>
<a class="pf-animate-on-visible pf-animate" href="public/img/landing/settings_1.jpg" data-description="Map access" data-gallery="#pf-gallery">
<img class="pf-landing-image-preview pf-landing-image-preview-small" data-original="public/img/landing/thumbs/settings_1.jpg" width="160" height="160" alt="Map access">
</a>
<a class="pf-animate-on-visible pf-animate" href="public/img/landing/taskmanager_1.jpg" data-description="Task-Manager" data-gallery="#pf-gallery">
<img class="pf-landing-image-preview pf-landing-image-preview-small" data-original="public/img/landing/thumbs/taskmanager_1.jpg" width="160" height="160" alt="Task-Manager">
</a>
</div>
<div class="col-xs-12 col-sm-9 col-lg-4">
<h4><i class="fa fa-fw fa-angle-double-right"></i>Pathfinder</h4>
<ul class="fa-ul pf-landing-list">
<li><i></i>Multi browser support (IGB and OGB)</li>
<li><i></i><span class="txt-color txt-color-greenDark"><e class="fa fa-fw fa-lock"></e>SSL</span> encrypted connection</li>
<li><i></i>User friendly <a class="pf-navbar-manual" href="#">manual</a></li>
<li><i></i>Open Source Project <a target="_blank" href="{{ @PATHFINDER.REPO }}" alt="GitHub"><i class="fa fa-lg fa-github fa-fw"></i> Github</a></li>
<li>
<ul class="fa-ul">
<li><i></i>Developer/install <a target="_blank" href="{{ @PATHFINDER.REPO }}/wiki">wiki</a></li>
</ul>
</li>
<li><i></i><span class="label label-success">NEW</span> <em>CCP</em> s <em>SSO</em> login</li>
<li><i></i><span class="label label-success">NEW</span> Cookie based <a target="_blank" href="https://github.com/exodus4d/pathfinder/issues/138#issuecomment-216036606">login system</a></li>
<li><i></i><span class="label label-success">NEW</span> <a target="_blank" href="{{ @PATHFINDER.REPO }}/issues/84"><em>CREST</em> API support</a></li>
<li>
<ul class="fa-ul">
<li><i></i>Character/Location data is pulled from CREST</li>
<li><i></i>IGB is no longer required</li>
</ul>
</li>
<li><i></i>HTML5 features</li>
<li>
<ul class="fa-ul">
<li><i></i>Full screen support (OBG)</li>
<li><i></i>Browser notification system (OGB)</li>
<li><i></i>Advanced client-side caching - 'local storage' (OGB)</li>
</ul>
</li>
<li><i></i>Advanced user access config</li>
<li>
<ul class="fa-ul">
<li><i></i>Access can be limited to specific corps/allys</li>
</ul>
</li>
<li><i></i>Integrated Task Manager</li>
<li>
<ul class="fa-ul">
<li><i></i>Live performance graphs</li>
<li><i></i>Print/export client site log files for debugging</li>
</ul>
</li>
<li><i></i>Build in SMTP support</li>
<li>
<ul class="fa-ul">
<li><i></i>Mailserver required</li>
</ul>
</li>
<li><i></i>No dependencies from other 3rd party pages</li>
<li>
<ul class="fa-ul">
<li><i></i>All data is stored/imported into its own database</li>
</ul>
</li>
<li><i></i>Developed with state of the art web technology</li>
<li><i></i>Responsive layout (smartphone up to 4k screen)</li>
</ul>
</div>
<div class="clearfix visible-xs visible-sm visible-md"></div>
<div class="col-xs-12 col-sm-3 col-lg-2">
<a class="pf-animate-on-visible pf-animate" href="public/img/landing/map_2.jpg" data-description="Map selection" data-gallery="#pf-gallery">
<img class="pf-landing-image-preview pf-landing-image-preview-small" data-original="public/img/landing/thumbs/map_2.jpg" width="160" height="160" alt="Map selection">
</a>
<a class="pf-animate-on-visible pf-animate" href="public/img/landing/map_3.jpg" data-description="Context menu" data-gallery="#pf-gallery">
<img class="pf-landing-image-preview pf-landing-image-preview-small" data-original="public/img/landing/thumbs/map_3.jpg" width="160" height="160" alt="Context menu">
</a>
<a class="pf-animate-on-visible pf-animate" href="public/img/landing/map_1.jpg" data-description="Map information dialog" data-gallery="#pf-gallery">
<img class="pf-landing-image-preview pf-landing-image-preview-small" data-original="public/img/landing/thumbs/map_1.jpg" width="160" height="160" alt="Map information dialog">
</a>
</div>
<div class="col-xs-12 col-sm-9 col-lg-4">
<h4><i class="fa fa-fw fa-angle-double-right"></i>Map module</h4>
<ul class="fa-ul pf-landing-list">
<li><i></i>Live synchronisation between clients</li>
<li><i></i>Multiple map support</li>
<li><i></i>Share maps with other players or groups</li>
<li><i></i>Invite other players to maps</li>
<li><i></i>Advanced drag &amp; drop support</li>
<li>
<ul class="fa-ul">
<li><i></i>Select multiple systems by <kbd>ctrl</kbd> + <kbd>click</kbd></li>
<li><i></i>Select and move multiple systems at once</li>
<li><i></i>Establish new connections by drag one system to another</li>
<li><i></i>Grid snapping</li>
<li><i></i><span class="label label-success">NEW</span> Prevent systems from overlapping (magnetization)</li>
</ul>
</li>
<li><i></i>Track fleet movements</li>
<li>
<ul class="fa-ul">
<li><i></i>Pilot/Ship names</li>
<li><i></i>In-/decreasing pilot count per system</li>
<li><i></i><span class="label label-success">NEW</span> Location tracking (<em>CREST</em>)</li>
</ul>
</li>
<li><i></i>System status</li>
<li>
<ul class="fa-ul">
<li><i></i>'Locked', 'Rally point', 'Rally point', 'Friendly', 'Occupied', 'Hostile', 'Empty', 'Unscanned'</li>
</ul>
</li>
<li><i></i>Connection scopes</li>
<li>
<ul class="fa-ul">
<li><i></i>'Stargate', 'Wormhole', 'Jumpbridge'</li>
</ul>
</li>
<li><i></i><span class="label label-success">NEW</span> In game actions (<em>CREST</em>)</li>
<li>
<ul class="fa-ul">
<li><i></i>'Set destination', 'add waypoint'</li>
</ul>
</li>
<li><i></i>Keyboard shortcuts</li>
<li>
<ul class="fa-ul">
<li><i></i>Easy system selection by holding <kbd>ctrl</kbd> + <kbd>drag</kbd></li>
</ul>
</li>
<li><i></i>Integrated live search for systems</li>
<li>
<ul class="fa-ul">
<li><i></i>TrueSec, Region, Constallation information</li>
</ul>
</li>
<li><i></i>Filter maps by connection scopes</li>
<li><i></i>Map information dialog</li>
<li>
<ul class="fa-ul">
<li><i></i>Easy access to all map information</li>
<li><i></i>Edit systems and connections</li>
</ul>
</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-3 col-lg-2">
<a class="pf-animate-on-visible pf-animate" href="public/img/landing/system_1.jpg" data-description="System description" data-gallery="#pf-gallery">
<img class="pf-landing-image-preview pf-landing-image-preview-small" data-original="public/img/landing/thumbs/system_1.jpg" width="160" height="160" alt="System description">
</a>
<a class="pf-animate-on-visible pf-animate" href="public/img/landing/system_2.jpg" data-description="System information" data-gallery="#pf-gallery">
<img class="pf-landing-image-preview pf-landing-image-preview-small" data-original="public/img/landing/thumbs/system_2.jpg" width="160" height="160" alt="System information">
</a>
</div>
<div class="col-xs-12 col-sm-9 col-lg-4">
<h4><i class="fa fa-fw fa-angle-double-right"></i>System module</h4>
<ul class="fa-ul pf-landing-list">
<li><i></i>Quick access to all relevant information</li>
<li>
<ul class="fa-ul">
<li><i></i>Name/Alias</li>
<li><i></i>Wormhole class</li>
<li><i></i>Wormhole type</li>
<li><i></i>True Sec</li>
<li><i></i>Constellation</li>
<li><i></i>Region</li>
<li><i></i>Wormhole static information</li>
</ul>
</li>
<li><i></i>Optional renaming of Systems</li>
<li><i></i>Individual system description</li>
<li><i></i>Receive system warnings from other players</li>
<li><i></i>Quick information links to 3rd party pages</li>
<li>
<ul class="fa-ul">
<li><i></i><em>Dotlan</em></li>
<li><i></i><em>Wormhol.es</em></li>
</ul>
</li>
</ul>
</div>
<div class="clearfix visible-xs visible-sm visible-md"></div>
<div class="col-xs-12 col-sm-3 col-lg-2">
<a class="pf-animate-on-visible pf-animate" href="public/img/landing/signatures_1.jpg" data-description="Signature table" data-gallery="#pf-gallery">
<img class="pf-landing-image-preview pf-landing-image-preview-small" data-original="public/img/landing/thumbs/signatures_1.jpg" width="160" height="160" alt="Signature table">
</a>
<a class="pf-animate-on-visible pf-animate" href="public/img/landing/signatures_2.jpg" data-description="Signature reader dialog" data-gallery="#pf-gallery">
<img class="pf-landing-image-preview pf-landing-image-preview-small" data-original="public/img/landing/thumbs/signatures_2.jpg" width="160" height="160" alt="Signature reader dialog">
</a>
</div>
<div class="col-xs-12 col-sm-9 col-lg-4">
<h4><i class="fa fa-fw fa-angle-double-right"></i>Signature module</h4>
<ul class="fa-ul pf-landing-list">
<li><i></i>Share system signature information</li>
<li><i></i>Add/Update multiple signatures at once <kbd>ctrl</kbd> + <kbd>c</kbd></li>
<li><i></i>Check for new signatures within a second</li>
<li><i></i>Get notified about new signatures in your current system</li>
<li><i></i>Receive warnings for not fully scanned systems</li>
<li><i></i>Speed up scanning and work with multiple pilots on the same scanning table</li>
<li><i></i>Label signatures for following operations</li>
<li><i></i><span class="label label-success">NEW</span> Updated signature type information</li>
<li><i></i>Shown meta information for each signature</li>
<li>
<ul class="fa-ul">
<li><i></i>Creation data/time</li>
<li><i></i>Creation pilot/name</li>
<li><i></i>Pilot status</li>
<li>
<ul class="fa-ul">
<li><i></i>'Corporation', 'Alliance', 'Friendly'</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-3 col-lg-2">
<a class="pf-animate-on-visible pf-animate" href="public/img/landing/kb_1.jpg" data-description="Killboard diagram" data-gallery="#pf-gallery">
<img class="pf-landing-image-preview pf-landing-image-preview-small" data-original="public/img/landing/thumbs/kb_1.jpg" width="160" height="160" alt="Killboard diagram">
</a>
<a class="pf-animate-on-visible pf-animate" href="public/img/landing/kb_2.jpg" data-description="Killboard" data-gallery="#pf-gallery">
<img class="pf-landing-image-preview pf-landing-image-preview-small" data-original="public/img/landing/thumbs/kb_2.jpg" width="160" height="160" alt="Killboard">
</a>
</div>
<div class="col-xs-12 col-sm-9 col-lg-4">
<h4><i class="fa fa-fw fa-angle-double-right"></i>Killboard module</h4>
<ul class="fa-ul pf-landing-list">
<li><i></i><em><a target="_blank" href="https://github.com/zKillboard/zKillboard/wiki">zkillboard.com</a></em> API integration</li>
<li><i></i>Detailed information about all recent activities in a system</li>
<li><i></i>Visual graph with recent kills and timestamp</li>
<li><i></i>Killmail deep links</li>
<li><i></i>This even works for wormholes where <em>CCP</em> does not provide any official API data</li>
<li><i></i>Live warnings for recent kills in a system</li>
<li><i></i>IGB action</li>
<li>
<ul class="fa-ul">
<li><i></i>Contact pilot</li>
<li><i></i>Add to watch list</li>
</ul>
</li>
<li><i></i>Killmail information</li>
<li>
<ul class="fa-ul">
<li><i></i>Ship type</li>
<li><i></i>Pilot name</li>
<li><i></i>KM timestamp</li>
<li><i></i>Corporation name</li>
<li><i></i>Alliance name</li>
</ul>
</li>
</ul>
</div>
<div class="clearfix visible-xs visible-sm visible-md"></div>
<div class="col-xs-12 col-sm-3 col-lg-2">
<a class="pf-animate-on-visible pf-animate" href="public/img/landing/route_1.jpg" data-description="Routes table" data-gallery="#pf-gallery">
<img class="pf-landing-image-preview pf-landing-image-preview-small" data-original="public/img/landing/thumbs/route_1.jpg" width="160" height="160" alt="Routes">
</a>
<a class="pf-animate-on-visible pf-animate" href="public/img/landing/route_2.jpg" data-description="Add/filter routes dialog" data-gallery="#pf-gallery">
<img class="pf-landing-image-preview pf-landing-image-preview-small" data-original="public/img/landing/thumbs/route_2.jpg" width="160" height="160" alt="Add Route">
</a>
</div>
<div class="col-xs-12 col-sm-9 col-lg-4">
<h4><i class="fa fa-fw fa-angle-double-right"></i>Route module</h4>
<ul class="fa-ul pf-landing-list">
<li><i></i>Search for routes between systems</li>
<li><i></i>Predefined trade hub routes</li>
<li>
<ul class="fa-ul">
<li><i></i>'Jita', 'Amarr', 'Rens', 'Dodixie'</li>
</ul>
</li>
<li><i></i>Add/Search custom routes</li>
<li><i></i><span class="label label-success">NEW</span> Advanced search</li>
<li>
<ul class="fa-ul">
<li><i></i>Search on multiple maps</li>
<li><i></i>Filter routes by:</li>
<li>
<ul class="fa-ul">
<li><i></i>'Connection types' (e.g. 'Wormholes', &hellip; )</li>
<li><i></i>'Connection scopes' (e.g 'Critical Wormholes', &hellip; )</li>
</ul>
</li>
</ul>
</li>
<li><i></i>Average sec status for a routes</li>
<li><i></i>Sort/Order routes by:</li>
<li>
<ul class="fa-ul">
<li><i></i>System jumps</li>
<li><i></i>Average sec status</li>
</ul>
</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-3 col-lg-2">
<a class="pf-animate-on-visible pf-animate" href="public/img/landing/statistics_1.jpg" data-description="Statistics" data-gallery="#pf-gallery">
<img class="pf-landing-image-preview pf-landing-image-preview-small" data-original="public/img/landing/thumbs/statistics_1.jpg" width="160" height="160" alt="Statistics">
</a>
</div>
<div class="col-xs-12 col-sm-9 col-lg-4">
<h4><i class="fa fa-fw fa-angle-double-right"></i>Statistics module</h4>
<ul class="fa-ul pf-landing-list">
<li><i></i>Integrated live data for all systems</li>
<li>
<ul class="fa-ul">
<li><i></i>System jumps</li>
<li><i></i>Ship/POD kills</li>
<li><i></i>NPC kills</li>
</ul>
</li>
</ul>
</div>
<div class="clearfix visible-xs visible-sm visible-md"></div>
</div>
<div class="row text-center hidden-xs">
<div class="col-md-6 col-md-offset-3">
<p class="lead">
This video, will guide you through the basic functions in <em>PATHFINDER</em>.
</p>
</div>
</div>
<div class="row text-center hidden-xs">
<div class="pricing-big youtube"
id="Cc3jcN_jx04"
data-params="modestbranding=1&showinfo=0&controls=0&vq=hd720"
style="width: 640px; height: 360px;">
</div>
</div>
</div>
</section>
{* map types *}
<section id="pf-landing-maps">
<div class="container">
<div class="row text-center">
<div class="col-md-6 col-md-offset-3">
<h2><span class="text-primary">Map</span> types</h2>
<p class="lead">
The following map types are available. Each map you create can be converted into any of these types at any time.
The access level of a map depends on their type. e.g. "Corporation" maps can be seen/edited by any pilot in your corporation.
</p>
</div>
</div>
<div class="row text-center">
<div class="col-xs-12 col-sm-6 col-md-4 pf-landing-pricing-panel">
<div class="panel panel-default pricing-big pf-animate pf-animate-on-visible">
<div class="ribbon-wrapper fade"><div class="ribbon ribbon-green">FREE</div></div>
<div class="panel-heading">
<h3 class="panel-title">Private</h3>
</div>
<div class="panel-body no-padding text-align-center">
<div class="the-price">
<h6 class="txt-color txt-color-tealLighter"><span class="subscript">Map features</span></h6>
</div>
<div class="price-features">
<ul class="list-unstyled text-left">
<li><i class="fa fa-fw fa-history txt-color txt-color-orange"></i> Map lifetime <span class="badge">{{ @PATHFINDER.MAP.PRIVATE.LIFETIME }}</span> days</li>
<li><i class="fa fa-fw fa-check txt-color txt-color-green"></i> Create up to <span class="badge">3</span> private maps</li>
<li><i class="fa fa-fw fa-check txt-color txt-color-green"></i> Share maps with up to <span class="badge">10</span> users</li>
<li><i class="fa fa-fw fa-check txt-color txt-color-green"></i> System information module</li>
<li><i class="fa fa-fw fa-check txt-color txt-color-green"></i> System statistics module</li>
<li><i class="fa fa-fw fa-check txt-color txt-color-green"></i> System signature module</li>
<li><i class="fa fa-fw fa-check txt-color txt-color-green"></i> System route module</li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 pf-landing-pricing-panel">
<div class="panel panel-primary pricing-big pf-animate pf-animate-on-visible">
<div class="ribbon-wrapper fade"><div class="ribbon ribbon-green">FREE</div></div>
<div class="panel-heading">
<h3 class="panel-title">Corporation</h3>
</div>
<div class="panel-body no-padding text-align-center">
<div class="the-price">
<h6 class="txt-color txt-color-tealLighter"><span class="subscript">Map features</span></h6>
</div>
<div class="price-features">
<ul class="list-unstyled text-left">
<li><i class="fa fa-fw fa-angle-double-right"></i> All <em>public</em> features for corporation members</li>
<li><i class="fa fa-fw fa-history txt-color txt-color-tealLighter"></i> Map lifetime <span class="badge">infinite</span></li>
<li><i class="fa fa-fw fa-check txt-color txt-color-green"></i> Create up to <span class="badge">3</span> corporation maps</li>
<li><i class="fa fa-fw fa-check txt-color txt-color-green"></i> Share corp maps with up to <span class="badge">3</span> corps</li>
<li><i class="fa fa-fw fa-check txt-color txt-color-green"></i> System killboard module</li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-sm-offset-3 col-md-4 col-md-offset-0 pf-landing-pricing-panel">
<div class="panel panel-primary pricing-big pf-animate pf-animate-on-visible">
<div class="ribbon-wrapper fade"><div class="ribbon ribbon-green">FREE</div></div>
<div class="panel-heading">
<h3 class="panel-title">Alliance</h3>
</div>
<div class="panel-body no-padding text-align-center">
<div class="the-price">
<h6 class="txt-color txt-color-tealLighter"><span class="subscript">Map features</span></h6>
</div>
<div class="price-features">
<ul class="list-unstyled text-left">
<li><i class="fa fa-fw fa-angle-double-right"></i> All <em>public</em> features for alliance members</li>
<li><i class="fa fa-fw fa-angle-double-right"></i> All <em>corporation</em> features for alliance members</li>
<li><i class="fa fa-fw fa-history txt-color txt-color-tealLighter"></i> Map lifetime <span class="badge">infinite</span></li>
<li><i class="fa fa-fw fa-check txt-color txt-color-green"></i> Create up to <span class="badge">3</span> alliance maps</li>
<li><i class="fa fa-fw fa-check txt-color txt-color-green"></i> Share corp maps with up to <span class="badge">2</span> alliances</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
{* install *}
<section id="pf-landing-install">
<div class="container">
<div class="row text-center">
<div class="col-md-6 col-md-offset-3">
<h2><span class="text-primary">Install</span> and hosting</h2>
<p class="lead">
If your are planning to install or self hosting <em>PATHFINDER</em>, all required information can be found on the project <a target="_blank" href="{{ @PATHFINDER.REPO }}/wiki">wiki</a>.
Updating or bootstrapping the DB gets very simple with the new "Setup UI" and can be done by on-click.
</p>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-3 col-lg-2">
<a class="pf-animate-on-visible pf-animate" href="public/img/landing/install_settings.jpg" data-description="Server settings" data-gallery="#pf-gallery">
<img class="pf-landing-image-preview pf-landing-image-preview-small" data-original="public/img/landing/thumbs/install_settings.jpg" width="160" height="160" alt="Statistics">
</a>
</div>
<div class="col-xs-12 col-sm-9 col-lg-4">
<h4><i class="fa fa-fw fa-server"></i>Requirements check</h4>
<ul class="fa-ul pf-landing-list">
<li><i></i>Checks your server type/status</li>
<li><i></i>Checks your installed PHP version</li>
<li>
<ul class="fa-ul">
<li><i></i>Checks for required PHP extensions</li>
</ul>
</li>
<li><i></i>Checks your program settings</li>
</ul>
</div>
<div class="clearfix visible-xs visible-sm visible-md"></div>
<div class="col-xs-12 col-sm-3 col-lg-2">
<a class="pf-animate-on-visible pf-animate" href="public/img/landing/install_db.jpg" data-description="Database settings" data-gallery="#pf-gallery">
<img class="pf-landing-image-preview pf-landing-image-preview-small" data-original="public/img/landing/thumbs/install_db.jpg" width="160" height="160" alt="Signature table">
</a>
</div>
<div class="col-xs-12 col-sm-9 col-lg-4">
<h4><i class="fa fa-fw fa-database"></i>Database setup</h4>
<ul class="fa-ul pf-landing-list">
<li><i></i>Check DB connections</li>
<li><i></i>Check DB version</li>
<li><i></i>Check DB settings</li>
<li><i></i>Bootstrap or update your current Database with one click</li>
<li>
<ul class="fa-ul">
<li><i></i>Check tables/columns for updates</li>
<li><i></i>Check column indexes/unique keys</li>
<li><i></i>Check foreign key constraints</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</section>
{* about *}
<section id="pf-landing-about">
<div class="container">
<div class="row text-center">
<div class="col-md-6 col-md-offset-3">
<h2><span class="text-primary">About</span> this Application</h2>
<p class="lead">
<em>PATHFINDER</em> is a one-man spare time project with the aim of combining the latest web technology with clean and attractive interfaces.
</p>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 col-sm-offset-1 col-md-offset-1 col-lg-offset-1">
<h4><i class="fa fa-fw fa-angle-double-right"></i>About Me</h4>
<p>
I am playing <em><a target="_blank" href="https://www.eveonline.com/">EVE Online</a></em> since almost 4 years.
The majority of time (3+ years), my characters were a part of the <em><a target="_blank" href="https://www.themittani.com/news/j150020-three-alliances-enter-none-leave">"No Holes Barred"</a></em> alliance.
,one of the oldest and best known wormhole entities that existed in <em>"New Eden"</em> (R.I.P).
The <em>Pathfinder</em> project was started just a few weeks before the failed invasion of <em>"Polaris"</em> took place.
The intention behind this project was not to create another mapping tool that already exist.
I wanted to make the easiest to use and most powerful 3rd party system mapper, build with the newest web technology available.
</p>
<p>
I am currently working as a professional software developer for one of the largest German web pages.
The main focus of my daily work is based on large scale frontend applications.
</p>
<p>
I decided to make this project <a target="_blank" href="{{ @PATHFINDER.REPO }}">"Open Source"</a>, once the beta testing is finished.
It would be a great pleasure to me if you would help me to improve this project by submitting <a target="_blank" href="https://github.com/exodus4d/pathfinder/issues">bug reports</a>
or any kind of security issues.
</p>
</div>
<div class="col-xs-12 col-sm-5 col-md-4 col-lg-4 text-center pf-animate-on-visible pf-animate">
<img class="pf-landing-image-preview pf-landing-image-preview-medium pf-landing-about-me" data-original="https://image.eveonline.com/Character/1946320202_256.jpg" width="256" height="256" alt="Exodus 4D">
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-5 col-md-4 col-lg-4 text-center col-sm-offset-1 col-md-offset-1 col-lg-offset-1">
<a class="pf-animate-on-visible pf-animate" href="public/img/landing/development_1.jpg" data-description="PhpStorm on 4k resolution" data-gallery="#pf-gallery">
<img class="pf-landing-image-preview pf-landing-image-preview-medium" data-original="public/img/landing/thumbs/development_1.jpg" width="256" height="256" alt="PhpStorm on 4k resolution">
</a>
<a class="pf-animate-on-visible pf-animate" href="public/img/landing/development_2.jpg" data-description="Database diagram on 4k resolution" data-gallery="#pf-gallery">
<img class="pf-landing-image-preview pf-landing-image-preview-medium" data-original="public/img/landing/thumbs/development_2.jpg" width="256" height="256" alt="Database diagram on 4k resolution">
</a>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<h4><i class="fa fa-fw fa-angle-double-right"></i>Technology stack</h4>
<p>
If you are planning to get deeper into the project or even think about hosting it on your own webserver, you should be aware of some important key points.
<em>Pathfinder</em> is not comparable with any "out of the box" web applications or common CMS systems that come along with an auto-install feature.
If you don´t have any experience with the following technologies, stop thinking about your own hosted <em>Pathfinder</em> app.
Unfortunately the IGB is required for some features, which are not yet not supported by <em>CCP</em>´s <em>CREST</em> API.
</p>
<h3>Frontend</h3>
<ul class="fa-ul pf-landing-list">
<li><i></i>'<em>Bootstrap</em>' as a HTML, CSS framework</li>
<li><i></i>'<em>SASS</em>' and '<em>Compass</em>' as a CSS preprocessor</li>
<li><i></i>'<em>RequireJs</em>' as an AMD loader and builder for Javascript</li>
<li><i></i>'<em>jQuery</em>' as the main Javascript library</li>
<li>
<ul class="fa-ul">
<li><i></i>≈ 50 self written jQuery plugins</li>
<li><i></i>≈ 40 open source plugins</li>
</ul>
</li>
<li><i></i>'<em>Node.js</em>' and '<em>Gulp</em>' as js task runner and CI-build environment</li>
<li><i></i>Code quality and automated testing</li>
<li>
<ul class="fa-ul">
<li><i></i>'<em>JSHint</em>'</li>
<li><i></i>'<em>Jasmine</em>'</li>
</ul>
</li>
<li><i></i>You should know about some HTML5 APIs</li>
<li>
<ul class="fa-ul">
<li><i></i>'<em>Local Storage</em>'</li>
<li><i></i>'<em>Page Visibility</em>'</li>
<li><i></i>'<em>Web Notifications</em>'</li>
<li><i></i>'<em>Fullscreen</em>'</li>
</ul>
</li>
</ul>
<h3>Backend</h3>
<ul class="fa-ul pf-landing-list">
<li><i></i>'<em>Fat-Free Framework</em>' as a lightweight PHP framework and ORM mapper</li>
<li><i></i>'<em>MySQL</em>' (or '<em>MariaDB</em>') as databases (configurable)</li>
<li><i></i>'<em>Memcache, APC or XCache</em>' as a 2nd level cache engine (configurable)</li>
<li><i></i>Code quality and automated testing</li>
<li>
<ul class="fa-ul">
<li><i></i>'<em>PHPUnit</em>'</li>
</ul>
</li>
<li><i></i>You should know about relational databases, MVC pattern and ORM strategies</li>
<li><i></i>If you have experiences in developing a Single-Page-Application, that would not hurt :)</li>
</ul>
</div>
</div>
</div>
</section>
{* documentation *}
<section id="pf-landing-faq">
<div class="container">
<div class="row text-center">
<div class="col-md-6 col-md-offset-3">
<h2><span class="text-primary">Frequently</span> Asked Questions</h2>
<p class="lead">
General questions and answers can be found here
</p>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-10 col-md-10 col-lg-10 col-sm-offset-1 col-md-offset-1 col-lg-offset-1">
<h3>Can you give me an introduction into <em>Pathfinder</em> ?</h3>
<p>
Unfortunately not. I will probably not have the time to answer any question personally.
Make sure you have read the <span class="pf-navbar-manual"><a href="javascript:void(0);">manual</a></span>.
<br>
If there are still some open questions, please ask in the <a target="_blank" href="https://forums.eveonline.com/">official forums</a> thread for help.
</p>
<h3>Which browsers are compatible with <em>Pathfinder</em>?</h3>
<p>
You will get the best user experience with the latest version <a target="_blank" href="https://www.google.com/chrome/"><i class="fa fa-chrome"></i> <em>Google Chrome</em></a> or <a target="_blank" href="https://www.mozilla.org/firefox"><i class="fa fa-firefox"></i> <em>Firefox</em></a>.
<em>Pathfinder</em> uses some "bloody edge" web technologies like SVG graphics, Canvas drawing, CSS3, JS (ECMA 5.0) that are not yet fully supported by any other browser like IE or Safari.
Some features require the IGB-Header information (e.g. tracking live data for a pilot). Some other features require some HTML5 API´s which are not supported by the IGB.
You can even use the IGB and an OGB if you have a multiple screen setup for more usability.
</p>
<h3>Can i use multiple accounts/characters?</h3>
<p>
Yes, you can add as many characters to your account you want. By accepting the 'Cookie hint', your current logged-in characters
are stored. If you don´t want cookies, you need to re-assign bei <em>CCP</em>´s SSO login the next time.<br>
Cookies are valid for {{ @PATHFINDER.LOGIN.COOKIE_EXPIRE }} days and will be destroyed on 'logout'.
Read <a target="_blank" href="https://github.com/exodus4d/pathfinder/issues/138#issuecomment-216036606">more</a>.
</p>
<h3>Are my data save?</h3>
<p>
Whoever said, his program is "bullet proof", is lying! But I promise to give my very best to protect any personal or map data that is stored on my server.
The login process is handled by <em>CCP</em>´s SSO. There is no account data (or even your <em>EVE Online</em> login data) stored or available to <em>Pathfinder</em>.<br>
All client side cookie data is encrypted stored server side and is protected against manipulation or abuse.
</p>
<h3>Can i report bugs or security issues?</h3>
<p>
Good work! I am very happy for any technical feedback and improvements.
Feel free to contact me with your problem, either by submitting a <a target="_blank" href="https://github.com/exodus4d/pathfinder/issues">bug report</a> or contact me in game.
I´ll give my best to find a solution for your problem or path <em>Pathfinder</em>.
</p>
<h3>I don´t trust you, can I host <em>Pathfinder</em> on my own webserver?</h3>
<p>
Yes you can! I developed this application for the great community of <em>EVE Online</em>.
The program code is open source and can be used by anyone who have the required software skills.
Please make sure to keep all 3rd party plugin licence and respect them.
At the moment there is no developer guide available. But one the beta phase is finished, i will probably write a short technical documentation.
Do not expect any "out of the box" install routine at this point.
<br>
Server requirements:
</p>
<ul class="fa-ul pf-landing-list">
<li><i></i> A webserver with a <em><a target="_blank" href="https://en.wikipedia.org/wiki/LAMP_(software_bundle)">LAMP</a></em> environment</li>
<li><i></i> PHP 5.6+</li>
<li><i></i> PHP framework <a target="_blank" href="http://fatfreeframework.com/system-requirements">requirements</a> </li>
<li><i></i> MySQL 5.6+ </li>
<li><i></i> Some kind of server side caching technology (Memcache,APC,xCache) file caching will also work</li>
</ul>
</div>
</div>
</div>
</section>
{* footer *}
<footer class="pf-landing-footer">
<div class="container">
<div class="row">
<div class="col-sm-6">
Copyright <i class="fa fa-copyright"></i> Exodus 4D - All Rights Reserved.
</div>
<div class="col-sm-6">
<ul class="pf-social-networks text-right">
<li><a target="_blank" href="https://www.youtube.com/channel/UC7HU7XEoMbqRwqxDTbMjSPg"> <i class="fa fa-lg fa-youtube-play fa-fw"></i> </a></li>
<li><a target="_blank" href="https://plus.google.com/110257318165279088853"> <i class="fa fa-lg fa-google-plus fa-fw"></i> </a></li>
<li><a target="_blank" href="{{ @PATHFINDER.REPO }}"> <i class="fa fa-lg fa-github fa-fw"></i> </a></li>
</ul>
</div>
</div>
</div>
</footer>
{* cookie warning *}
<footer class="navbar-default navbar-fixed-bottom collapse" id="pf-cookie-hint">
<div class="container-fluid">
<p class="navbar-text">
Pathfinder requires cookies to maintain your login state between browser sessions. Read <a target="_blank" href="https://github.com/exodus4d/pathfinder/issues/138">more</a>.
</p>
<div class="pull-right">
<button type="button" class="btn btn-default navbar-btn btn-success" data-toggle="collapse" data-target="#pf-cookie-hint" aria-expanded="false">That´s fine</button>
</div>
</div>
</footer>
{* json-LD (structured data) *}
<include href="templates/ui/jsonld.html"/>
{* hidden dialog *}
<include href="templates/dialog/gallery.html" />