Indent HTML with two spaces

This commit is contained in:
Charles Gould 2017-01-29 11:58:33 -05:00
parent 84c47862d5
commit 53e44376a5
2 changed files with 62 additions and 67 deletions

View File

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Lingo</title> <title>Lingo</title>
@ -8,64 +8,59 @@
<script src="//cdnjs.cloudflare.com/ajax/libs/vue/2.1.10/vue.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/vue/2.1.10/vue.js"></script>
</head> </head>
<body> <body>
<div> <div>
<div class="main column"> <div class="main column">
<div class="header row">Lingo</div> <div class="header row">Lingo</div>
<div class="body row nofooter"> <div class="body row nofooter">
<div id="usernameDiv" class="form"> <div id="usernameDiv" class="form">
<h2>What is your name?</h2> <h2>What is your name?</h2>
<input id="nicknameInput" type="text" class="form-control" maxlength="16"> <input id="nicknameInput" type="text" class="form-control" maxlength="16">
<p id="usernameError" class="error-message"></p> <p id="usernameError" class="error-message"></p>
</div> </div>
<div id="appDiv" class="hidden"> <div id="appDiv" class="hidden">
<div id="lobbyColumn" class="lobby column primary"> <div id="lobbyColumn" class="lobby column primary">
<div id="vue-app" class="body row noheader nofooter scroll-y"> <div id="vue-app" class="body row noheader nofooter scroll-y">
<div class="panel panel-default"> <div class="panel panel-default">
<div class="panel-heading"> <div class="panel-heading">
<h3 class="panel-title">Games</h3> <h3 class="panel-title">Games</h3>
</div> </div>
<div class="list-group"> <div class="list-group">
<div v-if="games.length === 0" class="list-group-item"> <div v-if="games.length === 0" class="list-group-item">There are no games.</div>
There are no games. <div v-for="game in games">
</div> <div v-if="game.started" v-bind:id="'game-' + game.id" class="list-group-item">
<div v-for="game in games"> <strong>{{ game.playerOne }}</strong> is playing with <strong>{{ game.playerTwo }}</strong>
<div v-if="game.started" v-bind:id="'game-' + game.id" class="list-group-item"> </div>
<strong>{{ game.playerOne }}</strong> <button v-else v-bind:id="'game-' + game.id" @click="joinGame" type="button" class="list-group-item">
is playing with <strong>{{ game.playerOne }}</strong> wants to play
<strong>{{ game.playerTwo }}</strong> </button>
</div> </div>
<button v-else v-bind:id="'game-' + game.id" @click="joinGame" type="button" class="list-group-item"> </div>
<strong>{{ game.playerOne }}</strong> </div>
wants to play <button v-if="inGame" @click="leaveGame" type="button">Leave game</button>
</button> <button v-else @click="hostGame" type="button">Create a game</button>
</div> </div>
</div> </div>
</div> <div id="gameColumn" class="game column">
<button v-if="inGame" @click="leaveGame" type="button">Leave game</button> <div class="body row noheader nofooter">
<button v-else @click="hostGame" type="button">Create a game</button> <div id="canvasDiv" class="hidden">
</div> <canvas id="canvas" class="centered" width="600" height="475" tabindex="1"></canvas>
</div> </div>
<div id="gameColumn" class="game column"> </div>
<div class="body row noheader nofooter"> </div>
<div id="canvasDiv" class="hidden"> </div>
<canvas id="canvas" class="centered" width="600" height="475" tabindex="1"></canvas> </div>
</div> </div>
</div> <div class="chat column">
</div> <div class="header row">Chat</div>
</div> <div id="messageList" class="body row scroll-y"></div>
</div> <div class="footer row">
</div> <textarea id="messageInput" placeholder="Send a message" tabindex="2"></textarea>
<div class="chat column"> </div>
<div class="header row">Chat</div> </div>
<div id="messageList" class="body row scroll-y"></div> </div>
<div class="footer row">
<textarea id="messageInput" placeholder="Send a message" tabindex="2"></textarea>
</div>
</div>
</div>
<script src="//cdnjs.cloudflare.com/ajax/libs/sockjs-client/1.1.2/sockjs.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/sockjs-client/1.1.2/sockjs.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/stomp.js/2.3.3/stomp.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/stomp.js/2.3.3/stomp.min.js"></script>
<script src="client.js"></script> <script src="client.js"></script>
</body> </body>
</html> </html>

View File

@ -1,18 +1,18 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Lingo</title> <title>Lingo</title>
<link rel="stylesheet" href="practice.css"> <link rel="stylesheet" href="practice.css">
</head> </head>
<body> <body>
<canvas id="canvas" width="300" height="400"></canvas> <canvas id="canvas" width="300" height="400"></canvas>
<div id="skipDiv" class="hidden"> <div id="skipDiv" class="hidden">
<button id="skipButton" type="button">Skip Word</button> <button id="skipButton" type="button">Skip Word</button>
</div> </div>
<script src="//cdnjs.cloudflare.com/ajax/libs/sockjs-client/1.1.1/sockjs.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/sockjs-client/1.1.1/sockjs.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/stomp.js/2.3.3/stomp.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/stomp.js/2.3.3/stomp.min.js"></script>
<script src="practice.js"></script> <script src="practice.js"></script>
</body> </body>
</html> </html>