From 0f82e2d3fab74067c7222b95087c2e7111968830 Mon Sep 17 00:00:00 2001
From: AshBardhan <ashbardhan@gmail.com>
Date: Sat, 3 Feb 2024 13:00:19 +0530
Subject: [PATCH] Update gh-page file

---
 docs/index.html | 642 +++++++++++++++++++++++-------------------------
 1 file changed, 306 insertions(+), 336 deletions(-)
diff --git a/docs/index.html b/docs/index.html
index 744a78f..c033ff2 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1,343 +1,313 @@
 <!DOCTYPE html>
 <html>
 <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-    <title>Memefy This - Make Memes Online Instantly</title>
-    <meta name="description" content="Make Memes Online Instantly">
-    <meta name="viewport" content="width=device-width">
-    <link rel="apple-touch-icon" sizes="57x57" href="favicons/apple-icon-57x57.png">
-    <link rel="apple-touch-icon" sizes="60x60" href="favicons/apple-icon-60x60.png">
-    <link rel="apple-touch-icon" sizes="72x72" href="favicons/apple-icon-72x72.png">
-    <link rel="apple-touch-icon" sizes="76x76" href="favicons/apple-icon-76x76.png">
-    <link rel="apple-touch-icon" sizes="114x114" href="favicons/apple-icon-114x114.png">
-    <link rel="apple-touch-icon" sizes="120x120" href="favicons/apple-icon-120x120.png">
-    <link rel="apple-touch-icon" sizes="144x144" href="favicons/apple-icon-144x144.png">
-    <link rel="apple-touch-icon" sizes="152x152" href="favicons/apple-icon-152x152.png">
-    <link rel="apple-touch-icon" sizes="180x180" href="favicons/apple-icon-180x180.png">
-    <link rel="icon" type="image/png" sizes="192x192"  href="favicons/android-icon-192x192.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="favicons/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="96x96" href="favicons/favicon-96x96.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="favicons/favicon-16x16.png">
-    <link rel="manifest" href="favicons/manifest.json">
-    <meta name="msapplication-TileColor" content="#ffffff">
-    <meta name="msapplication-TileImage" content="favicons/ms-icon-144x144.png">
-    <meta name="theme-color" content="#ffffff">
-    <meta name="keywords" content="memes, maymay, meme generator, meme machine, troll, funny, instant memes, dank memes, humor, fun" />
-    <link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/memefy-this/iohemjpgjkgkfgfpiglpfpcclogkelcf">
-    <link href="https://fonts.googleapis.com/css?family=Exo:400,700" rel="stylesheet">
-
-    <style type="text/css">
-        body {
-            text-align: center;
-            font-family: 'Exo', sans-serif;
-            background: white;
-            min-width: 320px;
-            font-size: 16px;
-            line-height: 1.4;
-            padding: 0;
-            margin: 0;
-            color: #4a4a4a;
-        }
-
-        *, *:before, *:after {
-            box-sizing: border-box;
-        }
-
-        .flex {
-            display: flex;
-            align-items: center;
-            height: calc(100vh - 2.5em);
-            margin: 0 auto;
-        }
-
-        .flex__main {
-            flex-basis: 40%;
-            background: #efefef;
-            height: 100%;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-        }
-
-        .flex__content {
-            flex-basis: 60%;
-        }
-
-        .flex__content > div {
-            padding: 1em 2em;
-        }
-
-        .logo {
-            height: 8em;
-            width: 8em;
-        }
-
-        h1 {
-            margin: 0;
-        }
-
-        h2 {
-            font-size: 1.75em;
-        }
-
-        video {
-            max-width: 100%;
-            height: auto;
-            margin: 1em 0;
-            background: #dadada;
-        }
-
-        img {
-            max-width: 90vw;
-        }
-
-        a {
-            outline: none;
-            text-decoration: none;
-        }
-
-        p {
-            margin: 0.75em 0;
-        }
-
-        .btn {
-            background: rgba(0, 0, 0, 0.2);
-            padding: 10px 20px;
-            display: inline-block;
-            border-radius: 8px;
-            font-size: 0.875em;
-            text-transform: uppercase;
-            transition: 0.25s ease;
-            color: rgba(0, 0, 0, 0.7);
-            letter-spacing: .05em;
-        }
-
-        .btn:hover {
-            transform: scale(1.2);
-        }
-
-        .download-btn {
-            color: white;
-            background-color: #4d7bd6;
-        }
-
-        .download-btn img {
-             margin-right: 10px;
-             vertical-align: middle;
-         }
-
-        .download-btn span {
-            vertical-align: middle;
-        }
-
-        .social-bar {
-            margin-top: 2em;
-        }
-
-        .social-bar > a {
-            margin: 0 10px;
-            transition: 0.25s ease;
-            opacity: 0.75;
-            display: inline-block;
-        }
-
-        .social-bar a:hover {
-            opacity: 1;
-        }
-
-        .social-bar svg {
-            width: 2em;
-            height: 2em;
-            vertical-align: middle;
-        }
-
-        .chrome-logo {
-            height: 2em;
-            width: 2em;
-        }
-
-        footer {
-            background: #222;
-            color: #fff;
-            height: 2.5em;
-            line-height: 2.5em;
-        }
-
-        footer a {
-            color: #2a9eea;
-        }
-
-        footer a:hover {
-            color: #2179ea;
-        }
-
-        footer span {
-            color: red;
-        }
-
-        @media (min-width: 1600px) {
-            body {
-                font-size: 18px;
-            }
-
-            .logo {
-                height: 10em;
-                width: 10em;
-            }
-
-        }
-
-        @media (max-width: 800px) {
-            body {
-                font-size: 14px;
-            }
-
-            .logo {
-                height: 10em;
-                width: 10em;
-            }
-
-            .flex {
-                display: block;
-                background: white;
-                height: auto;
-            }
-
-            .flex__main {
-                padding: 1em;
-                height: 100vh;
-            }
-        }
-
-        @media screen and (max-width: 480px) {
-            body {
-                font-size: 12px;
-            }
-        }
-
-    </style>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+	<title>Memefy This - Make Memes Online Instantly</title>
+	<meta name="description" content="Make Memes Online Instantly">
+	<meta name="viewport" content="width=device-width">
+	<link rel="apple-touch-icon" sizes="57x57" href="favicons/apple-icon-57x57.png">
+	<link rel="apple-touch-icon" sizes="60x60" href="favicons/apple-icon-60x60.png">
+	<link rel="apple-touch-icon" sizes="72x72" href="favicons/apple-icon-72x72.png">
+	<link rel="apple-touch-icon" sizes="76x76" href="favicons/apple-icon-76x76.png">
+	<link rel="apple-touch-icon" sizes="114x114" href="favicons/apple-icon-114x114.png">
+	<link rel="apple-touch-icon" sizes="120x120" href="favicons/apple-icon-120x120.png">
+	<link rel="apple-touch-icon" sizes="144x144" href="favicons/apple-icon-144x144.png">
+	<link rel="apple-touch-icon" sizes="152x152" href="favicons/apple-icon-152x152.png">
+	<link rel="apple-touch-icon" sizes="180x180" href="favicons/apple-icon-180x180.png">
+	<link rel="icon" type="image/png" sizes="192x192"  href="favicons/android-icon-192x192.png">
+	<link rel="icon" type="image/png" sizes="32x32" href="favicons/favicon-32x32.png">
+	<link rel="icon" type="image/png" sizes="96x96" href="favicons/favicon-96x96.png">
+	<link rel="icon" type="image/png" sizes="16x16" href="favicons/favicon-16x16.png">
+	<link rel="manifest" href="favicons/manifest.json">
+	<meta name="msapplication-TileColor" content="#ffffff">
+	<meta name="msapplication-TileImage" content="favicons/ms-icon-144x144.png">
+	<meta name="theme-color" content="#ffffff">
+	<meta name="keywords" content="memes, maymay, meme generator, meme machine, troll, funny, instant memes, dank memes, humor, fun" />
+	<link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/memefy-this/iohemjpgjkgkfgfpiglpfpcclogkelcf">
+	<link href="https://fonts.googleapis.com/css?family=Exo:400,700" rel="stylesheet">
+
+	<style type="text/css">
+		body {
+			text-align: center;
+			font-family: 'Exo', sans-serif;
+			background: white;
+			min-width: 320px;
+			font-size: 16px;
+			line-height: 1.4;
+			padding: 0;
+			margin: 0;
+			color: #4a4a4a;
+		}
+
+		*, *:before, *:after {
+			box-sizing: border-box;
+		}
+
+		.flex {
+			display: flex;
+			align-items: center;
+			height: calc(100vh - 2.5em);
+			margin: 0 auto;
+		}
+
+		.flex__main {
+			flex-basis: 40%;
+			background: #efefef;
+			height: 100%;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+		}
+
+		.flex__content {
+			flex-basis: 60%;
+		}
+
+		.flex__content > div {
+			padding: 1em 2em;
+		}
+
+		.logo {
+			height: 8em;
+			width: 8em;
+		}
+
+		h1 {
+			margin: 0;
+		}
+
+		h2 {
+			font-size: 1.75em;
+		}
+
+		video {
+			max-width: 100%;
+			height: auto;
+			margin: 1em 0;
+			background: #dadada;
+		}
+
+		img {
+			max-width: 90vw;
+		}
+
+		a {
+			outline: none;
+			text-decoration: none;
+		}
+
+		p {
+			margin: 0.75em 0;
+		}
+
+		.btn {
+			background: rgba(0, 0, 0, 0.2);
+			padding: 10px 20px;
+			display: inline-block;
+			border-radius: 8px;
+			font-size: 0.875em;
+			text-transform: uppercase;
+			transition: 0.25s ease;
+			color: rgba(0, 0, 0, 0.7);
+			letter-spacing: .05em;
+		}
+
+		.btn:hover {
+			transform: scale(1.2);
+		}
+
+		.download-btn {
+			color: white;
+			background-color: #4d7bd6;
+		}
+
+		.download-btn img {
+			 margin-right: 10px;
+			 vertical-align: middle;
+		 }
+
+		.download-btn span {
+			vertical-align: middle;
+		}
+
+		.social-bar {
+			margin-top: 2em;
+		}
+
+		.social-bar > a {
+			margin: 0 10px;
+			transition: 0.25s ease;
+			opacity: 0.75;
+			display: inline-block;
+		}
+
+		.social-bar a:hover {
+			opacity: 1;
+		}
+
+		.social-bar svg {
+			width: 2em;
+			height: 2em;
+			vertical-align: middle;
+		}
+
+		.chrome-logo {
+			height: 2em;
+			width: 2em;
+		}
+
+		footer {
+			background: #222;
+			color: #fff;
+			height: 2.5em;
+			line-height: 2.5em;
+		}
+
+		footer a {
+			color: #2a9eea;
+		}
+
+		footer a:hover {
+			color: #2179ea;
+		}
+
+		footer span {
+			color: red;
+		}
+
+		@media (min-width: 1600px) {
+			body {
+				font-size: 18px;
+			}
+
+			.logo {
+				height: 10em;
+				width: 10em;
+			}
+
+		}
+
+		@media (max-width: 800px) {
+			body {
+				font-size: 14px;
+			}
+
+			.logo {
+				height: 10em;
+				width: 10em;
+			}
+
+			.flex {
+				display: block;
+				background: white;
+				height: auto;
+			}
+
+			.flex__main {
+				padding: 1em;
+				height: 100vh;
+			}
+		}
+
+		@media screen and (max-width: 480px) {
+			body {
+				font-size: 12px;
+			}
+		}
+	</style>
 </head>
 <body>
-    <div class="flex">
-        <div class="flex__main">
-            <div>
-                <h1 style="text-align: center;">
-                    <img class="logo" src="logo.png" alt="" title="Memefy This">
-                </h1>
-
-                <div style="margin-top: 30px;" id="cta">
-                    <script>
-                        if (navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPod/i) || navigator.userAgent.match(/BlackBerry/i) || navigator.userAgent.match(/Windows Phone/i)) {
-                            document.write('<img src="chrome-logo.png" class="chrome-logo" alt="" style="vertical-align:middle;"><span style="vertical-align:middle;"> Available on Chrome for only Desktop devices</span>');
-                        } else {
-                            if (navigator.userAgent.indexOf('Chrome') === -1) {
-                                document.write('<img src="chrome-logo.png" class="chrome-logo" alt="" style="vertical-align:middle;"><span style="vertical-align:middle;"> Currently available only on Chrome</span>');
-                            } else {
-                                if (chrome.app.isInstalled) {
-                                    document.write('You have this extension already installed!')
-                                }
-                                else {
-                                    document.write(
-                                            '<a class="btn  download-btn" href="https://chrome.google.com/webstore/detail/memefy-this/iohemjpgjkgkfgfpiglpfpcclogkelcf" target="_blank">' +
-                                                '<img src="chrome-logo.png" class="chrome-logo" alt="">' +
-                                                '<span>Add to Chrome</span>' +
-                                            '</a>');
-                                }
-                            }
-                        }
-
-                    </script>
-                </div>
-                <div class="social-bar">
-                    <a class="github-link" href="https://github.com/AshBardhan/memefy-this/" title="Github" target="_blank">
-                        <svg viewBox="0 0 16 16" style="fill:#666;">
-                            <path d="M7.999,0.431c-4.285,0-7.76,3.474-7.76,7.761 c0,3.428,2.223,6.337,5.307,7.363c0.388,0.071,0.53-0.168,0.53-0.374c0-0.184-0.007-0.672-0.01-1.32 c-2.159,0.469-2.614-1.04-2.614-1.04c-0.353-0.896-0.862-1.135-0.862-1.135c-0.705-0.481,0.053-0.472,0.053-0.472 c0.779,0.055,1.189,0.8,1.189,0.8c0.692,1.186,1.816,0.843,2.258,0.645c0.071-0.502,0.271-0.843,0.493-1.037 C4.86,11.425,3.049,10.76,3.049,7.786c0-0.847,0.302-1.54,0.799-2.082C3.768,5.507,3.501,4.718,3.924,3.65 c0,0,0.652-0.209,2.134,0.796C6.677,4.273,7.34,4.187,8,4.184c0.659,0.003,1.323,0.089,1.943,0.261 c1.482-1.004,2.132-0.796,2.132-0.796c0.423,1.068,0.157,1.857,0.077,2.054c0.497,0.542,0.798,1.235,0.798,2.082 c0,2.981-1.814,3.637-3.543,3.829c0.279,0.24,0.527,0.713,0.527,1.437c0,1.037-0.01,1.874-0.01,2.129 c0,0.208,0.14,0.449,0.534,0.373c3.081-1.028,5.302-3.935,5.302-7.362C15.76,3.906,12.285,0.431,7.999,0.431z"></path>
-                        </svg>
-                    </a>
-                    <!--<a class="hint&#45;&#45;bottom-left" data-hint="Share on Twitter"
-                       href="http://twitter.com/share?url=https://ashbardhan.github.io/memefy-this/&text=Memefy This - Make %23Memes Online Instantly! %23TheUltimateMemeMachine&via=MemefyThis&related=MemefyThis"
-                       target="_blank" class="tweet-link">
-                        <svg viewBox="0 0 16 16" style="width:32px;height:32px;fill:#55ACEE;">
-                            <path d="M15.969,3.058c-0.586,0.26-1.217,0.436-1.878,0.515c0.675-0.405,1.194-1.045,1.438-1.809
-                      c-0.632,0.375-1.332,0.647-2.076,0.793c-0.596-0.636-1.446-1.033-2.387-1.033c-1.806,0-3.27,1.464-3.27,3.27 c0,0.256,0.029,0.506,0.085,0.745C5.163,5.404,2.753,4.102,1.14,2.124C0.859,2.607,0.698,3.168,0.698,3.767 c0,1.134,0.577,2.135,1.455,2.722C1.616,6.472,1.112,6.325,0.671,6.08c0,0.014,0,0.027,0,0.041c0,1.584,1.127,2.906,2.623,3.206 C3.02,9.402,2.731,9.442,2.433,9.442c-0.211,0-0.416-0.021-0.615-0.059c0.416,1.299,1.624,2.245,3.055,2.271 c-1.119,0.877-2.529,1.4-4.061,1.4c-0.264,0-0.524-0.015-0.78-0.046c1.447,0.928,3.166,1.469,5.013,1.469 c6.015,0,9.304-4.983,9.304-9.304c0-0.142-0.003-0.283-0.009-0.423C14.976,4.29,15.531,3.714,15.969,3.058z"/>
-                        </svg>
-                    </a>-->
-                    <a href="https://twitter.com/MemefyThis/" target="_blank" class="twitter-link" title="Twitter">
-                        <svg viewBox="0 0 16 16" style="fill:#55ACEE;">
-                            <path d="M15.969,3.058c-0.586,0.26-1.217,0.436-1.878,0.515c0.675-0.405,1.194-1.045,1.438-1.809
-                      c-0.632,0.375-1.332,0.647-2.076,0.793c-0.596-0.636-1.446-1.033-2.387-1.033c-1.806,0-3.27,1.464-3.27,3.27 c0,0.256,0.029,0.506,0.085,0.745C5.163,5.404,2.753,4.102,1.14,2.124C0.859,2.607,0.698,3.168,0.698,3.767 c0,1.134,0.577,2.135,1.455,2.722C1.616,6.472,1.112,6.325,0.671,6.08c0,0.014,0,0.027,0,0.041c0,1.584,1.127,2.906,2.623,3.206 C3.02,9.402,2.731,9.442,2.433,9.442c-0.211,0-0.416-0.021-0.615-0.059c0.416,1.299,1.624,2.245,3.055,2.271 c-1.119,0.877-2.529,1.4-4.061,1.4c-0.264,0-0.524-0.015-0.78-0.046c1.447,0.928,3.166,1.469,5.013,1.469 c6.015,0,9.304-4.983,9.304-9.304c0-0.142-0.003-0.283-0.009-0.423C14.976,4.29,15.531,3.714,15.969,3.058z"/>
-                        </svg>
-                    </a>
-                    <a href="https://www.facebook.com/MemefyThis/" target="_blank" class="facebook-link" title="Facebook">
-                        <svg viewBox="0 0 60.734 60.733" style="fill:#3b5998;">
-                            <path d="M57.378,0.001H3.352C1.502,0.001,0,1.5,0,3.353v54.026c0,1.853,1.502,3.354,3.352,3.354h29.086V37.214h-7.914v-9.167h7.914
-                                v-6.76c0-7.843,4.789-12.116,11.787-12.116c3.355,0,6.232,0.251,7.071,0.36v8.198l-4.854,0.002c-3.805,0-4.539,1.809-4.539,4.462
-                                v5.851h9.078l-1.187,9.166h-7.892v23.52h15.475c1.852,0,3.355-1.503,3.355-3.351V3.351C60.731,1.5,59.23,0.001,57.378,0.001z"/>
-                        </svg>
-                    </a>
-                    <a href="https://www.instagram.com/memefy_this/" target="_blank" class="instagram-link" title="Instagram">
-                        <svg viewBox="0 0 551.034 551.034">
-                            <g>
-
-                                <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="275.517" y1="4.57" x2="275.517" y2="549.72" gradientTransform="matrix(1 0 0 -1 0 554)">
-                                    <stop  offset="0" style="stop-color:#E09B3D"/>
-                                    <stop  offset="0.3" style="stop-color:#C74C4D"/>
-                                    <stop  offset="0.6" style="stop-color:#C21975"/>
-                                    <stop  offset="1" style="stop-color:#7024C4"/>
-                                </linearGradient>
-                                <path style="fill:url(#SVGID_1_);" d="M386.878,0H164.156C73.64,0,0,73.64,0,164.156v222.722
-		c0,90.516,73.64,164.156,164.156,164.156h222.722c90.516,0,164.156-73.64,164.156-164.156V164.156
-		C551.033,73.64,477.393,0,386.878,0z M495.6,386.878c0,60.045-48.677,108.722-108.722,108.722H164.156
-		c-60.045,0-108.722-48.677-108.722-108.722V164.156c0-60.046,48.677-108.722,108.722-108.722h222.722
-		c60.045,0,108.722,48.676,108.722,108.722L495.6,386.878L495.6,386.878z"/>
-
-                                <linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="275.517" y1="4.57" x2="275.517" y2="549.72" gradientTransform="matrix(1 0 0 -1 0 554)">
-                                    <stop  offset="0" style="stop-color:#E09B3D"/>
-                                    <stop  offset="0.3" style="stop-color:#C74C4D"/>
-                                    <stop  offset="0.6" style="stop-color:#C21975"/>
-                                    <stop  offset="1" style="stop-color:#7024C4"/>
-                                </linearGradient>
-                                <path style="fill:url(#SVGID_2_);" d="M275.517,133C196.933,133,133,196.933,133,275.516s63.933,142.517,142.517,142.517
-		S418.034,354.1,418.034,275.516S354.101,133,275.517,133z M275.517,362.6c-48.095,0-87.083-38.988-87.083-87.083
-		s38.989-87.083,87.083-87.083c48.095,0,87.083,38.988,87.083,87.083C362.6,323.611,323.611,362.6,275.517,362.6z"/>
-
-                                <linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="418.31" y1="4.57" x2="418.31" y2="549.72" gradientTransform="matrix(1 0 0 -1 0 554)">
-                                    <stop  offset="0" style="stop-color:#E09B3D"/>
-                                    <stop  offset="0.3" style="stop-color:#C74C4D"/>
-                                    <stop  offset="0.6" style="stop-color:#C21975"/>
-                                    <stop  offset="1" style="stop-color:#7024C4"/>
-                                </linearGradient>
-                                <circle style="fill:url(#SVGID_3_);" cx="418.31" cy="134.07" r="34.15"/>
-                            </g>
-                        </svg>
-                    </a>
-                    <!--<a class="hint--bottom-left" data-hint="Featured on ProductHunt" href="https://www.producthunt.com/tech/web-maker-2-0" target="_blank">
-                        <svg width="32" height="32" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M40 20c0 11.046-8.954 20-20 20S0 31.046 0 20 8.954 0 20 0s20 8.954 20 20" fill="#DA552F"></path><path d="M22.667 20H17v-6h5.667c1.656 0 3 1.343 3 3s-1.344 3-3 3m0-10H13v20h4v-6h5.667c3.866 0 7-3.134 7-7s-3.134-7-7-7" fill="#FFF"></path></g></svg>
-                    </a>-->
-                </div>
-            </div>
-        </div>
-
-        <div class="flex__content">
-            <div>
-                <h2>The Ultimate Meme Machine</h2>
-                <p>This meme generator is dedicated to those crazy people who can't live without making memes.</p>
-                <p>Experience the instant making of memes online like never before.</p>
-                <p>Just try it yourself!</p>
-                <video poster="loading.svg" width="640" height="360" autoplay="autoplay" loop>
-                    <source src="demo.mp4" type="video/mp4">
-                    Your browser does not support the video tag.
-                </video>
-            </div>
-<!--
-
-            <div style="margin:2em 0 1em">
-                Follow <a style="color:#1da1f2" href="https://twitter.com/intent/follow?screen_name=MemefyThis" target="_blank">@MemefyThis</a> for updates
-            </div>-->
-        </div>
-    </div>
-
-    <footer>Developed with <span>&hearts;</span> by <a href="https://twitter.com/CreativeBakchod" target="_blank">The Savior Meme-Maker</a></footer>
+	<div class="flex">
+		<div class="flex__main">
+			<div>
+				<h1 style="text-align: center;">
+					<img class="logo" src="logo.png" alt="" title="Memefy This">
+				</h1>
+				<div style="margin-top: 30px;" id="cta">
+					<script>
+						if (navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPod/i) || navigator.userAgent.match(/BlackBerry/i) || navigator.userAgent.match(/Windows Phone/i)) {
+							document.write('<img src="chrome-logo.png" class="chrome-logo" alt="" style="vertical-align:middle;"><span style="vertical-align:middle;"> Available on Chrome for only Desktop devices</span>');
+						} else {
+							if (navigator.userAgent.indexOf('Chrome') === -1) {
+								document.write('<img src="chrome-logo.png" class="chrome-logo" alt="" style="vertical-align:middle;"><span style="vertical-align:middle;"> Currently available only on Chrome</span>');
+							} else {
+								if (chrome.app.isInstalled) {
+									document.write('You have this extension already installed!')
+								}
+								else {
+									document.write(
+										`<a class="btn  download-btn" href="https://chrome.google.com/webstore/detail/memefy-this/iohemjpgjkgkfgfpiglpfpcclogkelcf" target="_blank">
+											<img src="chrome-logo.png" class="chrome-logo" alt="">
+											<span>Add to Chrome</span>
+										</a>`
+									);
+								}
+							}
+						}
+					</script>
+				</div>
+				<div class="social-bar">
+					<a class="github-link" href="https://github.com/AshBardhan/memefy-this/" title="Github" target="_blank">
+						<svg viewBox="0 0 16 16" style="fill:#666;">
+							<path d="M7.999,0.431c-4.285,0-7.76,3.474-7.76,7.761 c0,3.428,2.223,6.337,5.307,7.363c0.388,0.071,0.53-0.168,0.53-0.374c0-0.184-0.007-0.672-0.01-1.32 c-2.159,0.469-2.614-1.04-2.614-1.04c-0.353-0.896-0.862-1.135-0.862-1.135c-0.705-0.481,0.053-0.472,0.053-0.472 c0.779,0.055,1.189,0.8,1.189,0.8c0.692,1.186,1.816,0.843,2.258,0.645c0.071-0.502,0.271-0.843,0.493-1.037 C4.86,11.425,3.049,10.76,3.049,7.786c0-0.847,0.302-1.54,0.799-2.082C3.768,5.507,3.501,4.718,3.924,3.65 c0,0,0.652-0.209,2.134,0.796C6.677,4.273,7.34,4.187,8,4.184c0.659,0.003,1.323,0.089,1.943,0.261 c1.482-1.004,2.132-0.796,2.132-0.796c0.423,1.068,0.157,1.857,0.077,2.054c0.497,0.542,0.798,1.235,0.798,2.082 c0,2.981-1.814,3.637-3.543,3.829c0.279,0.24,0.527,0.713,0.527,1.437c0,1.037-0.01,1.874-0.01,2.129 c0,0.208,0.14,0.449,0.534,0.373c3.081-1.028,5.302-3.935,5.302-7.362C15.76,3.906,12.285,0.431,7.999,0.431z"></path>
+						</svg>
+					</a>
+					<a href="https://twitter.com/MemefyThis/" target="_blank" class="twitter-link" title="Twitter">
+						<svg viewBox="0 0 16 16" style="fill:#55ACEE;">
+							<path d="M15.969,3.058c-0.586,0.26-1.217,0.436-1.878,0.515c0.675-0.405,1.194-1.045,1.438-1.809 c-0.632,0.375-1.332,0.647-2.076,0.793c-0.596-0.636-1.446-1.033-2.387-1.033c-1.806,0-3.27,1.464-3.27,3.27 c0,0.256,0.029,0.506,0.085,0.745C5.163,5.404,2.753,4.102,1.14,2.124C0.859,2.607,0.698,3.168,0.698,3.767 c0,1.134,0.577,2.135,1.455,2.722C1.616,6.472,1.112,6.325,0.671,6.08c0,0.014,0,0.027,0,0.041c0,1.584,1.127,2.906,2.623,3.206 C3.02,9.402,2.731,9.442,2.433,9.442c-0.211,0-0.416-0.021-0.615-0.059c0.416,1.299,1.624,2.245,3.055,2.271 c-1.119,0.877-2.529,1.4-4.061,1.4c-0.264,0-0.524-0.015-0.78-0.046c1.447,0.928,3.166,1.469,5.013,1.469 c6.015,0,9.304-4.983,9.304-9.304c0-0.142-0.003-0.283-0.009-0.423C14.976,4.29,15.531,3.714,15.969,3.058z"/>
+						</svg>
+					</a>
+					<a href="https://www.facebook.com/MemefyThis/" target="_blank" class="facebook-link" title="Facebook">
+						<svg viewBox="0 0 60.734 60.733" style="fill:#3b5998;">
+							<path d="M57.378,0.001H3.352C1.502,0.001,0,1.5,0,3.353v54.026c0,1.853,1.502,3.354,3.352,3.354h29.086V37.214h-7.914v-9.167h7.914 v-6.76c0-7.843,4.789-12.116,11.787-12.116c3.355,0,6.232,0.251,7.071,0.36v8.198l-4.854,0.002c-3.805,0-4.539,1.809-4.539,4.462 v5.851h9.078l-1.187,9.166h-7.892v23.52h15.475c1.852,0,3.355-1.503,3.355-3.351V3.351C60.731,1.5,59.23,0.001,57.378,0.001z"/>
+						</svg>
+					</a>
+					<a href="https://www.instagram.com/memefy_this/" target="_blank" class="instagram-link" title="Instagram">
+						<svg viewBox="0 0 551.034 551.034">
+							<g>
+								<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="275.517" y1="4.57" x2="275.517" y2="549.72" gradientTransform="matrix(1 0 0 -1 0 554)">
+									<stop  offset="0" style="stop-color:#E09B3D"/>
+									<stop  offset="0.3" style="stop-color:#C74C4D"/>
+									<stop  offset="0.6" style="stop-color:#C21975"/>
+									<stop  offset="1" style="stop-color:#7024C4"/>
+								</linearGradient>
+								<path style="fill:url(#SVGID_1_);" d="M386.878,0H164.156C73.64,0,0,73.64,0,164.156v222.722 c0,90.516,73.64,164.156,164.156,164.156h222.722c90.516,0,164.156-73.64,164.156-164.156V164.156 C551.033,73.64,477.393,0,386.878,0z M495.6,386.878c0,60.045-48.677,108.722-108.722,108.722H164.156 c-60.045,0-108.722-48.677-108.722-108.722V164.156c0-60.046,48.677-108.722,108.722-108.722h222.722 c60.045,0,108.722,48.676,108.722,108.722L495.6,386.878L495.6,386.878z"/>
+								<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="275.517" y1="4.57" x2="275.517" y2="549.72" gradientTransform="matrix(1 0 0 -1 0 554)">
+									<stop  offset="0" style="stop-color:#E09B3D"/>
+									<stop  offset="0.3" style="stop-color:#C74C4D"/>
+									<stop  offset="0.6" style="stop-color:#C21975"/>
+									<stop  offset="1" style="stop-color:#7024C4"/>
+								</linearGradient>
+								<path style="fill:url(#SVGID_2_);" d="M275.517,133C196.933,133,133,196.933,133,275.516s63.933,142.517,142.517,142.517 S418.034,354.1,418.034,275.516S354.101,133,275.517,133z M275.517,362.6c-48.095,0-87.083-38.988-87.083-87.083 s38.989-87.083,87.083-87.083c48.095,0,87.083,38.988,87.083,87.083C362.6,323.611,323.611,362.6,275.517,362.6z"/>
+								<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="418.31" y1="4.57" x2="418.31" y2="549.72" gradientTransform="matrix(1 0 0 -1 0 554)">
+									<stop  offset="0" style="stop-color:#E09B3D"/>
+									<stop  offset="0.3" style="stop-color:#C74C4D"/>
+									<stop  offset="0.6" style="stop-color:#C21975"/>
+									<stop  offset="1" style="stop-color:#7024C4"/>
+								</linearGradient>
+								<circle style="fill:url(#SVGID_3_);" cx="418.31" cy="134.07" r="34.15"/>
+							</g>
+						</svg>
+					</a>
+				</div>
+			</div>
+		</div>
+
+		<div class="flex__content">
+			<div>
+				<h2>The Ultimate Meme Machine</h2>
+				<p>This meme generator is dedicated to those crazy people who can't live without making memes.</p>
+				<p>Experience the instant making of memes online like never before.</p>
+				<p>Just try it yourself!</p>
+				<video poster="loading.svg" width="640" height="360" autoplay muted loop>
+					<source src="demo.mp4" type="video/mp4">
+					Your browser does not support the video tag.
+				</video>
+			</div>
+		</div>
+	</div>
+
+	<footer>Developed with <span>&hearts;</span> by <a href="https://twitter.com/CreativeBakchod" target="_blank">The Savior Meme-Maker</a></footer>
 </body>
 </html>
\ No newline at end of file
