github.com/hzck/speedroute@v0.0.0-20201115191102-403b7d0e443f/old-public/index.html (about)

     1  <!DOCTYPE html>
     2  <html ng-app="speedrunRouting">
     3  	<head>
     4  		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
     5  		<link rel="stylesheet" type="text/css" href="css/vis.min.css" />
     6  		<link rel="stylesheet" type="text/css" href="css/speedroute.css" />
     7  		<script type="text/javascript" src="js/vis.min.js"></script>
     8  		<script type="text/javascript" src="js/angular.min.js"></script>
     9  		<script type="text/javascript" src="js/angular-animate.min.js"></script>
    10  		<script type="text/javascript" src="js/angular-touch.min.js"></script>
    11  		<script type="text/javascript" src="js/angular-vis.js"></script>
    12  		<script type="text/javascript" src="js/ui-bootstrap-tpls-2.0.2.min.js"></script>
    13  		<script type="text/javascript" src="js/speedroute.js"></script>
    14  	</head>
    15  	<body>
    16  		<div ng-include="'header.html'"></div>
    17  		<div class="container">
    18  			<div class="main" ng-controller="CreateCtrl as c">
    19  				<div class="jumbotron">
    20  					<h1>Welcome to Speedroute</h1>
    21  					<p>You are one click away from routing your favourite game.</p>
    22  				</div>
    23  				<form class="form-horizontal" autocomplete="off">
    24  					<div class="form-group">
    25  						<label class="control-label col-sm-2" for="name">Graph name</label>
    26  						<div class="col-sm-3">
    27  							<input type="text" class="form-control" id="name" placeholder="Graph name" ng-model="c.name">
    28  						</div>
    29  					</div>
    30  					<div class="form-group" ng-if="c.createError === 409">
    31  						<div class="alert alert-danger col-sm-offset-2 col-sm-3" role="alert">
    32  							<p>Graph name is already in use.</p>
    33  						</div>
    34  					</div>
    35  					<div class="form-group" ng-if="c.createError === 1">
    36  						<div class="alert alert-danger col-sm-offset-2 col-sm-3" role="alert">
    37  							<p>Please enter a valid Graph name. Valid characters are letters, numbers, hyphen (-) and underscore (_).</p>
    38  						</div>
    39  					</div>
    40  					<div class="form-group">
    41  						<label class="control-label col-sm-2" for="password">Code (optional)</label>
    42  						<div class="col-sm-3">
    43  							<input type="text" class="form-control" id="password" placeholder="Code (optional)" ng-model="c.password">
    44  						</div>
    45  					</div>
    46  					<div class="form-group">
    47  						<div class="alert alert-warning col-sm-offset-2 col-sm-3" role="alert">
    48  							<p>Note: The Code will not be encrypted and will be stored in clear text. It's just a way to prevent other users from destroying your work.</p>
    49  						</div>
    50  					</div>
    51  					<div class="form-group">
    52  						<label class="control-label col-sm-2" for="livesplit">LiveSplit data</label>
    53  						<div class="col-sm-3">
    54  							<textarea class="form-control" rows="5" id="livesplit" ng-model="c.livesplit"></textarea>
    55  						</div>
    56  					</div>
    57  					<div class="form-group" ng-if="c.createError === 400">
    58  						<div class="alert alert-danger col-sm-offset-2 col-sm-3" role="alert">
    59  							<p>The LiveSplit data can't be parsed.</p>
    60  						</div>
    61  					</div>
    62  					<div class="form-group">
    63  						<div class="col-sm-offset-2 col-sm-3">
    64  							<button class="btn btn-default btn-lg" ng-click="c.createGraph()">Create Graph</button>
    65  						</div>
    66  					</div>
    67  				</form>
    68  			</div>
    69  		</div>
    70  	</body>
    71  </html>