diff --git a/res/css/global.css b/res/css/global.css index 43b4afa..c8786f7 100644 --- a/res/css/global.css +++ b/res/css/global.css @@ -15,24 +15,69 @@ body { #topnav { width: 100%; - height: 10%; + height: 3.5rem; background: var(--bg-color-l); display: flex; - + justify-content: space-between; + align-items: center; } +#topnav_buttons { + margin-left: 0.5rem; +} + + .topnav_button { - width: 12rem; + width: 10rem; padding: 0.6rem 2rem; margin: 3px 3px; background: var(--bg-color-ll); border: 2px solid var(--bg-color); border-radius: 10px; text-align: center; - font-size: 25px; + font-size: 18px; } .topnav_button:hover { background: var(--bg-color) } + +#topnav_profile { + margin-right: 0.5rem; + position: relative; + display: flex; + align-items: center; + height: 3rem; + float: right; + padding-top: 6rem; +} + +#topnav_profile span { + font-size: 21px; +} + +#topnav_profile img { + /*position: absolute;*/ + width: 3rem; + height: 100%; + right: 0; + object-fit: fill; +} + +#topnav_profile_dropdown { + + margin-top: 6.5rem; + z-index: 1; + right: 0; + /* display: none; */ + position: apsolute; + +} + +.topnav_profile_button { + width: 6rem; + background: var(--bg-color-ll); + border: 2px solid var(--bg-color); + border-radius: 10px; +} diff --git a/res/img/default_pfp.png b/res/img/default_pfp.png new file mode 100644 index 0000000..9d60fde Binary files /dev/null and b/res/img/default_pfp.png differ diff --git a/templates/base.html b/templates/base.html index 72d91c9..6c8d2fa 100644 --- a/templates/base.html +++ b/templates/base.html @@ -9,18 +9,51 @@
- - - - +
+ + + + +
+
+
+ MCorange + Profile Picture +
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+ +
+
+
{% block content %}{% endblock %}