squircle

commit f8332999c0965361a3c532bee45846b80d44f2d9
parent 97dc2dad58984523ab8d7a3a4fcae50d9b1eb9a6
Author: George Francis <georgedoescode@gmail.com>
Date:   Fri, 10 Jul 2020 14:30:29 +0100

add a little made by thing

Diffstat:
M
src/App.vue
 | 
1
-
M
src/components/TheInfoSection.vue
 | 
18
++++++++++++++++++

2 files changed, 18 insertions(+), 1 deletion(-)
diff --git a/src/App.vue b/src/App.vue
@@ -33,7 +33,6 @@ export default {
         <TheSquircleExplosion />
         <div class="app__content">
             <TheGenerator />
-
             <TheInfoSection />
         </div>
     </div>
diff --git a/src/components/TheInfoSection.vue b/src/components/TheInfoSection.vue
@@ -28,6 +28,14 @@ export default {
             </p>
             <p class="info-section__paragraph">Have fun! 🎨</p>
         </div>
+        <div class="app__footer">
+            <p class="info-section__paragraph">
+                Made by
+                <a href="https://github.com/georgedoescode" target="_blank"
+                    >georgedoescode</a
+                >
+            </p>
+        </div>
     </div>
 </template>
 
@@ -69,6 +77,16 @@ export default {
     margin-bottom: var(--spacing-8);
 }
 
+.app__footer {
+    width: 100%;
+    grid-column: 2 / 6;
+    margin-top: var(--spacing-7);
+}
+
+.app__footer a {
+    color: #4d3df7;
+}
+
 @media only screen and (max-width: 68rem) {
     .info-section {
         padding: 0 var(--spacing-4);