diff --git a/public/static/logo.png b/public/static/logo.png
deleted file mode 100644
index b962793a02f27a45f052d60927bf2ef5800c4838..0000000000000000000000000000000000000000
Binary files a/public/static/logo.png and /dev/null differ
diff --git a/public/static/logo.svg b/public/static/logo.svg
new file mode 100644
index 0000000000000000000000000000000000000000..c5a754557a6fb73213dac9683a155039e73cbd68
--- /dev/null
+++ b/public/static/logo.svg
@@ -0,0 +1,37 @@
+<svg
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="300" height="300"
+ version="1.0">
+ <defs>
+ <linearGradient id="a">
+ <stop offset="0" stop-color="#fff"/>
+ <stop offset="1" stop-color="#7d7d7d"/>
+ </linearGradient>
+ <linearGradient xlink:href="#a" id="b" x1="194.176" x2="250.039" y1="139.593" y2="139.593" gradientTransform="translate(317 -57)" gradientUnits="userSpaceOnUse"/>
+ </defs>
+
+ <!-- this creates the quarter circle -->
+ <path fill="#fff" d="M0 150 a150 150 0 0 1 150 -150 L150 150 Z" shape-rendering="optimizeQuality"/>
+ <!-- small circle behind the V -->
+ <path d="M136.856 78.357a37.5 37.5 0 1 1-75 0 37.5 37.5 0 1 1 75 0" shape-rendering="optimizeQuality"/>
+
+ <!-- this is the big 270-degree circle -->
+ <path d="M150 0 A150 150-26.33 1 1 0 150.17 l150-.172z" shape-rendering="optimizeQuality"/>
+
+ <g font-family="Arial Black" style="line-height:125%" transform="translate(-439 0)">
+
+ <text font-size="72">
+ <!-- this text is the "V" with linear gradient inside the small circle. -->
+ <tspan x="512" y="108" fill="url(#b)">V</tspan>
+ <!-- this is the "V" to the left of the small circle -->
+ <tspan x="471" y="108" fill="#000" fill-opacity=".2">V</tspan>
+ </text>
+
+ <!-- this is the "ideo" text in the upper line -->
+ <text x="598" y="105" font-size="48" fill="#fff">ideo</text>
+
+ <!-- this is the "AG" text in the lower line -->
+ <text x="511" y="243" font-size="100" fill="#fff">AG</text>
+
+ </g>
+</svg>
\ No newline at end of file
diff --git a/src/pages/faq.tsx b/src/pages/faq.tsx
index ece8bc78a9d3904dee4b563651992a9bbecc3886..cc741b1188c8be95ab6b922af5e2954df0e3a838 100644
--- a/src/pages/faq.tsx
+++ b/src/pages/faq.tsx
@@ -244,20 +244,19 @@ export default function FAQ() {
<p>
Aktuell verwenden wir den Local Storage um folgendes zu speichern (Technisch
Notwendig)
- <ul>
- <li>
- <code>language</code>: Welche Sprache du gewählt hast
- (Deutsch/Englisch)
- </li>
- <li>
- <code>theme</code>: Welches Design du gewählt hast (Dark/Light)
- </li>
- <li>
- <code>hidden_announcements</code>: Welches Ankündungen du bereits
- gesehen hast und mit dem x weggeklickt hast
- </li>
- </ul>
</p>
+ <ul>
+ <li>
+ <code>language</code>: Welche Sprache du gewählt hast (Deutsch/Englisch)
+ </li>
+ <li>
+ <code>theme</code>: Welches Design du gewählt hast (Dark/Light)
+ </li>
+ <li>
+ <code>hidden_announcements</code>: Welches Ankündungen du bereits
+ gesehen hast und mit dem x weggeklickt hast
+ </li>
+ </ul>
<p>
Cookies werden beim reinen Betrachten der Seite setzen überhaupt keine
gesetzt. Einzig bei der Authentifizierung für RWTH- oder Lernraum-interne
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index e9d4fc4a1cea4780514c329c5e8ae49ccf7c8635..f7599cfc089a16ff8055e8a82a349a804e832bcc 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -299,7 +299,7 @@ export default function Home() {
<div className="d-flex justify-content-center align-items-center">
<img
alt="VideoAG"
- src={`${basePath}/static/logo.png`}
+ src={`${basePath}/static/logo.svg`}
width={88}
height={88}
/>
diff --git a/src/videoag/course/Player.tsx b/src/videoag/course/Player.tsx
index 8d27440c34b2d88f6b811cdea181bbdd9e4098c5..9151c182fdea979ea5ee25751f523292f1123da1 100644
--- a/src/videoag/course/Player.tsx
+++ b/src/videoag/course/Player.tsx
@@ -389,7 +389,7 @@ export function EmbeddedPlayer({
return (
<div className="h-100 w-100 d-flex flex-column justify-content-center">
<div className="text-center">
- <img alt="VideoAG" src={`${basePath}/static/logo.png`} width={44} height={44} />
+ <img alt="VideoAG" src={`${basePath}/static/logo.svg`} width={44} height={44} />
</div>
<div className="alert alert-warning m-2" role="alert">
diff --git a/src/videoag/site/DefaultLayout.tsx b/src/videoag/site/DefaultLayout.tsx
index 55a2358ab02686403892b6f46fc53cba7c20423f..7c643e5993c7783d4ef64ddeaa08d71929f90557 100644
--- a/src/videoag/site/DefaultLayout.tsx
+++ b/src/videoag/site/DefaultLayout.tsx
@@ -156,7 +156,7 @@ function NavBar({ status }: { status?: GetStatusResponse }) {
<Link className="navbar-brand" href="/" style={{ padding: "3px" }}>
<img
alt="VideoAG"
- src={`${basePath}/static/logo.png`}
+ src={`${basePath}/static/logo.svg`}
width={44}
height={44}
/>
@@ -209,7 +209,7 @@ function NavBar({ status }: { status?: GetStatusResponse }) {
>
<img
alt="VideoAG"
- src={`${basePath}/static/logo.png`}
+ src={`${basePath}/static/logo.svg`}
width={44}
height={44}
/>