Merge pull request #5 from Neilblaze/master

Updating from remote
Neilblaze · Dec 5, 2020 · f0bc4a2 · f0bc4a2
2 parents d9a5d04 + 80fbc17
commit f0bc4a2
Show file tree

Hide file tree

Showing 4 changed files with 108 additions and 2 deletions.
diff --git a/.all-contributorsrc b/.all-contributorsrc
@@ -22,6 +22,15 @@
       "contributions": [
         "doc"
       ]
+    },
+    {
+      "login": "Kerveyfelix",
+      "name": "Kerin Pithawala",
+      "avatar_url": "https://avatars3.githubusercontent.com/u/46436993?v=4",
+      "profile": "https://github.com/Kerveyfelix",
+      "contributions": [
+        "code"
+      ]
     }
   ],
   "contributorsPerLine": 7,

diff --git a/README.md b/README.md
@@ -121,6 +121,7 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
   <tr>
     <td align="center"><a href="https://www.linkedin.com/in/shobhit-kumar-1979b1191/"><img src="https://avatars0.githubusercontent.com/u/58087950?v=4" width="100px;" alt=""/><br /><sub><b>shobhit kumar</b></sub></a><br /><a href="https://github.com/Neilblaze/Anyxz/commits?author=kumarshobhit" title="Code">💻</a></td>
     <td align="center"><a href="https://www.linkedin.com/in/pranav-mendiratta-89713a173/"><img src="https://avatars1.githubusercontent.com/u/54665036?v=4" width="100px;" alt=""/><br /><sub><b>Pranav</b></sub></a><br /><a href="https://github.com/Neilblaze/Anyxz/commits?author=Pranav016" title="Documentation">📖</a></td>
+    <td align="center"><a href="https://www.linkedin.com/in/kerinpithawala"><img src="https://avatars0.githubusercontent.com/u/46436993?v=4" width="100px;" alt=""/><br /><sub><b>Kerin Pithawala</b></sub></a><br /><a href="https://github.com/Neilblaze/Anyxz/commits?author=Kerveyfelix" title="Code">💻</a></td>
   </tr>
 </table>
 

diff --git a/index.html b/index.html
@@ -23,6 +23,7 @@
   <!--   added the url of the website  -->
   <meta property="og:url" content="https://anyxz.vercel.app" />
   <link rel="shortcut icon" href="./assets/favicon.png" type="image/x-icon" />
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
   <link rel="stylesheet" href="styles.css" />
   <link rel="preconnect" href="https://fonts.gstatic.com">
   <link href="https://fonts.googleapis.com/css2?family=Alef&display=swap" rel="stylesheet">
@@ -38,6 +39,7 @@
   <h1 id="title">Anyxz</h1>
 
   <!-- Experiment Alert Start-->
+
   <div class="alert alert-primary" role="alert" id="expmnt-alert">
     This is an experiment!,
     <a href="mailto:[email protected]">send feedback</a>
@@ -89,14 +91,15 @@ <h1 id="title">Anyxz</h1>
   <!-- Webcam doc and warning section END -->
 
   <!-- Audio permission denial - toast warning START -->
+
   <div class="toast" role="alert" aria-live="assertive" aria-atomic="true" id="audio-denial-toast">
     <div class="toast-header">
       <strong class="mr-auto" id="toast-title">No Audio</strong>
       <button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
         <span aria-hidden="true">&times;</span>
       </button>
     </div>
-    <div class="toast-body">
+
       Audio permission denied, recording without audio
     </div>
   </div>
@@ -105,9 +108,31 @@ <h1 id="title">Anyxz</h1>
   <!-- Showing application loading time -->
   <h4 id="loading-time">Estimated loading time: 30 seconds</h4>
   <div id="dom-elements" style="display: none;">
+    <div class="toast-body">
+      <div class="share">
+
+        <!-- facebook -->
+        <a class="facebook" href="https://www.facebook.com/share.php?u=https://anyxz.vercel.app" target="blank"><i class="fa fa-facebook"></i></a>
+
+
+        <!-- twitter -->
+        <a class="twitter" href="https://twitter.com/intent/tweet?status=https://anyxz.vercel.app" target="blank"><i class="fa fa-twitter"></i></a>
+
+        <!-- google plus -->
+        <a class="googleplus" href="https://plus.google.com/share?url=https://anyxz.vercel.app" target="blank"><i class="fa fa-google-plus"></i></a>
+
+        <!-- linkedin -->
+        <a class="linkedin" href="https://www.linkedin.com/shareArticle?mini=true&url=https://anyxz.vercel.app" target="blank"><i class="fa fa-linkedin"></i></a>
+
+        <!-- pinterest -->
+        <a class="pinterest" href="https://pinterest.com/pin/create/bookmarklet/?url=https://anyxz.vercel.app" target="blank"><i class="fa fa-pinterest-p"></i></a>
+
+      </div>
     <div class="row" id="event-container">
+
       <div class="col col-lg-6 col-md-12">
         <!-- Background Input Start -->
+
         <label for="image-upload" id="image-upload-container">
           <span class="btn btn-warning" data-toggle="tooltip" title="import background image from device">
             <img src="./assets/folder-search.svg" alt="import background image from device" width="20px"
@@ -136,6 +161,7 @@ <h4 id="loading-time">Estimated loading time: 30 seconds</h4>
             </nav>
 
             <div class="tab-content py-3 px-3 px-sm-0" id="nav-tabContent">
+
               <!-- Video Capture and Recording Start -->
               <div class="tab-pane fade show active" id="nav-video-capture" role="tabpanel"
                 aria-labelledby="nav-video-capture-tab">
@@ -165,6 +191,7 @@ <h4 id="loading-time">Estimated loading time: 30 seconds</h4>
               <!-- Video Capture and Recording End -->
 
               <!-- Image Capture Start -->
+
               <div class="tab-pane fade" id="nav-image-capture" role="tabpanel" aria-labelledby="nav-image-capture-tab">
                 <div id="image-capture-container">
                   <button class="btn btn-secondary" id="capture-frame-btn">

diff --git a/styles.css b/styles.css
@@ -288,6 +288,7 @@ nav > div a.nav-item.nav-link:hover {
   }
 }
 
+
 /* code for the dark mode */
 .dark{
   font-size: 1.5em;
@@ -296,4 +297,72 @@ nav > div a.nav-item.nav-link:hover {
 .switch{
   background-color: rgba(0, 0, 0, 0.753);
   color: #e5e9e9;
-}
+}
+
+#footerpad {
+  padding-top: 70px;
+  padding-bottom: 20px;
+  background-color: #000000;
+  display: block;
+  font-family: 'Alef', sans-serif !important;
+  margin: 0 5vw;
+}
+
+.share {
+	//width: 100%;
+  	margin: 5px auto;
+  	text-align: center;
+}
+
+/* buttons */
+
+.share a {
+	//align:left;
+	width: 25px;
+  	height: 25px;
+  	display: block;
+  	margin: 4px;
+  	border-radius: 50%;
+  	font-size: 12px;
+  	color: #fff;
+	opacity: 0.75;
+	transition: opacity 0.15s linear;
+}
+
+.share a:hover {
+	opacity: 1;
+}
+
+/* icons */
+
+.share i {
+  	position: relative;
+  	top: 41%;
+  	transform: translateY(-50%);
+
+}
+
+/* colors */
+
+.facebook {
+ 	background: #3b5998;
+}
+
+.twitter {
+  	background: #55acee;
+}
+
+.googleplus {
+  	background: #dd4b39;
+}
+
+.linkedin {
+  	background: #0077b5;
+}
+
+.pinterest {
+  	background: #cb2027;
+}
+
+
+