From a35fce5a2707c08cbc84a5630a84d9bb5bc1730b Mon Sep 17 00:00:00 2001
From: Zafir <zafirskthelifehacker@hotmail.com>
Date: Thu, 28 Dec 2023 17:49:50 +0400
Subject: [PATCH] Built with Ember

---
 app/components/footer.hbs | 56 +++++++++++++++++++++------------------
 app/styles/app.css        |  5 ++++
 public/ember.svg          |  6 +++++
 3 files changed, 41 insertions(+), 26 deletions(-)
 create mode 100644 public/ember.svg

diff --git a/app/components/footer.hbs b/app/components/footer.hbs
index 6218121..0252b10 100644
--- a/app/components/footer.hbs
+++ b/app/components/footer.hbs
@@ -1,32 +1,36 @@
-{{!-- footer.hbs --}}
+{{!-- app/components/footer.hbs --}}
 
 <footer class="footer p-3">
   {{#if @selected}}
-  <div class="d-flex justify-content-center mb-2">
-    {{#if this.previousItem}}
-    <button class="previous btn btn-outline-primary me-2" type="button" {{on "click" (fn this.select this.previousItem)}}>
-      {{this.previousItem.title}}
-      <FaIcon class="icon" @icon="arrow-left" />
-    </button>
-    {{else}}
-    <button class="back btn btn-outline-secondary" type="button" {{on "click" @handleBack}}>
-      Back to Blogs
-    </button>
-    {{/if}}
-    {{#if this.nextItem}}
-    <button class="next btn btn-outline-primary" type="button" {{on "click" (fn this.select this.nextItem)}}>
-      {{this.nextItem.title}}
-      <FaIcon class="icon" @icon="arrow-right" />
-    </button>
-    {{else}}
-    <button class="back btn btn-outline-secondary" type="button" {{on "click" @handleBack}}>
-      Back to Blogs
-    </button>
-    {{/if}}
-  </div>
+    <div class="d-flex justify-content-center mb-2">
+      {{#if this.previousItem}}
+        <button class="previous btn btn-outline-primary me-2" type="button" {{on "click" (fn this.select this.previousItem)}}>
+          <FaIcon class="icon" @icon="arrow-left" /> {{this.previousItem.title}}
+        </button>
+      {{else}}
+        <button class="back btn btn-outline-secondary" type="button" {{on "click" @handleBack}}>
+          Back to Blogs
+        </button>
+      {{/if}}
+      {{#if this.nextItem}}
+        <button class="next btn btn-outline-primary" type="button" {{on "click" (fn this.select this.nextItem)}}>
+          {{this.nextItem.title}} <FaIcon class="icon" @icon="arrow-right" />
+        </button>
+      {{else}}
+        <button class="back btn btn-outline-secondary" type="button" {{on "click" @handleBack}}>
+          Back to Blogs
+        </button>
+      {{/if}}
+    </div>
   {{/if}}
-  <div class="d-flex justify-content-center align-items-center">
-    <p class="mb-0 me-3">{{@pageTitle}}</p>
-    <p class="mb-0">&copy; {{this.currentYear}}</p>
+  <div class="d-flex justify-content-between align-items-center w-100">
+    <div>
+      <p class="mb-0 small">{{@pageTitle}}</p>
+      <p class="mb-0 small">&copy; {{this.currentYear}}</p>
+    </div>
+    <div class="d-flex align-items-center">
+      <p class="mb-0 small">Built with</p>
+      <img src="ember.svg" alt="Custom Ember Logo" class="ember-logo"/>
+    </div>
   </div>
 </footer>
diff --git a/app/styles/app.css b/app/styles/app.css
index 859193c..5a35f47 100644
--- a/app/styles/app.css
+++ b/app/styles/app.css
@@ -70,3 +70,8 @@ img {
 .footer .next .icon {
   float: right;
 }
+
+.footer .ember-logo {
+  height: 30px;
+  width: auto;
+}
diff --git a/public/ember.svg b/public/ember.svg
new file mode 100644
index 0000000..8ea0f40
--- /dev/null
+++ b/public/ember.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="642" height="324" viewBox="0 0 642 324">
+  <g transform="translate(61 41)" fill="#E04E39" fill-rule="evenodd">
+    <path d="M509.512 137.759s-12.609 9.781-23.708 8.69c-11.098-1.093-7.613-25.892-7.613-25.892s2.393-22.744-4.144-24.655c-6.52-1.895-14.568 5.927-14.568 5.927s-10.006 11.098-14.793 25.249l-1.317.433s1.526-24.815-.209-30.469c-1.3-2.827-13.267-2.602-15.226 2.393-1.96 5.012-11.532 39.818-12.191 54.402 0 0-18.712 15.885-35.015 18.487-16.318 2.618-20.237-7.614-20.237-7.614s44.378-12.4 42.852-47.864c-1.51-35.464-35.785-22.342-39.656-19.434-3.759 2.826-23.788 14.905-29.634 48.362-.193 1.124-.546 6.103-.546 6.103s-17.186 11.516-26.76 14.568c0 0 26.76-45.037-5.862-65.484-9.175-5.523-17.172-.441-21.929 4.224-2.921 2.865 39.549-43.591 29.751-85.159C304.05.238 294.155-1.882 285.08 1.33c-13.78 5.429-19 13.476-19 13.476s-17.845 25.891-21.99 64.408c-4.127 38.5-10.214 85.063-10.214 85.063s-8.497 8.272-16.32 8.705c-7.837.418-4.352-23.29-4.352-23.29s6.087-36.106 5.67-42.21c-.45-6.087-.884-9.348-8.063-11.516-7.18-2.184-15.018 6.955-15.018 6.955s-20.655 31.32-22.39 36.107l-1.108 1.975-1.076-1.317s14.568-42.644.658-43.286c-13.925-.659-23.065 15.226-23.065 15.226s-15.885 26.55-16.543 29.586l-1.076-1.3s6.52-30.888 5.22-38.517c-1.317-7.613-8.481-6.087-8.481-6.087s-9.14-1.093-11.532 4.786c-2.394 5.879-11.099 44.812-12.191 57.212 0 0-22.84 16.319-37.858 16.528-15.002.224-13.476-9.509-13.476-9.509s55.044-18.84 40.026-56.04c-6.746-9.572-14.568-12.576-25.666-12.367-11.1.225-24.864 6.987-33.778 27-4.273 9.54-5.815 18.615-6.698 25.458 0 0-9.621 1.975-14.841-2.378-5.236-4.352-7.919 0-7.919 0s-8.962 11.436-.048 14.906c8.93 3.485 22.84 5.107 22.84 5.107 1.285 6.088 4.995 16.448 15.87 24.687 16.318 12.4 47.622-1.14 47.622-1.14l12.834-7.196s.433 11.774 9.797 13.492c9.348 1.719 13.267-.032 29.586-39.624 9.573-20.238 10.231-19.146 10.231-19.146 1.077-.225-6.312 38.5-3.485 48.94 2.827 10.457 15.227 9.364 15.227 9.364s6.746 1.301 12.19-17.844c5.43-19.146 15.886-40.251 15.886-40.251 1.285 0-3.277 39.592 3.678 52.217 6.97 12.624 25.024 4.24 25.024 4.24s12.625-6.36 14.584-8.32c0 0 14.97 12.753 36.09 10.44 47.222-9.3 64.023-21.86 64.023-21.86s8.111 20.56 33.248 22.47c28.702 2.169 44.379-15.884 44.379-15.884s-.225 11.74 9.781 15.885c10.023 4.128 16.753-19.114 16.753-19.114l16.752-46.161c1.526 0 2.393 30.019 18.937 34.805 16.528 4.787 38.066-11.21 38.066-11.21s5.22-2.876 4.353-11.581c-.883-8.706-8.705-5.461-8.705-5.461zm-435.756-21.78c5.862 5.654 3.694 17.829-7.405 25.442-11.082 7.63-16.094 6.103-16.094 6.103.659-25.891 17.636-37.215 23.499-31.545zM290.22 26.563c3.694 19.58-32.412 77.884-32.412 77.884.433-13.059 13.267-57.212 13.267-57.212S286.51 6.984 290.22 26.563zm-35.689 148.588s-2.827-9.573 5.22-36.332c8.063-26.76 26.984-16.319 26.984-16.319s13.058 10.007 2.827 36.766c-10.216 26.758-35.031 15.885-35.031 15.885zm110.087-52.426c8.915-16.319 15.885-7.405 15.885-7.405s7.614 8.272-1.092 20.672c-8.705 12.4-21.314 11.532-21.314 11.532s-2.393-8.496 6.521-24.799z"/>
+    <path d="M453.663 188.753v-3.124h1.981c.275 0 .55.028.839.057a3.2 3.2 0 0 1 .796.217c.245.102.433.246.578.434.16.188.231.449.231.767 0 .723-.216 1.186-.65 1.374-.434.188-.998.275-1.678.275h-2.097zm-2.358-4.961v11.889h2.358v-5.077h1.475l2.893 5.077h2.473l-3.182-5.193a5.62 5.62 0 0 0 1.23-.26 2.87 2.87 0 0 0 .983-.564c.29-.246.506-.564.665-.955.174-.39.246-.853.246-1.403 0-1.287-.405-2.198-1.2-2.719-.81-.535-1.967-.795-3.457-.795h-4.484zm-3.775 5.959c0-1.215.203-2.329.622-3.341a8.122 8.122 0 0 1 1.707-2.618 7.74 7.74 0 0 1 2.53-1.736 7.895 7.895 0 0 1 3.14-.622c1.099 0 2.14.203 3.11.622.983.42 1.822.998 2.545 1.736.723.737 1.287 1.605 1.72 2.618.42 1.012.637 2.126.637 3.34a8.775 8.775 0 0 1-.636 3.356c-.434 1.013-.998 1.91-1.721 2.647a7.623 7.623 0 0 1-2.546 1.75c-.969.42-2.01.622-3.11.622a7.895 7.895 0 0 1-3.138-.622 7.564 7.564 0 0 1-2.531-1.75c-.723-.738-1.288-1.634-1.707-2.647-.42-1.027-.622-2.14-.622-3.355zm-2.907 0c0 1.634.304 3.095.897 4.397.607 1.316 1.403 2.43 2.4 3.355a10.611 10.611 0 0 0 3.486 2.126c1.316.492 2.69.738 4.122.738a11.7 11.7 0 0 0 4.137-.738 10.611 10.611 0 0 0 3.486-2.126c.998-.926 1.793-2.04 2.4-3.355.594-1.302.883-2.763.883-4.397 0-1.606-.29-3.067-.882-4.368-.608-1.317-1.403-2.43-2.401-3.341a10.611 10.611 0 0 0-3.486-2.127 11.4 11.4 0 0 0-4.137-.752c-1.431 0-2.806.246-4.122.752a10.611 10.611 0 0 0-3.485 2.127c-.998.91-1.794 2.024-2.401 3.34-.593 1.302-.897 2.763-.897 4.369z"/>
+  </g>
+</svg>