Merge pull request #16 from Here-Charlie/prototype

fixed github hyperlink
Here-Charlie · May 29, 2024 · 98bd504 · 98bd504
2 parents d4f5f59 + 69d5278
commit 98bd504
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/src/App.css b/src/App.css
@@ -149,6 +149,14 @@ mark {
 .header-image {
   max-width: 2.5rem;
   max-height: 2.5rem;
+
+  transform: rotate(0deg);
+  transition: 250ms ease-in-out;
+}
+.header-image:hover {
+  cursor: pointer;
+  transform: rotate(30deg);
+  transition: 250ms ease-in-out;
 }
 .header-branding {
   display: flex;

diff --git a/src/App.js b/src/App.js
@@ -14,6 +14,10 @@ import Feature from './components/Feature';
 
 function App() {
 
+  const sendToGithub = () => {
+    window.open('https://github.com/Here-Charlie');
+  }
+
   return (
     // the main container holds all the content while the container helps to center the main container
     <div className='container'>
@@ -23,7 +27,10 @@ function App() {
             <img className='header-image' alt='charlie-logo' src={CharlieLogo} />
             <p>Here-Charlie</p>
           </div>
-          <img className='header-image' alt='github logo' src={Github} />
+
+          <div className='header-image-hyperlink' onClick={sendToGithub}>
+            <img className='header-image' alt='github logo' src={Github} />
+          </div>
         </section>
 
         <main className='content'>