Conservancy/reimbursinator
6
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

create folder for img/js/css and fix the page to be more responsive on mobile

Browse source
This commit is contained in:
Jack 2019-01-18 20:11:45 -08:00
parent f7de63a16a
commit b51a4a9112
8 changed files with 18 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
front/static/signup.css → front/static/css/signup.css
View file

@ -3,9 +3,11 @@
height: 200px; height: 200px;
width: 400px; width: 400px;
position: fixed; position: fixed;
top: 50%;
left: 50%; left: 50%;
margin-top: -100px; margin-left: -150px;
margin-left: -100px;
width:60%; width:60%;
}
.border
{
border-color:black;
} }

2
front/static/dashboard.html
View file

@ -36,6 +36,6 @@
</ul> </ul>
</nav> </nav>
</div> </div>
<script src="logout.js"></script> <script src="js/logout.js"></script>
</body> </body>
</html> </html>

0
front/static/favicon.ico → front/static/img/favicon.ico
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

0
front/static/login.js → front/static/js/login.js
View file

0
front/static/logout.js → front/static/js/logout.js
View file

0
front/static/signupPage.js → front/static/js/signupPage.js
View file

2
front/static/login.html
View file

@ -17,6 +17,6 @@
<input type="submit" name="submit" value="submit"> <input type="submit" name="submit" value="submit">
</form> </form>
<p id="errorReport"><p> <p id="errorReport"><p>
<script src="login.js"></script> <script src="js/login.js"></script>
</body> </body>
</html> </html>

22
front/static/signup.html
View file

@ -7,35 +7,35 @@
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="shortcut icon" href="/favicon.ico" /> <link rel="shortcut icon" href="/favicon.ico" />
<link rel="stylesheet" href="signup.css"> <link rel="stylesheet" href="css/signup.css">
<title>Sign up</title> <title>Sign up</title>
</head> </head>
<body> <body style="background-color: lightgreen">
<div class="form-group"; style="text-align:center";>
<h1>Reimbursinator</h1>
</div>
<form class="signup"> <form class="signup">
<div class="form-group">
<h1>Reimbursinator</h1>
</div>
<div class="form-group"> <div class="form-group">
<h3>Sign up page</h3> <h3>Sign up page</h3>
</div> </div>
<div class="form-group"> <div class="form-group">
User Name: <input type="text" id="userName" minlength="4" size="10" required="required"><br> User Name: <input type="text" id="userName" minlength="4" size="10" required="required" class="border"><br>
</div> </div>
<div class="form-group"> <div class="form-group">
Email: <input type="email" id="email" required="required"><br> Email: <input type="email" id="email" required="required" class="border"><br>
</div> </div>
<div class="form-group"> <div class="form-group">
Password: <input type="password" id="password" minlength="4" size="10" required="required"><br> Password: <input type="password" id="password" minlength="4" size="10" required="required" class="border"><br>
</div> </div>
<div class="form-group"> <div class="form-group">
Confirm Password: <input type="password" id="confirmPassword"><br> Confirm Password: <input type="password" id="confirmPassword" class="border"><br>
</div> </div>
<input type="submit" value="Submit" formaction="index.html"> <input type="submit" value="Submit" formaction="index.html" class="border">
<a class="nav-link" href="index.html">Return to main menu</a> <a class="nav-link" href="index.html">Return to main menu</a>
</form> </form>
</div> </div>
</body> </body>
<script src="signupPage.js"></script> <script src="js/signupPage.js"></script>
<!--Still need to check if user exist and if email exist--> <!--Still need to check if user exist and if email exist-->
</html> </html>