|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<meta content="authenticity_token" name="csrf-param">
<meta content="dk5vPU6n/mDtA2sWAqQ0Ux4Rh8inxTlp/HYiJtGGjxI=" name="csrf-token">
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.1/html5shiv.js" type="text/javascript"></script>
<![endif]-->
<link href="/assets/application.css?body=1" media="all" rel="stylesheet">
<link href="/assets/flatstrap/bootstrap.css?body=1" media="all" rel="stylesheet">
<link href="/assets/font-awesome.css?body=1" media="all" rel="stylesheet">
<link href="/assets/rails_bootstrap_forms.css?body=1" media="all" rel="stylesheet">
<link href="/assets/bootstrap3-switch.css?body=1" media="all" rel="stylesheet">
<link href="/assets/jasny-bootstrap.css?body=1" media="all" rel="stylesheet">
<link href="/assets/jasny-bootstrap-responsive.css?body=1" media="all" rel="stylesheet">
<link href="/assets/summernote.css?body=1" media="all" rel="stylesheet">
<link href="/assets/admin_panel.css?body=1" media="all" rel="stylesheet">
<link href="/assets/agents.css?body=1" media="all" rel="stylesheet">
<link href="/assets/avalanche_icons.css?body=1" media="all" rel="stylesheet">
<link href="/assets/avalanche_theme.css?body=1" media="all" rel="stylesheet">
<link href="/assets/avl2_theme/buttons.css?body=1" media="all" rel="stylesheet">
<link href="/assets/avl2_theme/colors.css?body=1" media="all" rel="stylesheet">
<link href="/assets/avl2_theme/cover.css?body=1" media="all" rel="stylesheet">
<link href="/assets/avl2_theme/footer.css?body=1" media="all" rel="stylesheet">
<link href="/assets/avl2_theme/forms.css?body=1" media="all" rel="stylesheet">
<link href="/assets/avl2_theme/panel.css?body=1" media="all" rel="stylesheet">
<link href="/assets/avl2_theme/typography.css?body=1" media="all" rel="stylesheet">
<link href="/assets/avl2_theme/task_checkbox.css?body=1" media="all" rel="stylesheet">
<link href="/assets/avl2_theme/flash_messages.css?body=1" media="all" rel="stylesheet">
<link href="/assets/blog_posts.css?body=1" media="all" rel="stylesheet">
<link href="/assets/bootstrap_and_overrides.css?body=1" media="all" rel="stylesheet">
<link href="/assets/checkbox.css?body=1" media="all" rel="stylesheet">
<link href="/assets/dashboard.css?body=1" media="all" rel="stylesheet">
<link href="/assets/mission_editor.css?body=1" media="all" rel="stylesheet">
<link href="/assets/missions.css?body=1" media="all" rel="stylesheet">
<link href="/assets/start.css?body=1" media="all" rel="stylesheet">
<link href="/assets/subscription.css?body=1" media="all" rel="stylesheet">
<link href="/assets/uploads.css?body=1" media="all" rel="stylesheet">
<!-- For third-generation iPad with high-resolution Retina display: -->
<!-- Size should be 144 x 144 pixels -->
<link href="/images/apple-touch-icon-144x144-precomposed.png" rel="apple-touch-icon-precomposed" sizes="144x144" type="image/png">
<!-- For iPhone with high-resolution Retina display: -->
<!-- Size should be 114 x 114 pixels -->
<link href="/images/apple-touch-icon-114x114-precomposed.png" rel="apple-touch-icon-precomposed" sizes="114x114" type="image/png">
<!-- For first- and second-generation iPad: -->
<!-- Size should be 72 x 72 pixels -->
<link href="/images/apple-touch-icon-72x72-precomposed.png" rel="apple-touch-icon-precomposed" sizes="72x72" type="image/png">
<!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
<!-- Size should be 57 x 57 pixels -->
<link href="/images/apple-touch-icon-precomposed.png" rel="apple-touch-icon-precomposed" type="image/png">
<!-- For all other devices -->
<!-- Size should be 32 x 32 pixels -->
<link href="/assets/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon">
<script type="text/javascript" async="" src="https://ssl.google-analytics.com/ga.js"></script>
<script type="text/javascript" async="" src="http://www.google-analytics.com/ga.js"></script>
<script src="/assets/jquery.js?body=1"></script>
<script src="/assets/jquery.turbolinks.js?body=1"></script>
<script src="/assets/jquery_ujs.js?body=1"></script>
<script src="/assets/jquery-ui/core.js?body=1"></script>
<script src="/assets/jquery-ui/widget.js?body=1"></script>
<script src="/assets/jquery-ui/mouse.js?body=1"></script>
<script src="/assets/jquery-ui/sortable.js?body=1"></script>
<script src="/assets/twitter/bootstrap/bootstrap-transition.js?body=1"></script>
<script src="/assets/twitter/bootstrap/bootstrap-alert.js?body=1"></script>
<script src="/assets/twitter/bootstrap/bootstrap-modal.js?body=1"></script>
<script src="/assets/twitter/bootstrap/bootstrap-dropdown.js?body=1"></script>
<script src="/assets/twitter/bootstrap/bootstrap-scrollspy.js?body=1"></script>
<script src="/assets/twitter/bootstrap/bootstrap-tab.js?body=1"></script>
<script src="/assets/twitter/bootstrap/bootstrap-tooltip.js?body=1"></script>
<script src="/assets/twitter/bootstrap/bootstrap-popover.js?body=1"></script>
<script src="/assets/twitter/bootstrap/bootstrap-button.js?body=1"></script>
<script src="/assets/twitter/bootstrap/bootstrap-collapse.js?body=1"></script>
<script src="/assets/twitter/bootstrap/bootstrap-carousel.js?body=1"></script>
<script src="/assets/twitter/bootstrap/bootstrap-typeahead.js?body=1"></script>
<script src="/assets/twitter/bootstrap/bootstrap-affix.js?body=1"></script>
<script src="/assets/twitter/bootstrap.js?body=1"></script>
<script src="/assets/bootstrap-switch.js?body=1"></script>
<script src="/assets/jasny-bootstrap.js?body=1"></script>
<script src="/assets/summernote.js?body=1"></script>
<script src="/assets/turbolinks.js?body=1"></script>
<script src="/assets/google_analytics.js?body=1"></script>
<script src="/assets/jquery_nested_form.js?body=1"></script>
<script src="/assets/admin_panel.js?body=1"></script>
<script src="/assets/agents.js?body=1"></script>
<script src="/assets/blog_posts.js?body=1"></script>
<script src="/assets/bootstrap.js?body=1"></script>
<script src="/assets/contact_messages.js?body=1"></script>
<script src="/assets/mission_editor.js?body=1"></script>
<script src="/assets/missions.js?body=1"></script>
<script src="/assets/start.js?body=1"></script>
<script src="/assets/subscription.js?body=1"></script>
<script src="/assets/uploads.js?body=1"></script>
<script src="/assets/application.js?body=1"></script>
</head>
<body>
<div class="container top-container">
<div class="row" style="margin-bottom: 55px;">
<div class="span12">
<div class="centered">
<h3>Buttons</h3>
</div>
<div class="centered" style="margin-top: 25px;">
<a href="#" class="btn btn-small">Default</a>
<a href="#" class="btn btn-small btn-primary">Primary</a>
<a href="#" class="btn btn-small btn-success">Success</a>
<a href="#" class="btn btn-small btn-danger">Danger</a>
<a href="#" class="btn btn-small btn-alert">Alert</a>
</div>
<div class="centered" style="margin-top: 25px;">
<a href="#" class="btn">Default</a>
<a href="#" class="btn btn-primary">Primary</a>
<a href="#" class="btn btn-success">Success</a>
<a href="#" class="btn btn-danger">Danger</a>
<a href="#" class="btn btn-alert">Alert</a>
</div>
<div class="centered" style="margin-top: 25px;">
<a href="#" class="btn btn-large">Default</a>
<a href="#" class="btn btn-large btn-primary">Primary</a>
<a href="#" class="btn btn-large btn-success">Success</a>
<a href="#" class="btn btn-large btn-danger">Danger</a>
<a href="#" class="btn btn-large btn-alert">Alert</a>
</div>
<div class="centered" style="margin-top: 25px;">
<a href="#" class="btn btn-huge">Default</a>
<a href="#" class="btn btn-huge btn-primary">Primary</a>
<a href="#" class="btn btn-huge btn-success">Success</a><br>
<a href="#" class="btn btn-huge btn-danger">Danger</a>
<a href="#" class="btn btn-huge btn-alert">Alert</a>
</div>
<div class="centered" style="margin-top: 25px;">
<a href="#" class="btn btn-link">Default</a>
<a href="#" class="btn btn-link btn-primary">Primary</a>
<a href="#" class="btn btn-link btn-success">Success</a>
<a href="#" class="btn btn-link btn-danger">Danger</a>
<a href="#" class="btn btn-link btn-alert">Alert</a>
</div>
<div class="centered" style="margin-top: 25px;">
<button class="btn btn-small" type="button">Default Button</button>
<button class="btn btn-small btn-primary" type="button">Primary Button</button>
<button class="btn btn-small btn-success" type="button">Success Button</button>
<button class="btn btn-small btn-danger" type="button">Danger Button</button>
<button class="btn btn-small btn-alert" type="button">Alert Button</button>
</div>
<div class="centered" style="margin-top: 25px;">
<button class="btn" type="button">Default Button</button>
<button class="btn btn-primary" type="button">Primary Button</button>
<button class="btn btn-success" type="button">Success Button</button>
<button class="btn btn-danger" type="button">Danger Button</button>
<button class="btn btn-alert" type="button">Alert Button</button>
</div>
</div>
</div>
</div>
<div style="background-color: #3C3F47;">
<div class="container">
<div class="row" style="margin-top: 55px; margin-bottom: 55px;">
<div class="span12">
<div class="centered">
<h3 style="color: white;">Buttons Inverse</h3>
</div>
<div class="centered" style="margin-top: 25px;">
<a href="#" class="btn inverse btn-small">Default</a>
<a href="#" class="btn inverse btn-small btn-primary">Primary</a>
<a href="#" class="btn inverse btn-small btn-success">Success</a>
<a href="#" class="btn inverse btn-small btn-danger">Danger</a>
<a href="#" class="btn inverse btn-small btn-alert">Alert</a>
</div>
<div class="centered" style="margin-top: 25px;">
<a href="#" class="btn inverse">Default</a>
<a href="#" class="btn inverse btn-primary">Primary</a>
<a href="#" class="btn inverse btn-success">Success</a>
<a href="#" class="btn inverse btn-danger">Danger</a>
<a href="#" class="btn inverse btn-alert">Alert</a>
</div>
<div class="centered" style="margin-top: 25px;">
<a href="#" class="btn inverse btn-large">Default</a>
<a href="#" class="btn inverse btn-large btn-primary">Primary</a>
<a href="#" class="btn inverse btn-large btn-success">Success</a>
<a href="#" class="btn inverse btn-large btn-danger">Danger</a>
<a href="#" class="btn inverse btn-large btn-alert">Alert</a>
</div>
<div class="centered" style="margin-top: 25px;">
<a href="#" class="btn inverse btn-huge">Default</a>
<a href="#" class="btn inverse btn-huge btn-primary">Primary</a>
<a href="#" class="btn inverse btn-huge btn-success">Success</a><br>
<a href="#" class="btn inverse btn-huge btn-danger">Danger</a>
<a href="#" class="btn inverse btn-huge btn-alert">Alert</a>
</div>
<div class="centered" style="margin-top: 25px;">
<a href="#" class="btn inverse btn-link">Default</a>
</div>
<div class="centered" style="margin-top: 25px;">
<button class="btn btn-small inverse" type="button">Default Button</button>
<button class="btn btn-small inverse btn-primary" type="button">Primary Button</button>
<button class="btn btn-small inverse btn-success" type="button">Success Button</button>
<button class="btn btn-small inverse btn-danger" type="button">Danger Button</button>
<button class="btn btn-small inverse btn-alert" type="button">Alert Button</button>
</div>
<div class="centered" style="margin-top: 25px;">
<button class="btn inverse" type="button">Default Button</button>
<button class="btn inverse btn-primary" type="button">Primary Button</button>
<button class="btn inverse btn-success" type="button">Success Button</button>
<button class="btn inverse btn-danger" type="button">Danger Button</button>
<button class="btn inverse btn-alert" type="button">Alert Button</button>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row" style="margin-top: 55px;" >
<div class="span12">
<div class="centered" ><h3>Mission Status</h3></div>
<div class="centered" style="width: 525px; margin-top: 25px;">
<div style="margin-left: 10px; margin-right: 10px;" class="mission-status pull-right status-canceled">Canceled</div>
<div style="margin-left: 10px; margin-right: 10px;" class="mission-status pull-right status-failed">Failed</div>
<div style="margin-left: 10px; margin-right: 10px;" class="mission-status pull-right status-completed">Completed</div>
<div style="margin-left: 10px; margin-right: 10px;" class="mission-status pull-right status-launched">Launched</div>
<div style="margin-left: 10px; margin-right: 10px;" class="mission-status pull-right status-planning">Planning</div>
</div>
</div>
</div>
<div class="row" style="margin-top: 55px; margin-bottom: 25px;" >
<div class="span12">
<div class="centered" ><h3>Task Checkbox (a)</h3></div>
<div class="centered" style="width: 188px; margin-top: 25px;">
<div class="task-checkbox">
<a class="circle task-failed"><i class="fa fa-times"></i></a>
</div>
<div class="task-checkbox">
<a class="circle task-done task-accepted"><i class="fa fa-check"></i></a>
</div>
<div class="task-checkbox">
<a class="circle task-done"><i class="fa fa-check"></i></a>
</div>
<div class="task-checkbox">
<a class="circle"></a>
</div>
</div>
<br>
<div class="centered" style="width: 188px; margin-top: 25px;">
<div class="task-checkbox">
<a class="task-failed mixed-circle">
<div class="half-circle top task-flaged"></div>
<div class="half-circle bottom task-failed"></div>
<i class="fa fa-times"></i>
</a>
<div class="flag"><i class="icon-flaged"></i></div>
</div>
<div class="task-checkbox">
<a class="circle task-done task-accepted"><i class="fa fa-check"></i></a>
<div class="flag"><i class="icon-flaged"></i></div>
</div>
<div class="task-checkbox">
<a class="task-flaged mixed-circle">
<div class="half-circle top task-flaged"></div>
<div class="half-circle bottom"></div>
</a>
<div class="flag"><i class="icon-flaged"></i></div>
</div>
<div class="task-checkbox">
<a class="circle task-flaged"></a>
<div class="flag"><i class="icon-flaged"></i></div>
</div>
</div>
<br>
<div class="centered" style="width: 188px; margin-top: 25px;">
<div class="task-checkbox">
<a class="circle task-failed"><i class="fa fa-times"></i></a>
<div class="task-retrys task-failed">3</div>
</div>
<div class="task-checkbox">
<a class="circle task-done task-accepted"><i class="fa fa-check"></i></a>
<div class="task-retrys task-accepted">3</div>
</div>
<div class="task-checkbox">
<a class="circle task-done"><i class="fa fa-check"></i></a>
<div class="task-retrys task-done">3</div>
</div>
<div class="task-checkbox">
<a class="circle task-failed"></a>
<div class="task-retrys">3</div>
</div>
</div>
<br>
<div class="centered" style="width: 188px; margin-top: 25px;">
<div class="task-checkbox">
<a class="task-failed mixed-circle">
<div class="half-circle top task-flaged"></div>
<div class="half-circle bottom task-failed"></div>
<i class="fa fa-times"></i>
</a>
<div class="flag"><i class="icon-flaged"></i></div>
<div class="task-retrys flaged task-failed">3</div>
</div>
<div class="task-checkbox">
<a class="circle task-done task-accepted"><i class="fa fa-check"></i></a>
<div class="flag"><i class="icon-flaged"></i></div>
<div class="task-retrys flaged task-accepted">3</div>
</div>
<div class="task-checkbox">
<a class="task-flaged mixed-circle">
<div class="half-circle top task-flaged"></div>
<div class="half-circle bottom"></div>
</a>
<div class="flag"><i class="icon-flaged"></i></div>
<div class="task-retrys flaged task-done">3</div>
</div>
<div class="task-checkbox">
<a class="task-failed mixed-circle">
<div class="half-circle top task-flaged"></div>
<div class="half-circle bottom task-failed"></div>
</a>
<div class="flag"><i class="icon-flaged"></i></div>
<div class="task-retrys flaged">3</div>
</div>
</div>
</div>
</div>
<div class="row" style="margin-top: 25px; margin-bottom: 55px;" >
<div class="span12">
<div class="centered" ><h3>Task Checkbox (button)</h3></div>
<div class="centered" style="width: 188px; margin-top: 25px;">
<div class="task-checkbox">
<button class="circle task-failed"><i class="fa fa-times"></i></button>
</div>
<div class="task-checkbox">
<button class="circle task-done task-accepted"><i class="fa fa-check"></i></button>
</div>
<div class="task-checkbox">
<button class="circle task-done"><i class="fa fa-check"></i></button>
</div>
<div class="task-checkbox">
<button class="circle"></button>
</div>
</div>
<br>
<div class="centered" style="width: 188px; margin-top: 25px;">
<div class="task-checkbox">
<button class="task-failed mixed-circle">
<div class="half-circle top task-flaged"></div>
<div class="half-circle bottom task-failed"></div>
<i class="fa fa-times"></i>
</button>
<div class="flag"><i class="icon-flaged"></i></div>
</div>
<div class="task-checkbox">
<button class="circle task-done task-accepted"><i class="fa fa-check"></i></button>
<div class="flag"><i class="icon-flaged"></i></div>
</div>
<div class="task-checkbox">
<button class="task-flaged mixed-circle">
<div class="half-circle top task-flaged"></div>
<div class="half-circle bottom"></div>
</button>
<div class="flag"><i class="icon-flaged"></i></div>
</div>
<div class="task-checkbox">
<button class="circle task-flaged"></button>
<div class="flag"><i class="icon-flaged"></i></div>
</div>
</div>
<br>
<div class="centered" style="width: 188px; margin-top: 25px;">
<div class="task-checkbox">
<button class="circle task-failed"><i class="fa fa-times"></i></button>
<div class="task-retrys task-failed">3</div>
</div>
<div class="task-checkbox">
<button class="circle task-done task-accepted"><i class="fa fa-check"></i></button>
<div class="task-retrys task-accepted">3</div>
</div>
<div class="task-checkbox">
<button class="circle task-done"><i class="fa fa-check"></i></button>
<div class="task-retrys task-done">3</div>
</div>
<div class="task-checkbox">
<button class="circle task-failed"></button>
<div class="task-retrys">3</div>
</div>
</div>
<br>
<div class="centered" style="width: 188px; margin-top: 25px;">
<div class="task-checkbox">
<button class="task-failed mixed-circle">
<div class="half-circle top task-flaged"></div>
<div class="half-circle bottom task-failed"></div>
<i class="fa fa-times"></i>
</button>
<div class="flag"><i class="icon-flaged"></i></div>
<div class="task-retrys flaged task-failed">3</div>
</div>
<div class="task-checkbox">
<button class="circle task-done task-accepted"><i class="fa fa-check"></i></button>
<div class="flag"><i class="icon-flaged"></i></div>
<div class="task-retrys flaged task-accepted">3</div>
</div>
<div class="task-checkbox">
<button class="task-flaged mixed-circle">
<div class="half-circle top task-flaged"></div>
<div class="half-circle bottom"></div>
</button>
<div class="flag"><i class="icon-flaged"></i></div>
<div class="task-retrys flaged task-done">3</div>
</div>
<div class="task-checkbox">
<button class="task-failed mixed-circle">
<div class="half-circle top task-flaged"></div>
<div class="half-circle bottom task-failed"></div>
</button>
<div class="flag"><i class="icon-flaged"></i></div>
<div class="task-retrys flaged">3</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
|
