From d52e481bb4f23d226cf4a1b20a076b3d7cc3d305 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Michal=20Bryxi=CC=81?= <michal.bryxi@gmail.com>
Date: Tue, 1 Oct 2024 12:40:31 +0200
Subject: [PATCH] docs: Mostly just adding information about the project deps

---
 README.md                      | 8 ++++++++
 app/components/about/index.gjs | 7 +++++++
 translations/en-us.yaml        | 3 +++
 3 files changed, 18 insertions(+)

diff --git a/README.md b/README.md
index 862fc43..80cda36 100644
--- a/README.md
+++ b/README.md
@@ -18,3 +18,11 @@ The app is deployed on: https://open-to-dot-dot-dot.pudr.com
 ## Demo
 
 [![Watch the video](./docs/demo.gif)](./docs/demo.gif)
+
+## Tech stack
+
+- [EmberJS](https://emberjs.com) - A framework for ambitious web developers. Ember.js is a productive, battle-tested JavaScript framework for building modern web applications. It includes everything you need to build rich UIs that work on any device.
+- [Frontile](https://frontile.dev/docs) - Frontile aims to provide the legos (components, helpers, modifiers, and styles) necessary for building consistent and powerful Ember.js apps while following best practices from the community and providing both low-level and high-level components for your application.
+- [TailwindCSS](https://tailwindcss.com) - A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup.
+- [TailwindUI](https://tailwindui.com) - Beautifully designed, expertly crafted components and templates, built by the makers of Tailwind CSS. The perfect starting point for your next project.
+- [Phosphor icons](https://phosphoricons.com) - Phosphor is a flexible icon family for interfaces, diagrams, presentations — whatever, really.
diff --git a/app/components/about/index.gjs b/app/components/about/index.gjs
index 8153f79..865451a 100644
--- a/app/components/about/index.gjs
+++ b/app/components/about/index.gjs
@@ -8,6 +8,7 @@ import UserCheck from 'ember-phosphor-icons/components/ph-user-check';
 import Chat from 'ember-phosphor-icons/components/ph-chat-centered-dots';
 import Coins from 'ember-phosphor-icons/components/ph-coins';
 import Detective from 'ember-phosphor-icons/components/ph-detective';
+import Fire from 'ember-phosphor-icons/components/ph-fire';
 import AboutItem from './item';
 import { inject as service } from '@ember/service';
 
@@ -55,6 +56,12 @@ export default class About extends Component {
         icon: GitHubLogo,
         description: this.intl.t('about.github.description'),
       },
+      {
+        href: 'https://emberjs.com',
+        label: this.intl.t('about.ember.label'),
+        icon: Fire,
+        description: this.intl.t('about.ember.description'),
+      },
       {
         href: 'https://opensource.org/license/MIT',
         label: this.intl.t('about.license.label'),
diff --git a/translations/en-us.yaml b/translations/en-us.yaml
index 24535a6..5703f0f 100644
--- a/translations/en-us.yaml
+++ b/translations/en-us.yaml
@@ -41,6 +41,9 @@ about:
   privacy:
     label: Privacy
     description: This entire application works entirely in your web browser. There are no trackers installed. And I even don't collect any usage statistics on the server side.
+  ember:
+    label: Built with EmberJS
+    description: A framework for ambitious web developers. Ember.js is a productive, battle-tested JavaScript framework for building modern web applications. It includes everything you need to build rich UIs that work on any device.
 page-title:
   application: "#OpenTo..."
   index: "Avatar generator"