Finalizing documents

Author: prafulla-codes

README.md

@@ -1,13 +1,13 @@
 # Git Widget 
 
 
-### Showcase your projects on their official websites/blogs.
+### Showcase your projects on their official websites/blogs. 👨‍💻👩‍💻
 
-### A Detailed timeline of contributions done on your project. 
+### A Detailed timeline of contributions done on your project. 💖
 
 
 
-[![Screenshot of the Meetup Widget](https://res.cloudinary.com/prafulla98/image/upload/v1582385089/Meetup-Widget/ss_2_mymjm6.png?style=center)](#installation-and-usage)
+[![Screenshot of the Git Widget](https://res.cloudinary.com/prafulla98/image/upload/v1582651061/git-widget/git-widget-ss_rsyvpl.png)](#installation-and-usage)
 
 # Installation & Usage
 

src/card.component.mjs

@@ -105,7 +105,7 @@ export class GitWidget extends HTMLElement {
                 <h5 class="event_message"> ${event.type=='PullRequestEvent' && event.payload.action=='closed'? "Closed The PR : "+"<br> <span style='color:blue'><a href='"+event.payload.pull_request.html_url+"' target='_blank'>"+event.payload.pull_request.title+"</span></a>" : '' } </h5>
                 <h5 class="event_message"> ${event.type=='IssuesEvent' && event.payload.action=='closed'? "Closed the Issue:  "+"<br> <span style='color:blue'>"+event.payload.issue.title+"</span>" : '' } </h5>
                 <h5 class="event_message"> ${event.type=='IssuesEvent' && event.payload.action=='opened'? "Opened the Issue:  "+"<br> <span style='color:blue'>"+event.payload.issue.title+"</span>" : '' } </h5>
-                <h5 class="event_message"> ${event.type=='WatchEvent' ? "<span color='blue> Is now watching the repository </span>" : '' } </h5>
+                <h5 class="event_message"> ${event.type=='WatchEvent' ? "<span style='color:blue'> Is now watching the repository </span>" : '' } </h5>
                 <h5 class="event_message"> ${event.type=='IssueCommentEvent'? "<a href='"+event.payload.comment.html_url+"' target='_blank'>"+ event.payload.comment.body+"</a>" : '' } </h5>
                 <h5 class="event_message" style="color:darkgreen"> ${event.type=='ReleaseEvent'? "<a href='"+event.payload.release.html_url+"' target='_blank'>"+ "Released A New Version ! ^_^" +"</a>" : '' } </h5>
 

src/card.style.mjs

@@ -2,8 +2,7 @@ export const css =
 `
     @import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
     .card {
-        box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
-        background-color:var(--main-bgcolor,#F6F7F8);
+        box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);        background-color:var(--main-bgcolor,#F6F7F8);
         font-family:'Roboto',sans-serif;
     }
     .card * {

src/index.html

@@ -6,7 +6,9 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <title>Git Project Widget</title>
     <style>
-     
+     body{
+         margin-left:15%;
+     }
     </style>
 </head>
 

src/index.js

@@ -1 +1 @@
-export * from './card.component.mjs';
+export * from './card.component.mjs';gi