Added share buttons

kd-co · May 17, 2018 · 3a97e8c · 3a97e8c
1 parent 97cee20
commit 3a97e8c
Show file tree

Hide file tree

Showing 5 changed files with 42 additions and 5 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/css/styles.css b/css/styles.css
@@ -42,7 +42,7 @@ select{
     background-repeat: no-repeat;
 }
 .navbar{
-	margin: 60px 0px;
+	margin: 60px 0px 40px 0px;
 	text-align: center;
 }
 .brand-header{
@@ -61,6 +61,11 @@ select{
 	margin: 0px;
 	font-size: 15px;
 }
+.footer-textline{
+	font-size: 12px;
+	color: #999;
+	margin: 15px 0px 0px 0px;
+}
 .btn{
 	display: block;
 	width: 100%;
@@ -90,7 +95,7 @@ select{
 	font-size: 16px;
 	line-height: 1.6;
 	border-top: 0px;
-	margin: 0px 0px 40px 0px;
+	margin: 0px 0px 30px 0px;
 }
 .charapara-text-container p{
 	margin-bottom: 20px;
@@ -142,7 +147,6 @@ select{
 }
 #copy-control-btn{
 	width: 150px;
-	border-right: none;
 }
 #settings-refresh-btn{
 	border-left: 1px solid #ddd;
@@ -157,7 +161,7 @@ select{
 	color: #bbb;
 }
 .social-links{
-	margin: 25px 0px 40px 0px; 
+	margin: 20px 0px 0px 0px; 
 }
 .center{
 	text-align: center;
@@ -168,7 +172,7 @@ select{
     opacity: .21;
 }
 .contribute-link{
-	margin-bottom: 30px;
+	margin-bottom: 40px;
 	color: #444;
 	display: block;
 	transition: all 0.1s ease-in;
@@ -184,6 +188,14 @@ select{
 	position: relative;
 	top: -1px;
 }
+#settings-share-btn{
+	border-right: 0px;
+}
+.sm-share-dropdown{
+	left: auto;
+    top: 100%;
+    right: -20px;
+}
 
 @media(max-width: 800px){
 	#copy-control-btn {

diff --git a/img/share.svg b/img/share.svg
diff --git a/index.html b/index.html
@@ -30,13 +30,28 @@
   <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
 </head>
 <body>
+
   <div class="container">
     <nav class="navbar">
       <a class="brand-header">
         ചറപറ!
       </a>
       <p class="brand-sub-header">സുലോ വിന്തേന പിഷി വാട്ടിയം കിടിരാമൽ തൈവലം.</p>
       <p class="brand-info-header">അതായതുത്തമാ, മലയാളത്തിൽ ഒരു ലോറം ഇപ്‌സം ജനറേറ്റർ!</p>
+      <div class="social-links">
+
+        <iframe src="https://www.facebook.com/plugins/share_button.php?href=https%3A%2F%2Fcharapara.in%2F&layout=button&size=large&mobile_iframe=true&width=73&height=28&appId" width="73" height="28" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>
+
+        <iframe
+          src="https://platform.twitter.com/widgets/tweet_button.html?size=l&url=https%3A%2F%2Fcharapara.in&via=kdcotweets&related=twitterapi%2Ctwitter&text=Charapara,%20an%20initiative%20by%20Kerala%20Designers%20Collaborative%20is%20a%20dummy%20text%20generator%20for%20Malayalam&hashtags=Charapara%2CLoremIpsum%2CKeralaDesignersCollaborative"
+          width="79"
+          height="28"
+          title="Charapara - Dummy Text Generator for Malayalam"
+          scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"
+          style="border: none; overflow: hidden;">
+        </iframe>
+
+      </div>
     </nav>
     <div class="row">
       <div class="col-md-8 col-md-offset-2">
@@ -91,5 +106,7 @@
         integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
         crossorigin="anonymous"></script>
   <script type="text/javascript" src="js/script.js"></script>
+
+
 </body>
 </html>
diff --git a/js/bootstrap.min.js b/js/bootstrap.min.js