From dceaa55a6c9456cb52a52a37c97700af37291f3f Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Sat, 2 Sep 2023 08:39:32 +0200
Subject: [PATCH] Feature/add hacker news logo to landing page (#2281)

* Add Hacker News

* Update changelog
---
 CHANGELOG.md                                        | 4 ++++
 apps/client/src/app/pages/landing/landing-page.html | 8 ++++++++
 apps/client/src/app/pages/landing/landing-page.scss | 5 +++++
 apps/client/src/assets/images/logo-hacker-news.svg  | 3 +++
 4 files changed, 20 insertions(+)
 create mode 100644 apps/client/src/assets/images/logo-hacker-news.svg

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 316e46739..70c2429b6 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## Unreleased
 
+### Added
+
+- Added _Hacker News_ to the _As seen in_ section on the landing page
+
 ### Changed
 
 - Shortened the page titles
diff --git a/apps/client/src/app/pages/landing/landing-page.html b/apps/client/src/app/pages/landing/landing-page.html
index d5f9cee05..79e461334 100644
--- a/apps/client/src/app/pages/landing/landing-page.html
+++ b/apps/client/src/app/pages/landing/landing-page.html
@@ -134,6 +134,14 @@
         title="DEV Community - A constructive and inclusive social network for software developers"
       ></a>
     </div>
+    <div class="col-md-3 d-flex justify-content-center my-1">
+      <a
+        class="d-block logo logo-hacker-news mask"
+        href="https://news.ycombinator.com"
+        target="_blank"
+        title="Hacker News"
+      ></a>
+    </div>
     <div class="col-md-3 d-flex justify-content-center my-1">
       <a
         class="d-block logo logo-openstartup"
diff --git a/apps/client/src/app/pages/landing/landing-page.scss b/apps/client/src/app/pages/landing/landing-page.scss
index 77f6cc87b..6d5578ffb 100644
--- a/apps/client/src/app/pages/landing/landing-page.scss
+++ b/apps/client/src/app/pages/landing/landing-page.scss
@@ -53,6 +53,10 @@
       mask-image: url('/assets/images/logo-dev-community.svg');
     }
 
+    &.logo-hacker-news {
+      mask-image: url('/assets/images/logo-hacker-news.svg');
+    }
+
     &.logo-openstartup {
       background-image: url('/assets/images/logo-openstartup.png');
       background-position: center;
@@ -128,6 +132,7 @@
     &.logo-agplv3,
     &.logo-alternative-to,
     &.logo-dev-community,
+    &.logo-hacker-news,
     &.logo-privacy-tools,
     &.logo-reddit,
     &.logo-sackgeld,
diff --git a/apps/client/src/assets/images/logo-hacker-news.svg b/apps/client/src/assets/images/logo-hacker-news.svg
new file mode 100644
index 000000000..66629ed7e
--- /dev/null
+++ b/apps/client/src/assets/images/logo-hacker-news.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="256px" height="256px">
+  <path d="M 1 1 L 1 14 L 14 14 L 14 1 Z M 2 2 L 13 2 L 13 13 L 2 13 Z M 4.644531 4 L 7 8.125 L 7 11 L 8 11 L 8 8.140625 L 10.367188 4 L 9.21875 4 L 7.507813 6.992188 L 5.796875 4 Z"/>
+</svg>