diff --git a/snikket_web/scss/app.scss b/snikket_web/scss/app.scss index 508bb8b..3e623b9 100644 --- a/snikket_web/scss/app.scss +++ b/snikket_web/scss/app.scss @@ -645,6 +645,37 @@ body#login { } } + +/* welcome screen specials */ + +div.welcome-cards { + display: flex; + flex-wrap: wrap; + + & > .card { + flex: 1 0 $w-l6; + margin: $w-s1; + @extend .el-2; + padding: $w-s1 $w-l1; + background: white; + } + + & > a.card { + text-decoration: none; + color: inherit; + + & > h2 { + color: $primary-200; + text-decoration: underline; + } + } + + & > .card:hover, & > .card:active, & > .card:focus, & > .card:focus-within { + @extend .el-3; + } +} + + /* linearisation / responsive stuff */ @media screen and (max-width: $small-screen-threshold) { diff --git a/snikket_web/templates/user_home.html b/snikket_web/templates/user_home.html index 13afb55..ecc5e79 100644 --- a/snikket_web/templates/user_home.html +++ b/snikket_web/templates/user_home.html @@ -1,11 +1,24 @@ {% extends "app.html" %} {% block content %}

Welcome!

-

Welcome home, {{ user_info.username }}.

-

Next?

-

What do you want to do today?

⎄ -