sheppy/jeffrey_miller_flask_ftp
1
0
Fork 0
mirror of https://github.com/FAUSheppy/jeffrey_miller_flask_ftp synced 2025-12-06 10:31:36 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge pull request #2 from FAUSheppy/HTMLUpdates

Browse Source 
HTML and CSS updates
This commit is contained in:
Jeffrey Miller
2021-08-31 23:25:26 -04:00
committed by GitHub
parent 3c25977746 436a763440
commit 0495671c08
5 changed files with 141 additions and 93 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
static/css/bootstrap.css vendored
View File

@@ -58,7 +58,7 @@ body {
font-size: 1rem; font-size: 1rem;
font-weight: 400; font-weight: 400;
line-height: 1.5; line-height: 1.5;
color: #212529; background-color: #2D3047;
text-align: left; text-align: left;
background-color: #fff; background-color: #fff;
} }
@@ -9957,6 +9957,51 @@ a.text-dark:hover, a.text-dark:focus {
visibility: hidden !important; visibility: hidden !important;
} }
.overlay {
position: absolute;
bottom: 100%;
left: 0;
right: 0;
background-color: #56638A;
overflow: hidden;
width: 100%;
height: 0;
transition: .5s ease;
}
.container:hover .overlay {
bottom: 0;
height: 100%;
}
.text1 {
white-space: nowrap;
color: #53dd6c;
font-size: 20px;
}
.text2 {
white-space: nowrap;
color: #56203D;
font-size: 15px;
}
.move {
position: absolute;
overflow: hidden;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
font-size: 35px;
}
.aligncenter{
text-align: center;
color: #56203D;
width: 190px;
}
@media print { @media print {
*, *,
*::before, *::before,

8
static/css/bootstrap.min.css vendored
View File

File diff suppressed because one or more lines are too long

BIN
templates/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 37 KiB

54
templates/head.html
View File

@@ -1,25 +1,31 @@
<meta charset="utf-8"> <html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="FTP Users Management">
<meta name="author" content="Jeffrey Miller | https://www.jeff3danimation.com">
<title>Universe FTP Sign-Up</title>
<link rel="shortcut icon" href="/favicon.ico">
<!-- Bootstrap core JS -->
<script src="/static/js/jquery.min.js"></script>
<!-- Bootstrap core CSS -->
<link href="/static/fontawesome/css/all.css" rel="stylesheet">
<link href="/static/css/bootstrap.min.css" rel="stylesheet">
<script defer="defer" src="/static/js/bootstrap.min.js"></script>
<!-- mdb -->
<link href="/static/css/mdb.min.css" rel="stylesheet">
<script defer="defer" src="/static/js/mdb.min.js"></script>
<!-- Custom JS/CSS -->
<link href="/static/site.css" rel="stylesheet">
<script defer="defer" src="/static/submit.js"></script>
</head>
<body>
<div class="container"> <img src="https://images.squarespace-cdn.com/content/v1/5c93be1a797f7440ac65e019/1566853198274-BRGZDFFNR6IRP02KTFUN/Clear+Aug+26+Logo.png"
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> alt="Universe Logo">
<meta name="description" content="FTP Users Management"> <div class="overlay">
<meta name="author" content="Yannik Schmidt | https://potaris.de/en/contact"> <div class="text2 move">Welcome to Universe's FTP Server Sign-Up Page</div>
</div>
<link rel="shortcut icon" href="/defaultFavicon.ico"> </div>
</body>
</html>
<!-- Bootstrap core JS -->
<script src="/static/js/jquery.min.js"></script>
<!-- Bootstrap core CSS -->
<link href="/static/fontawesome/css/all.css" rel="stylesheet">
<link href="/static/css/bootstrap.min.css" rel="stylesheet">
<script defer src="/static/js/bootstrap.min.js"></script>
<!-- mdb -->
<link href="/static/css/mdb.min.css" rel="stylesheet">
<script defer src="/static/js/mdb.min.js"></script>
<!-- Custom JS/CSS -->
<link href="/static/site.css" rel="stylesheet">
<script defer src="/static/submit.js"></script>

93
templates/index.html
View File

@@ -1,66 +1,69 @@
<!doctype html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
{% include 'head.html' %} <meta http-equiv="content-type" content="text/html; charset=windows-1252">
<link rel=stylesheet href="/static/form.css"> </head>
</head> <body>{% include 'head.html' %}
<link rel="stylesheet" href="/static/form.css">
<body>
{% include 'navbar.html' %} {% include 'navbar.html' %}
<div class="container"> <div class="container">
<div class="mt-5 d-flex justify-content-center h-100"> <div class="mt-5 d-flex justify-content-center h-100">
<div class="card"> <div class="card">
<div class="card-header"> <div class="card-header">
<h3>Create User</h3> <h4>A place to learn Game Design in Virtual Reality and other mediums.</h4>
</div> </div>
<div class="card-body"> <div class="card-body">
<form id="user-form"> <form id="user-form">
<div class="input-group form-group"> <div class="input-group form-group">
<div class="input-group-prepend"> <div class="input-group-prepend"> <span class="input-group-text"><i
<span class="input-group-text"><i class="fas fa-user"></i></span>
</div>
<input id="name"
type="text"
class="form-control"
name="username"
placeholder="username">
</div> class="fas fa-user"></i></span> </div>
<input id="name" class="form-control" name="username" placeholder="Username"
type="text"> </div>
<div class="input-group form-group"> <div class="input-group form-group">
<div class="input-group-prepend"> <div class="input-group-prepend"> <span class="input-group-text"><i
<span class="input-group-text"><i class="fas fa-key"></i></span>
</div> class="fas fa-key"></i></span> </div>
<input id="password" <input id="password" class="form-control" name="password" placeholder="Password"
type="password"
class="form-control" type="password"> </div>
name="password" <div class="input-group form-group">
placeholder="password"> <div class="input-group-prepend"> <span class="input-group-text"><i
</div>
<div class="form-group"> class="fas fa-key"></i></span> </div>
<button type="submit" disabled style="display: none" aria-hidden="true"> <input id="fname" class="form-control" name="firstname" placeholder="First Name"
</button>
</div> type="text"> </div>
<div class="input-group form-group">
<div class="input-group-prepend"> <span class="input-group-text"><i
class="fas fa-key"></i></span> </div>
<input id="lname" class="form-control" name="lastname" placeholder="Last Name"
type="text"> </div>
<div class="input-group form-group">
<div class="input-group-prepend"> <span class="input-group-text"><i
class="fas fa-key"></i></span> </div>
<input id="email" class="form-control" name="email" placeholder="Your@Email.com"
type="text"> </div>
<div class="form-group"> <button type="submit" disabled="disabled"
style="display: none" aria-hidden="true"> </button> </div>
</form> </form>
<button onclick="submitForm()" <button onclick="submitForm()" class="btn float-right login_btn">
class="btn float-right login_btn"> Submit </button> </div>
Submit <div class="card-footer"> {% if code == "0" %}
</button>
</div>
<div class="card-footer">
{% if code == "0" %}
<div class="d-flex justify-content-center links mb-2" style="color: darkgreen;"> <div class="d-flex justify-content-center links mb-2" style="color: darkgreen;">
Success! Success! </div>
</div>
{% endif %} {% endif %}
<!-- more content options <!-- more content options
<div class="d-flex justify-content-center links"> <div class="d-flex justify-content-center links"> <a class="btn btn-block btn-primary text-uppercase" href="/contact"></a> </div> -->
<a class="btn btn-block btn-primary text-uppercase" href="/contact"></a>
</div>
-->
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</body> </body>
</html> </html>