diff --git a/stackle-app/src/app/public/login/login.component.css b/stackle-app/src/app/public/login/login.component.css index 7b05773..17b3474 100644 --- a/stackle-app/src/app/public/login/login.component.css +++ b/stackle-app/src/app/public/login/login.component.css @@ -17,12 +17,38 @@ } #toolbar { background-color: rgb(85, 70, 181); -} +} +.responsive { + text-align: center; + padding: 20px; + margin-top: 10% +} +img{ + display: inline; + padding: 10px; +} +@media only screen and (max-width: 600px) { + img { + display: inline; + padding: 10px; + width: 100%; + height: auto; + } +} +.body { + color: white; + background-color: #111111; + position: absolute; + width: 100%; + height: 100%; +} +/* #landing-banner { color: white; - background-image: url('../../../assets/images/Stackle-landing.jpg'); + background-image: url('../../../assets/images/stacklelogo.png'); position: absolute; width: 100%; height: 100%; -} \ No newline at end of file +} +*/ diff --git a/stackle-app/src/app/public/login/login.component.html b/stackle-app/src/app/public/login/login.component.html index 9d5cefe..3efe6af 100644 --- a/stackle-app/src/app/public/login/login.component.html +++ b/stackle-app/src/app/public/login/login.component.html @@ -1,3 +1,6 @@ +
+ +
@@ -9,5 +12,12 @@

Stackle by SCoRe

+ + +
+
+
+ Stackle by SCoRe +
diff --git a/stackle-app/src/assets/images/slogan.png b/stackle-app/src/assets/images/slogan.png new file mode 100644 index 0000000..c248aaf Binary files /dev/null and b/stackle-app/src/assets/images/slogan.png differ diff --git a/stackle-app/src/assets/images/stacklelogo.png b/stackle-app/src/assets/images/stacklelogo.png new file mode 100644 index 0000000..34b42dd Binary files /dev/null and b/stackle-app/src/assets/images/stacklelogo.png differ