From d478a81c24bf2108f835de2cfc9305a6af58498d Mon Sep 17 00:00:00 2001
From: john-emerson14 <john.carv.sousa@gmail.com>
Date: Mon, 23 Mar 2020 15:07:31 -0300
Subject: [PATCH] feat: add open image & fix zoom origin

---
 index.html | 4 +++-
 style.css  | 4 ++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index daf78e4..329a56c 100644
--- a/index.html
+++ b/index.html
@@ -24,7 +24,9 @@
     <div class="overlay" id="popup">
         <div class="popup">
             <div class="popup-photo">
-                <img src="https://avatars0.githubusercontent.com/u/43749971" alt="Profile Picture">
+                <a href="https://avatars0.githubusercontent.com/u/43749971" target="_blank">
+                    <img src="https://avatars0.githubusercontent.com/u/43749971" alt="Profile Picture">
+                </a>
             </div>
             <div class="popup-quote">
                 But... the sensation that I've lost something lingers for a longtime after I wake up.
diff --git a/style.css b/style.css
index b5f8b4f..5b0025a 100644
--- a/style.css
+++ b/style.css
@@ -151,7 +151,7 @@ body {
 
 .popup {
     position: relative;
-    /* top: -100vw; */
+    top: -43%;
     /* right: -100vh; */
     display: flex;
     flex-direction: column;
@@ -196,7 +196,7 @@ body {
 
 .overlay:target .popup {
     transform: scale(1);
-    /* top: 0; */
+    top: 0;
     /* right: 0; */
     /* transform: rotate(0); */
 }