diff options
| author | Florian Fischer <florian.fischer@muhq.space> | 2026-05-28 22:22:44 +0200 |
|---|---|---|
| committer | Florian Fischer <florian.fischer@muhq.space> | 2026-05-28 22:22:44 +0200 |
| commit | ad23947bf1b763d1f33d9495c192c31e2144506a (patch) | |
| tree | 804197cb96e5ad7f03a3e1adad8dc9a16d6f360e | |
| parent | b7b9f1f5799d162661386ec6f2b72bde9c3ae493 (diff) | |
| download | bycs-sol-ad23947bf1b763d1f33d9495c192c31e2144506a.tar.gz bycs-sol-ad23947bf1b763d1f33d9495c192c31e2144506a.zip | |
cockpit: add default user icon
| -rw-r--r-- | cockpit/assets/user-profile-icon.svg | 14 | ||||
| -rw-r--r-- | cockpit/cockpit.css | 2 | ||||
| -rw-r--r-- | cockpit/cockpit.html | 2 |
3 files changed, 17 insertions, 1 deletions
diff --git a/cockpit/assets/user-profile-icon.svg b/cockpit/assets/user-profile-icon.svg new file mode 100644 index 0000000..ae16831 --- /dev/null +++ b/cockpit/assets/user-profile-icon.svg @@ -0,0 +1,14 @@ +<?xml version="1.0" encoding="UTF-8"?> +<svg fill="white" version="1.1" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg"> +<defs> +<clipPath id="a"> +<circle cx="300" cy="300" r="280"/> +</clipPath> +<clipPath id="b"> +<rect width="100%" height="498"/> +</clipPath> +</defs> +<circle cx="300" cy="300" r="280" clip-path="url(#b)" fill="#000"/> +<circle cx="300" cy="230" r="115"/> +<circle cx="300" cy="550" r="205" clip-path="url(#a)"/> +</svg> diff --git a/cockpit/cockpit.css b/cockpit/cockpit.css index 759d6d9..810442e 100644 --- a/cockpit/cockpit.css +++ b/cockpit/cockpit.css @@ -72,6 +72,8 @@ #student-info-icon { flex: 0 1 20%; margin: 0.2rem; + max-width: 20%; + clip-path: circle(); } #student-info-name-container { diff --git a/cockpit/cockpit.html b/cockpit/cockpit.html index 2f1dc79..b88c7ad 100644 --- a/cockpit/cockpit.html +++ b/cockpit/cockpit.html @@ -31,7 +31,7 @@ <div id="student-content" style="display: none"> <div id="student-info"> <div id="student-info-top" class="student-info-banner"> - <img id="student-info-icon"></img> + <img id="student-info-icon" src="assets/user-profile-icon.svg"></img> <div id="student-info-name-container"> <span id="student-info-name"></span> <span id="student-info-tag"></span> |
