Merge branch 'master' of https://github.com/COP4331Group10/ContactMan…

…ager
COP4331Group10 · May 19, 2020 · 65f437b · 65f437b
2 parents 35ba517 + 1fb314c
commit 65f437b
Show file tree

Hide file tree

Showing 23 changed files with 927 additions and 0 deletions.
diff --git a/Test.txt b/Test.txt
@@ -0,0 +1,7 @@
+Josh
+Ngoc
+Paul
+Luis
+Daniela
+Brock
+John
diff --git a/contactPage.html b/contactPage.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Knightacts- My Contacts</title>
+    <script type="text/javascript" src="js/code.js"></script> <!--back end-->
+    <link href="css/styles.css" rel="stylesheet" type="text/css">	
+    <link href="https://fonts.googleapis.com/css?family=Varela+Round|Calibri" rel="stylesheet">
+
+</head>    
+<body style =   "background-image: url('images/ucf6.jpg'),url('images/ucf6b.jpg'); 
+				background-repeat: no-repeat, repeat-y;
+				background-position-x: 50%;
+                background-position-y: 20%;">
+
+    <h1 id="white-title">My Knightacts</h1>
+
+    <div id="">
+
+
+    </div>
+
+</body>
+</html>
diff --git a/createNewContact.html b/createNewContact.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Knightacts- New Contact</title>
+    <script type="text/javascript" src="js/code.js"></script> <!--back end-->
+    <link href="css/styles.css" rel="stylesheet" type="text/css">	
+    <link href="https://fonts.googleapis.com/css?family=Varela+Round|Calibri" rel="stylesheet">
+
+</head>    
+<body style =   "background-image: url('images/ucf7.jpg'),url('images/ucf7b.jpg'); 
+                background-repeat: no-repeat, repeat-y;
+                background-position-y: 30%;";>
+
+    <h1 id="white-title">Create New Knightact</h1>
+
+    <div id="">
+
+
+    </div>
+
+</body>
+</html>
diff --git a/css/styles.css b/css/styles.css
@@ -0,0 +1,215 @@
+
+body
+{
+    background-color: darkblue;
+    background-position: top left;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+}
+
+#title 
+{
+    font-size: 55px;
+    font-family: 'Varela Round', 'Calibri', Arial;
+    text-align: center;
+    color:black;
+    width: 100%;
+    text-shadow: 2px 2px gray;
+    margin-bottom: 1.5%;
+}
+
+#white-title
+{
+    font-size: 55px;
+    font-family: 'Varela Round', 'Calibri', Arial;
+    text-align: center;
+    color:white;
+    text-shadow: 2px 3px black;
+    width: 100%;
+    margin-bottom: 1.5%;
+}
+
+#inner-title
+{
+    font-family: 'Varela Round', 'Calibri', Arial;
+    text-align: center;
+    color: black;
+    width: 100%;
+    margin-bottom: 2%;
+}
+
+#loginDiv
+{
+    font-size: 30px;
+    width: 70%;
+    margin: auto;
+}
+
+#loggedInDiv
+{
+    font-size: 30px;
+    width: 70%;
+    margin-left: 15%;
+    padding: 25px;
+    background-color: #b2b2b2;
+}
+
+#accessUIDiv
+{
+    font-size: 30px;
+    width: 70%;
+    margin-left: 15%;
+    padding: 25px;
+    background-color: #b2b2b2;
+}
+
+.buttons
+{
+    font-size: 0.7em;
+    font-family: 'Varela Round', 'Calibri', Arial;
+    text-align: center;
+    color: white;
+    background-color: black;
+    border-radius: 50px;
+    border-color: goldenrod;
+    outline: 0;
+    height: 1.7em;
+    width: 8em;
+    margin-left: 38%;
+
+    width: 25%;
+}
+
+.buttons:hover
+{
+    color: #FFFFFF;
+    background-color: goldenrod;
+    opacity: 95%;
+}
+
+#loginName
+{
+    font-size: 27px;
+}
+#loginPassword
+{
+	font-size: 27px;
+}
+#searchText
+{
+	font-size: 30px;
+}
+#colorText
+{
+	font-size: 30px;
+}
+
+input[type="text"],input[type="password"]
+{
+    border-radius: 25px;
+    border-color: goldenrod;
+    background-color: white;
+    text-align: center;
+    width: 50%;
+    margin-left: 25%;
+    margin-bottom: 2%;
+    font-size: 0.5em;
+    outline: 0;
+    font-family: 'Varela Round', 'Calibri', Arial;
+}
+
+#welcome
+{
+    border-radius: 20px;
+    border-width: 50%;
+    border-bottom: 1.3px solid goldenrod;
+    border-top: 1.3px solid goldenrod;
+    border-left: 1px solid goldenrod;
+    border-right: 1px solid goldenrod;
+    display: inline-block;
+    background-color: black;
+    font-size: 0.8em;
+    width: 36%;
+    text-align: center;
+    margin-left: 32%;
+    margin-bottom: 2%;
+    font-family: 'Varela Round', 'Calibri', Arial;
+    color: white;
+}
+
+#createAccount
+{
+    display: inline-block;
+    width: 90%;
+    margin-left: 5%;
+    font-size: 0.7em;
+    text-align: center;
+    font-family: 'Varela Round', 'Calibri', Arial;
+    color: black;
+}
+
+#haveAccount
+{
+    display: inline-block;
+    width: 90%;
+    margin-left: 5%;
+    font-size: 0.7em;
+    text-align: center;
+    font-family: 'Varela Round', 'Calibri', Arial;
+    color: white;
+    text-shadow: 1px 1px black;
+}
+
+#loginResult
+{
+    display: inline-block;
+    font-size: 0.8em;
+    width: 90%;
+    text-align: center;
+    margin-left: 5%;
+    margin-bottom: 2%;
+    font-family: 'Varela Round', 'Calibri', Arial;
+    color: #95060a;
+}
+
+#userName
+{
+    display: inline-block;
+    width: 80%;
+    margin-left: 10%;
+    text-align: center;
+}
+
+#logoutButton
+{
+    width: 20%;
+    margin-left: 40%;
+}
+
+select
+{
+    width: 30%;
+    margin-left: 35%;
+    margin-top: 2%;
+    font-size: 0.75em;
+    font-family: 'Varela Round', 'Calibri', Arial;
+}
+
+#colorSearchResult
+{
+    display: none;
+}
+
+#colorAddResult
+{
+    display: inline-block;
+    font-size: 0.8em;
+    width: 90%;
+    text-align: center;
+    margin-left: 5%;
+    margin-top: 2%;
+    margin-bottom: 1%;
+    font-family: 'Varela Round', 'Calibri', Arial;
+    color: #95060a;
+}
diff --git a/editContact.html b/editContact.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Knightacts- Edit Contact</title>
+    <script type="text/javascript" src="js/code.js"></script> <!--back end-->
+    <link href="css/styles.css" rel="stylesheet" type="text/css">	
+    <link href="https://fonts.googleapis.com/css?family=Varela+Round|Calibri" rel="stylesheet">
+
+</head>    
+<body style =   "background-image: url('images/ucf3.jpg'),url('images/ucf3b.jpg'); 
+                background-repeat: no-repeat, repeat-y;
+				background-position-x: 65%;
+                background-position-y: 15%;">
+
+    <h1 id="white-title">Edit Knightact</h1>
+
+    <div id="">
+
+
+    </div>
+
+</body>
+</html>
diff --git a/images/knightro_profile.jpg b/images/knightro_profile.jpg
diff --git a/images/pencil.png b/images/pencil.png
diff --git a/images/search_icon.png b/images/search_icon.png
diff --git a/images/too_cool_knightro.gif b/images/too_cool_knightro.gif
diff --git a/images/ucf1.jpg b/images/ucf1.jpg
diff --git a/images/ucf1b.jpg b/images/ucf1b.jpg
diff --git a/images/ucf2.jpg b/images/ucf2.jpg
diff --git a/images/ucf2b.jpg b/images/ucf2b.jpg
diff --git a/images/ucf3.jpg b/images/ucf3.jpg
diff --git a/images/ucf3b.jpg b/images/ucf3b.jpg
diff --git a/images/ucf6.jpg b/images/ucf6.jpg
diff --git a/images/ucf6b.jpg b/images/ucf6b.jpg
diff --git a/images/ucf7.jpg b/images/ucf7.jpg
diff --git a/images/ucf7b.jpg b/images/ucf7b.jpg
diff --git a/index.html b/index.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Knightacts Manager</title>
+    <script type="text/javascript" src="js/md5.js"></script>  <!--hash file-->
+    <script type="text/javascript" src="js/code.js"></script> <!--back end-->
+    <link href="css/styles.css" rel="stylesheet" type="text/css">	
+    <link href="https://fonts.googleapis.com/css?family=Varela+Round|Calibri" rel="stylesheet">
+
+</head>    
+<body style =   "background-image: url('images/ucf2.jpg'),url('images/ucf2b.jpg'); 
+                background-repeat: no-repeat, repeat-y;
+                background-position: center right;">
+
+    <h1 id="title">Knightacts Manager</h1>
+    <h2 id="inner-title">The Unofficial UCF Ultimate Contact Manager<br> Made by Knights for Knights</h2>
+
+    <div id="loginDiv">
+        <span id="welcome">Welcome back Knight!</span><br>
+        <input type="text" id="loginName" placeholder="Enter your username" /><br />
+        <input type="password" id="loginPassword" placeholder="Enter your password"/><br />
+        <button type="button" id="loginButton" class="buttons" onclick="doLogin();"> Charge On! </button><br>
+        <span id="createAccount"><br>Don't have an account?</span><br>
+        <button type="button" id="signup" class="buttons" onclick="doSignUp();"> Sign Up Now </button>
+        <span id="loginResult"></span> <!--error-->
+    </div>
+
+</body>
+</html>
-Original file line number
+Diff line change
@@ -0,0 +1,7 @@
+    Josh
+    Ngoc
+    Paul
+    Luis
+    Daniela
+    Brock
+    John