Add credits and alter indexing info

ninypops · Jan 10, 2023 · 24b5ce7 · 24b5ce7
1 parent 35ea108
commit 24b5ce7
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 3 deletions.
diff --git a/public/index.html b/public/index.html
@@ -2,14 +2,13 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <link rel="icon" href="%PUBLIC_URL%/favicon.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <meta
       name="description"
       content="Web site created using create-react-app"
     />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
@@ -24,7 +23,7 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>React App</title>
+    <title>Masonry Image Gallery</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>

diff --git a/src/App.js b/src/App.js
@@ -1,11 +1,13 @@
 import React from 'react';
 import './App.css';
 import ImageGallery from "./components/ImageGallery";
+import Credits from "./components/Credits";
 
 function App() {
   return (
     <React.Fragment>
       <ImageGallery />
+      <Credits />
     </React.Fragment>
   );
 }

diff --git a/src/components/Credits.js b/src/components/Credits.js
@@ -0,0 +1,17 @@
+import React from "react";
+import styled from "styled-components";
+
+const Container = styled.div`
+    margin: 3rem 8rem;
+    @media only screen and (max-width: 900px) {
+        margin: .5rem;
+    }
+`;
+
+const Credits = () => (
+    <Container>
+        <p><em>Made by <a href="https://ninypops.com" rel="noreferrer" target="_blank">ninypops</a>.</em></p>
+    </Container>
+)
+
+export default Credits;