feat: Add simple footer

app/components/footer/index.gjs

@@ -0,0 +1,25 @@
+import Component from '@glimmer/component';
+import GitHubLogo from 'ember-phosphor-icons/components/ph-github-logo';
+import LinkedInLogo from 'ember-phosphor-icons/components/ph-linkedin-logo';
+import { t } from 'ember-intl';
+
+export default class OpenToFiles extends Component {
+  <template>
+    <a
+      href='https://github.com/MichalBryxi/open-to-dot-dot-dot'
+      class='pr-6 text-gray-500 hover:text-black'
+      target='_blank'
+    >
+      <GitHubLogo class='inline' />
+      {{t 'footer.github'}}
+    </a>
+    <a
+      href='https://www.linkedin.com/posts/courtneysummer_desperate-opentowork-opentowork-activity-7241410975193513984-vexX?utm_source=share&utm_medium=member_desktop'
+      class='pr-6 text-gray-500 hover:text-black'
+      target='_blank'
+    >
+      <LinkedInLogo class='inline' />
+      {{t 'footer.linked-in'}}
+    </a>
+  </template>
+}

app/components/open-to/index.gjs

@@ -3,6 +3,7 @@ import { t } from 'ember-intl';
 import OpenToFiles from './files';
 import OpenToToggles from './toggles';
 import OpenToExport from './export';
+import Footer from '../footer';
 
 export default class OpenTo extends Component {
   <template>
@@ -38,6 +39,10 @@ export default class OpenTo extends Component {
           <div class='px-4 py-5 sm:px-6'>
             <OpenToExport />
           </div>
+
+          <div class='px-4 py-5 sm:px-6'>
+            <Footer />
+          </div>
         </div>
 
       </div>

package.json

@@ -136,5 +136,8 @@
   "exports": {
     "./tests/*": "./tests/*",
     "./*": "./app/*"
+  },
+  "dependencies": {
+    "ember-phosphor-icons": "^0.3.0"
   }
 }

translations/en-us.yaml

@@ -10,3 +10,6 @@ toggles:
   colour-stop: Colour stop
 export:
   button: Export
+footer:
+  github: GitHub
+  linked-in: Original LinkedIn post