From 17a10763956b332c7047eafe3eaf232c5e67d0a8 Mon Sep 17 00:00:00 2001 From: jperitz Date: Thu, 4 Oct 2018 19:11:24 -0400 Subject: [PATCH 1/3] skeleton of the login page + added login page to the header --- website/about.html | 1 + website/index.html | 1 + website/login.html | 101 +++++++++++++++++++++++++++++++++++++++ website/projects.html | 1 + website/scripts/index.js | 3 ++ website/styles/login.css | 74 ++++++++++++++++++++++++++++ 6 files changed, 181 insertions(+) create mode 100644 website/login.html create mode 100644 website/styles/login.css diff --git a/website/about.html b/website/about.html index 10cc1f5..dfa17da 100644 --- a/website/about.html +++ b/website/about.html @@ -20,6 +20,7 @@
+ Login Projects Events diff --git a/website/index.html b/website/index.html index fc1bae3..a655506 100644 --- a/website/index.html +++ b/website/index.html @@ -20,6 +20,7 @@
+ Login Projects Events diff --git a/website/login.html b/website/login.html new file mode 100644 index 0000000..dfea9c4 --- /dev/null +++ b/website/login.html @@ -0,0 +1,101 @@ + + + + Open Source Club + + + + +
+ + + + + + + +
+
+ Login + Projects + + Events + + + + Resources + + + + + About +
+ + + + ☰ + + +
+ + +
+
+ +
+
+
+
+ +
+ + +
+ +
+ +
+
+
+
+ +
+ Forgot Password? +
+ +
+ + Login or Sign up + +
+
+ + + \ No newline at end of file diff --git a/website/projects.html b/website/projects.html index 1269c26..be38887 100644 --- a/website/projects.html +++ b/website/projects.html @@ -20,6 +20,7 @@
+ Login Projects Events diff --git a/website/scripts/index.js b/website/scripts/index.js index db0a796..2da3e12 100644 --- a/website/scripts/index.js +++ b/website/scripts/index.js @@ -43,3 +43,6 @@ function showSlides(n) { dots[slideIndex-1].className += " active"; timeOut = setTimeout(() => plusSlides(1), 5000); //Increments slide every 5 seconds automatically, timer is reset whenever a slide is manually selected } + + //Functions for the login page + \ No newline at end of file diff --git a/website/styles/login.css b/website/styles/login.css new file mode 100644 index 0000000..4d67a2c --- /dev/null +++ b/website/styles/login.css @@ -0,0 +1,74 @@ +@import "unified.css"; + +/* Bordered form */ +form { + border: 3px solid #f1f1f1; +} + +/* Full-width inputs */ +input[type=email], input[type=password] { + width: 100%; + padding: 12px 20px; + margin: 8px 0; + display: inline-block; + border: 1px solid #ccc; + box-sizing: border-box; +} + +/* Set a style for all buttons */ +button { + /*background-color: rgb(76, 119, 175);*/ + background-color: var(--primary-color); + color: white; + padding: 14px 20px; + margin: 8px 0; + border: none; + cursor: pointer; + width: 100%; +} + +/* Add a hover effect for buttons */ +button:hover { + opacity: 0.8; +} + +/* Extra style for the cancel button (red) */ +.cancelbtn { + width: auto; + padding: 10px 18px; + background-color: #f44336; +} + +/* Center the avatar image inside this container */ +.imgcontainer { + text-align: center; + margin: 24px 0 12px 0; +} + +/* Avatar image */ +img.avatar { + width: 40%; + border-radius: 50%; +} + +/* Add padding to containers */ +.container { + padding: 16px; +} + +/* The "Forgot password" text */ +span.psw { + float: right; + padding-top: 16px; +} + +/* Change styles for span and cancel button on extra small screens */ +@media screen and (max-width: 300px) { + span.psw { + display: block; + float: none; + } + .cancelbtn { + width: 100%; + } +} \ No newline at end of file From 6b16f6769f94a38e0ce64cfc25c08d944198f7c0 Mon Sep 17 00:00:00 2001 From: jperitz Date: Thu, 4 Oct 2018 19:25:08 -0400 Subject: [PATCH 2/3] small changes to login.html --- website/login.html | 26 +++++++++++++------------- 1 file changed, 13 insertions(+), 13 deletions(-) diff --git a/website/login.html b/website/login.html index dfea9c4..7b7f07d 100644 --- a/website/login.html +++ b/website/login.html @@ -5,7 +5,7 @@ - @@ -44,8 +44,8 @@
-
-