diff options
Diffstat (limited to 'cockpit')
| -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> |
