Add OpenAlternative logo (#3225)

apps/client/src/app/pages/landing/landing-page.html

@@ -152,10 +152,10 @@
     </div>
     <div class="col-md-3 d-flex justify-content-center my-1">
       <a
-        class="d-block logo logo-openstartup"
+        class="d-block logo logo-openalternative mask"
-        href="https://openstartup.tm"
+        href="https://openalternative.co"
         target="_blank"
-        title="Open Startup: The most complete list of open startups"
+        title="OpenAlternative: Open Source Alternatives to Popular Software"
       ></a>
     </div>
     <div class="col-md-3 d-flex justify-content-center my-1">

apps/client/src/app/pages/landing/landing-page.scss

@@ -57,12 +57,8 @@
       mask-image: url('/assets/images/logo-hacker-news.svg');
     }
 
-    &.logo-openstartup {
+    &.logo-openalternative {
-      background-image: url('/assets/images/logo-openstartup.png');
+      mask-image: url('/assets/images/logo-openalternative.svg');
-      background-position: center;
-      background-repeat: no-repeat;
-      background-size: contain;
-      filter: grayscale(1);
     }
 
     &.logo-privacy-tools {
@@ -133,6 +129,7 @@
     &.logo-alternative-to,
     &.logo-dev-community,
     &.logo-hacker-news,
+    &.logo-openalternative,
     &.logo-privacy-tools,
     &.logo-reddit,
     &.logo-sackgeld,