Use svg logo

public/static/logo.svg

+<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

src/pages/faq.tsx

@@ -244,10 +244,10 @@ export default function FAQ() {
                     <p>
                         Aktuell verwenden wir den Local Storage um folgendes zu speichern (Technisch
                         Notwendig)
+                    </p>
                     <ul>
                         <li>
-                                <code>language</code>: Welche Sprache du gewählt hast
-                                (Deutsch/Englisch)
+                            <code>language</code>: Welche Sprache du gewählt hast (Deutsch/Englisch)
                         </li>
                         <li>
                             <code>theme</code>: Welches Design du gewählt hast (Dark/Light)
@@ -257,7 +257,6 @@ export default function FAQ() {
                             gesehen hast und mit dem x weggeklickt hast
                         </li>
                     </ul>
-                    </p>
                     <p>
                         Cookies werden beim reinen Betrachten der Seite setzen überhaupt keine
                         gesetzt. Einzig bei der Authentifizierung für RWTH- oder Lernraum-interne

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}
                             />

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">

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}
                                     />