H1K0-dev/tanabata
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(web): initialize index.html and update styles

Browse Source
This commit is contained in:
Masahiko AMANO 2023-01-27 16:53:24 +03:00
parent b791c60b81
commit 46e67488f1
4 changed files with 32 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
web/public/auth.html
View File

@ -32,18 +32,20 @@
<h1>Welcome to Tanabata!</h1>
</header>
<main>
<form id="auth">
<div class="form-group">
<label for="password">Password</label>
<input type="password" id="password" name="password" class="form-control" maxlength="32" placeholder="Password">
<div class="invalid-feedback">Invalid password!</div>
<div class="valid-feedback">Authorization success!</div>
</div>
<div class="form-group button-flex">
<input type="submit" id="submit" class="btn btn-primary" value="Submit">
<a href="/" class="btn btn-secondary">Back to home</a>
</div>
</form>
<div class="contents-wrapper">
<form id="auth">
<div class="form-group">
<label for="password">Password</label>
<input type="password" id="password" name="password" class="form-control" maxlength="32" placeholder="Password">
<div class="invalid-feedback">Invalid password!</div>
<div class="valid-feedback">Authorization success!</div>
</div>
<div class="form-group button-flex">
<input type="submit" id="submit" class="btn btn-primary" value="Submit">
<a href="/" class="btn btn-secondary">Back to home</a>
</div>
</form>
</div>
</main>
<script src="js/auth.js"></script>
</body>

5
web/public/css/auth.css
View File

@ -1,10 +1,9 @@
form {
margin: 0;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
margin: 0;
padding: 2vw 2vw;
box-sizing: border-box;
}
.button-flex {

10
web/public/css/general.css
View File

@ -54,6 +54,16 @@ main:hover {
box-shadow: 0 0 1vw black;
}
.contents-wrapper {
margin: 0;
padding: 2vw 2vw;
box-sizing: border-box;
display: flex;
flex-direction: row;
align-content: center;
justify-content: space-around;
}
h2 {
margin: 0;
padding: 14px 0;

6
web/public/index.html
View File

@ -29,5 +29,11 @@
</head>
<body>
<h1>Welcome to Tanabata!</h1>
<main>
<h2>Select Tanabata service</h2>
<div class="contents-wrapper">
<a href="/tfm" class="btn btn-primary">TFM</a>
</div>
</main>
</body>
</html>