chore: improve footer layout (#35)

* fix ci badge in readme * fix footer layout * remove empty line
boxfish-studio · Aug 28, 2022 · 24758ff · 24758ff
1 parent ff9c66e
commit 24758ff
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 10 deletions.
diff --git a/README.md b/README.md
@@ -14,7 +14,7 @@
 
 <p align="center">
   <a aria-label="build status" href="https://github.com/boxfish-studio/fontana/actions/workflows/ci-production.yaml">
-    <img alt="" src="https://github.com/boxfish-studio/fontana/actions/workflows/deploy_prod.yaml/badge.svg">
+    <img alt="" src="https://github.com/boxfish-studio/fontana/actions/workflows/ci-production.yaml/badge.svg">
   </a>
   <a aria-label="contributors graph" href="https://github.com/boxfish-studio/fontana/graphs/contributors">
     <img alt="" src="https://img.shields.io/github/contributors/boxfish-studio/fontana.svg">

diff --git a/pages/index.tsx b/pages/index.tsx
@@ -35,19 +35,38 @@ const Home: NextPage<{ HAS_MONGO_URI: boolean }> = ({ HAS_MONGO_URI }) => {
         </div>
         <Toast />
         <footer>
-        {version && <p className="color-fg-muted">Fontana {version}</p>}
-          <p className="color-fg-muted">
-            With{" "}
-            <StyledOcticon icon={HeartFillIcon} size={16} color="#666666" />{" "}
-            from{" "}
-            <a href="https://boxfish.studio/">
-              <u>Boxfish Studio</u>
-            </a>            
-          </p>          
+            <div>
+                <a href='https://github.com/boxfish-studio/fontana/'>
+                    <a
+                        target='_blank'
+                        rel='noopener noreferrer'
+                        className='color-fg-muted'
+                        style={{ cursor: 'pointer' }}
+                    >
+                      <u>
+                        Fontana {version}
+                      </u>
+                    </a>
+                </a>
+                <span className='color-fg-muted'> - by </span>
+                <a href='https://boxfish.studio/'>
+                    <a
+                        target='_blank'
+                        rel='noopener noreferrer'
+                        className='color-fg-muted'
+                        style={{ cursor: 'pointer' }}
+                    >
+                      <u>
+                        Boxfish Studio
+                      </u>
+                    </a>
+                </a>
+            </div>
         </footer>
       </div>
     </>
   );
 };
 
 export default Home;
+