-
-
-
-
- A new way to share, explore and connect
-
-
The Open Academic Environment is the easiest way to communicate and share files with your classmates. Whether you're a student, investigator or professor, join us for free!
-
-
-
-
-
- 
-
-
-
+
+
+
+
+
+
+
+
+
+
+ A new way to share, explore and connect
+
+
+
+
-
-
-
-
-
-
-
+
+
+
+
`;
}
}
diff --git a/src/components/sidebar.js b/src/components/sidebar.js
index da1be07..d262077 100644
--- a/src/components/sidebar.js
+++ b/src/components/sidebar.js
@@ -127,7 +127,12 @@ class Sidebar extends LitElement {
diff --git a/src/components/testing-ground.js b/src/components/testing-ground.js
index e178b8d..615f298 100644
--- a/src/components/testing-ground.js
+++ b/src/components/testing-ground.js
@@ -14,7 +14,7 @@ class Test extends PageViewElement {
return html`
-
+
diff --git a/style/app.scss b/style/app.scss
index 0ec9745..046873d 100644
--- a/style/app.scss
+++ b/style/app.scss
@@ -76,6 +76,7 @@ body {
height: 100%;
font-family: 'Open Sans', sans-serif;
font-size: 1em;
+ background-color: #E8EDEB;
}
* {
@@ -240,12 +241,23 @@ button.button.dropdown-sidebar {
border: none;
}
+.logout-button {
+ background-color: transparent;
+ border: none;
+}
+
+.logout-button-text {
+ padding-left: 10px;
+ text-transform: capitalize;
+}
+
// Footer
.footer.sidebar-footer {
position: absolute;
bottom: 0;
padding: 0;
background-color: transparent;
+ margin-left: 3%;
}
// Sidebar Avatar
diff --git a/style/homepage-navv2.scss b/style/homepage-navv2.scss
index 1af9986..d6e7637 100644
--- a/style/homepage-navv2.scss
+++ b/style/homepage-navv2.scss
@@ -1,5 +1,6 @@
-.navbar-brand {
- padding-left: 3em;
+.navbar {
+ background-color: white;
+ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.25);
}
.navEnd {
@@ -11,34 +12,82 @@
height: 400px;
}
-.home-nav {
- background: white;
+.register {
+ font-weight: bold;
}
-.register-button {
- font-size: 1em;
- border-radius: 25px;
- color: #00253d;
- background-color: white;
+.sign-in {
+ border-width: medium;
+ font-weight: bold;
+ border-color: #3a71ed;
+ border-radius: 2px;
+ color: #3a71ed;
+ height: 30px;
+ width: 80px;
+ &:hover {
+ background-color: #3a71ed;
+ border-color: #3a71ed;
+ color: white;
+ }
+}
+
+// Modal for Sign In
+#modal h1 {
+ color: black;
+ margin-left: 2%;
+ font-size: 1.5em;
+ font-weight: bold;
+}
+
+.input {
+ background-color: #f5f5f5;
+ width: 95%;
border: none;
+ box-shadow: none;
+ font-weight: medium;
+ border-radius: 2px;
+ margin-top: 20px;
&:hover {
- color: #2e98d5;
- background-color: transparent;
border: none;
+ color: black;
+ }
+ &:focus {
+ border: none;
+ box-shadow: none;
+ color: black;
+ }
+ &:active {
+ border: none;
+ box-shadow: none;
+ color: black;
}
}
-.signIn-button {
- font-size: 1em;
- border-radius: 25px;
- width: 80px;
- height: 30px;
- color: white;
- background-color: #2274ff;
+//Footer buttons
+
+div.footer-buttons {
+ width: 93%;
+ display: block;
+}
+
+.footer-buttons button {
+ width: 100%;
+}
+
+.button-close-modal {
+ background-color: #3a71ed; /* Green */
border: none;
+ color: white;
+ height: 40px;
+ width: 80px;
+ text-transform: uppercase;
+ font-size: small;
+ font-weight: bold;
+ border-radius: 2px;
&:hover {
- color: #2e98d5;
- background-color: transparent;
- border: none;
+ background-color: #1D3557;
+ color: white;
}
}
+
+// Modal for Register
diff --git a/style/homepage-v2.scss b/style/homepage-v2.scss
index 2032b6e..39b2531 100644
--- a/style/homepage-v2.scss
+++ b/style/homepage-v2.scss
@@ -7,76 +7,78 @@ $secondaryFontColor: #424242;
@import url('https://fonts.googleapis.com/css?family=Roboto:700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@800&display=swap');
-.hero-body {
+.hero-body.main-area {
background-color: white;
-}
-.is-5 {
- height: 100%;
- margin: 0;
- padding: 0;
- background-color: transparent;
+ background-image: url('/images/home-back9.jpg');
+ background-repeat: no-repeat;
+ background-size: cover;
+ height: 100px;
}
-.bold-title {
- font-family: 'Roboto Slab', serif;
- text-transform: uppercase;
- color: $fontColour;
+.hero-body.section1-area {
+ background-color: hotpink;
}
-.left-landing {
- margin-left: 3em;
+.hero.is-primary .title {
+ color: white;
+ margin-bottom: 35px;
}
-.buttons-landing {
- margin-top: 3%;
+.input {
+ width: 70%;
+ border: none;
+ box-shadow: none;
+ font-weight: bold;
+ border-radius: 2px;
}
-.button.button-start {
- background-color: #e9eff5;
- width: 80px;
- height: 30px;
- color: #2274ff;
+.input.input:hover {
border: none;
- &:hover {
- background-color: #2274ff;
- color: #e9eff5;
- }
+ box-shadow: none;
+ -webkit-box-shadow: 0px 1px 6px 0px rgba(50, 50, 50, 0.52);
+ -moz-box-shadow: 0px 1px 6px 0px rgba(50, 50, 50, 0.52);
+ box-shadow: 0px 1px 6px 0px rgba(50, 50, 50, 0.52);
}
-.button.button-filter {
- background-color: transparent;
- width: 80px;
- height: 30px;
- color: $fontColour;
+.input.input:focus {
border: none;
- &:hover {
- color: #2274ff;
- }
+ -webkit-box-shadow: 0px 1px 6px 0px rgba(50, 50, 50, 0.52);
+ -moz-box-shadow: 0px 1px 6px 0px rgba(50, 50, 50, 0.52);
+ box-shadow: 0px 1px 6px 0px rgba(50, 50, 50, 0.52);
}
-.landing-image {
- padding-left: 10%;
+//Dialog Window
+#toggle {
+ visibility: hidden;
+ opacity: 0;
+ position: relative;
+ z-index: 3;
}
-#launch-dialog {
- background: tomato;
- border-radius: 4px;
- color: #fff;
- font-family: Helvetica, Arial, sans-serif;
- padding: 0.5rem 1rem;
- position: static;
+#toggle:checked ~ dialog {
+ display: block;
}
-/*.cover {
- box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 15px rgba(0, 0, 0, 0.22);
- transition: all 1.5s cubic-bezier(0.23, 1, 0.32, 1);
- transform: rotate(5deg);
- &:hover {
- transform: rotate(-5deg);
+label {
+ background: skyblue;
+ color: white;
+ padding: 0.5em 1em;
+ border-radius: 4px;
+}
+@keyframes appear {
+ 0% {
+ opacity: 0;
+ transform: translateY(-10px);
}
}
-.cover img {
- object-fit: cover;
+dialog {
+ animation: appear 350ms ease-in 1;
+ max-width: 500px;
+ z-index: 3;
+}
+
+label.close-dialog {
+ margin-top: 100px;
+ float: right;
}
-*/
diff --git a/yarn.lock b/yarn.lock
index a73ab3d..db688fe 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -646,6 +646,13 @@
lodash "^4.17.11"
to-fast-properties "^2.0.0"
+"@dannymoerkerke/material-webcomponents@^1.2.15":
+ version "1.2.15"
+ resolved "https://registry.yarnpkg.com/@dannymoerkerke/material-webcomponents/-/material-webcomponents-1.2.15.tgz#44beb74fc4cc5c0ecbad56cb51241b49a272c31e"
+ integrity sha512-OmENG31ekOJ7c4ouoGHt+z+RX+UJKz8LVg6em30LE51oxSuZLck2YLJz20mtSVQ8mV87daF3xQDX7Pf8aOy4Vg==
+ dependencies:
+ "@webcomponents/webcomponentsjs" "^1.0.17"
+
"@material/animation@^3.0.0":
version "3.0.0"
resolved "https://registry.yarnpkg.com/@material/animation/-/animation-3.0.0.tgz#bbea365f961204a499dcaf04c5c60548af45d03f"
@@ -1711,7 +1718,7 @@
resolved "https://registry.yarnpkg.com/@webcomponents/shadycss/-/shadycss-1.9.1.tgz#d769fbadfa504f11b84caeef26701f89070ec49a"
integrity sha512-IaZOnWOKXHghqk/WfPNDRIgDBi3RsVPY2IFAw6tYiL9UBGvQRy5R6uC+Fk7qTZsReTJ0xh5MTT8yAcb3MUR4mQ==
-"@webcomponents/webcomponentsjs@^1.0.7":
+"@webcomponents/webcomponentsjs@^1.0.17", "@webcomponents/webcomponentsjs@^1.0.7":
version "1.3.3"
resolved "https://registry.yarnpkg.com/@webcomponents/webcomponentsjs/-/webcomponentsjs-1.3.3.tgz#5bb82a0d3210c836bd4623e13a4a93145cb9dc27"
integrity sha512-eLH04VBMpuZGzBIhOnUjECcQPEPcmfhWEijW9u1B5I+2PPYdWf3vWUExdDxu4Y3GljRSTCOlWnGtS9tpzmXMyQ==