From c8168580d6867ddbd10fb7bd9bfa3bc78c1d6a54 Mon Sep 17 00:00:00 2001
From: Sergey Elpashev <elpashevs@bk.ru>
Date: Sun, 21 Jul 2024 00:31:52 +0300
Subject: [PATCH] feat: dmca footer

---
 apps/NwaifuAnime/src/app/app.component.html   |  5 +++--
 apps/NwaifuAnime/src/app/app.component.less   |  2 +-
 apps/NwaifuAnime/src/app/app.component.ts     |  9 ++++++++-
 .../components/footer/footer.component.html   | 19 +++++++++++++++++++
 .../components/footer/footer.component.less   |  0
 .../app/components/footer/footer.component.ts |  9 +++++++++
 6 files changed, 40 insertions(+), 4 deletions(-)
 create mode 100644 apps/NwaifuAnime/src/app/components/footer/footer.component.html
 create mode 100644 apps/NwaifuAnime/src/app/components/footer/footer.component.less
 create mode 100644 apps/NwaifuAnime/src/app/components/footer/footer.component.ts

diff --git a/apps/NwaifuAnime/src/app/app.component.html b/apps/NwaifuAnime/src/app/app.component.html
index f6d2c90..108fcc6 100644
--- a/apps/NwaifuAnime/src/app/app.component.html
+++ b/apps/NwaifuAnime/src/app/app.component.html
@@ -8,7 +8,8 @@
 }
 <app-header></app-header>
 <div class="h-10"></div>
-<main>
+<div class="content">
   <router-outlet></router-outlet>
-</main>
+  <app-footer></app-footer>
+</div>
 <app-notification></app-notification>
diff --git a/apps/NwaifuAnime/src/app/app.component.less b/apps/NwaifuAnime/src/app/app.component.less
index c0e8fc0..af07b7d 100644
--- a/apps/NwaifuAnime/src/app/app.component.less
+++ b/apps/NwaifuAnime/src/app/app.component.less
@@ -1,4 +1,4 @@
-main {
+.content {
   overflow-y: auto;
   height: calc(100vh - 3rem);
 }
diff --git a/apps/NwaifuAnime/src/app/app.component.ts b/apps/NwaifuAnime/src/app/app.component.ts
index 2ebfc62..099782a 100644
--- a/apps/NwaifuAnime/src/app/app.component.ts
+++ b/apps/NwaifuAnime/src/app/app.component.ts
@@ -1,12 +1,19 @@
 import { Component } from "@angular/core";
 import { RouterModule } from "@angular/router";
 import { AppService } from "./app.service";
+import { FooterComponent } from "./components/footer/footer.component";
 import { HeaderComponent } from "./components/header/header.component";
 import { NotificationComponent } from "./components/notification/notification.component";
 
 @Component({
   standalone: true,
-  imports: [RouterModule, HeaderComponent, NotificationComponent, NotificationComponent],
+  imports: [
+    RouterModule,
+    HeaderComponent,
+    NotificationComponent,
+    NotificationComponent,
+    FooterComponent,
+  ],
   selector: "app-root",
   templateUrl: "./app.component.html",
   styleUrl: "./app.component.less",
diff --git a/apps/NwaifuAnime/src/app/components/footer/footer.component.html b/apps/NwaifuAnime/src/app/components/footer/footer.component.html
new file mode 100644
index 0000000..c9b6300
--- /dev/null
+++ b/apps/NwaifuAnime/src/app/components/footer/footer.component.html
@@ -0,0 +1,19 @@
+<div class="footer w-full border-t border-black bg-gray-300 pt-3">
+  <p class="text-3xl ps-[5rem]">DMCA Disclaimer</p>
+  <div class="footer-content h-full px-[5rem] py-6 flex flex-col gap-3">
+    <div class="block">
+      <p>На русском:</p>
+      <p>
+        Разработчики этого приложения не имеют никакого отношения к контенту, доступному в
+        приложении. Оно собрано из источников, свободно доступных через любой веб-браузер.
+      </p>
+    </div>
+    <div class="block">
+      <p>English:</p>
+      <p>
+        The developers of this application does not have any affiliation with the content available
+        in the app. It is collecting from the sources freely available through any web browser.
+      </p>
+    </div>
+  </div>
+</div>
diff --git a/apps/NwaifuAnime/src/app/components/footer/footer.component.less b/apps/NwaifuAnime/src/app/components/footer/footer.component.less
new file mode 100644
index 0000000..e69de29
diff --git a/apps/NwaifuAnime/src/app/components/footer/footer.component.ts b/apps/NwaifuAnime/src/app/components/footer/footer.component.ts
new file mode 100644
index 0000000..ce19e33
--- /dev/null
+++ b/apps/NwaifuAnime/src/app/components/footer/footer.component.ts
@@ -0,0 +1,9 @@
+import { Component } from "@angular/core";
+
+@Component({
+  selector: "app-footer",
+  templateUrl: "./footer.component.html",
+  styleUrls: ["./footer.component.less"],
+  standalone: true,
+})
+export class FooterComponent {}