diff options
Diffstat (limited to 'client')
| -rw-r--r-- | client/colors.less | 37 | ||||
| -rw-r--r-- | client/templates/login.html | 5 |
2 files changed, 22 insertions, 20 deletions
diff --git a/client/colors.less b/client/colors.less index 2255e0d..e964600 100644 --- a/client/colors.less +++ b/client/colors.less @@ -27,38 +27,41 @@ body { align-items: center; justify-content: center; height: auto; - max-width: 500px; + max-width: 700px; margin: 0 auto; margin-top: 85px; div.login { text-align: center; flex: 0 0 auto; h1 { - color: #2636F9; - font-size: 3.5em; + color: black; + font-size: 12em; font-weight: bold; + img { + margin-left: 2px; + margin-right: 2px; + height: 88px; + } } h2 { - margin: 30px 10px 0px 10px; - font-size: 2em; + margin-top: 15px; + font-size: 3.8em; font-weight: bold; - color: #333; - } - hr { - margin-top: 50px; - border-top: 1px #2636F9 solid; - width: 2em; + color: black; } button.login { - margin-top: 20px; - color: #2636F9; - font-size: 1.3em; + margin-top: 140px; + font-family: 'Cutive Mono', serif; + font-weight: bold; + color: black; + font-size: 1.6em; background-color: white; - padding: 7px 35px; - border: 1px #2636F9 solid; + padding: 7px 15px; + border: 0px; + border-bottom: 1px black solid; &:hover, &:active { color: white; - background-color: #2636F9; + background-color: black; } } } diff --git a/client/templates/login.html b/client/templates/login.html index 7b1bd72..6826908 100644 --- a/client/templates/login.html +++ b/client/templates/login.html @@ -1,9 +1,8 @@ <template name="login"> <div class="login-wrapper"> <div class="login"> - <h1>Hello!</h1> - <h2>Start the process of creating your custom icon by logging into your Instagram account</h2> - <hr> + <h1>m<img src="/img/icons/01.gif">des</h1> + <h2>Reflect Yourself</h2> <button class="login">Login with Instagram</button> </div> </div> |