ui: use GX34's Twitter response, use iframes from GettyImages (#2)

This PR tweaks the source images URL -- instead of using static images for all 3 -- I used Getty Images embed for copyright reasons (https://www.gettyimages.com/resources/embed) for 2 images, while using 1 from Arsenal's Twitter.

README.md

@@ -1,8 +1,8 @@
-# wysiots
+# bekind
 
 > ✨ Bootstrapped with Create Snowpack App (CSA).
 
-What You See Is Only The Surface (WYSIOTS) is a small interactive site, built with the hope so people will consider it's not always a happy story behind every smile.
+bekind is a small interactive site, built with the hope so people will consider it's not always a happy story behind every smile.
 
 ## Available Scripts
 
@@ -29,9 +29,8 @@ No eject needed! Snowpack guarantees zero lock-in, and CSA strives for the same.
 
 ## Image sources
 
-- https://www.instagram.com/p/CEgfn3JqlQc/
-- Embed from Getty Images. All within the free of use terms: https://www.gettyimages.com/resources/embed.
-
-<a id='k-VscjmWTstPBd7N8cqgkQ' class='gie-single' href='http://www.gettyimages.com/detail/1183802772' target='_blank' style='color:#a7a7a7;text-decoration:none;font-weight:normal !important;border:none;display:inline-block;'>Embed from Getty Images</a><script>window.gie=window.gie||function(c){(gie.q=gie.q||[]).push(c)};gie(function(){gie.widgets.load({id:'k-VscjmWTstPBd7N8cqgkQ',sig:'-CPd5mGTFm5050iUVV4_mHokMVXDnFl5iNS4sqJY52w=',w:'594px',h:'449px',items:'1183802772',caption: true ,tld:'com',is360: false })});</script><script src='//embed-cdn.gettyimages.com/widgets.js' charset='utf-8' async></script>
-
-<a id='Q8sqFCZ4QepLHDg28FMJOQ' class='gie-single' href='http://www.gettyimages.com/detail/1183802758' target='_blank' style='color:#a7a7a7;text-decoration:none;font-weight:normal !important;border:none;display:inline-block;'>Embed from Getty Images</a><script>window.gie=window.gie||function(c){(gie.q=gie.q||[]).push(c)};gie(function(){gie.widgets.load({id:'Q8sqFCZ4QepLHDg28FMJOQ',sig:'59kcSk8uB4t8bt0okASGKg95gGJ40ZK7SqOSDccwZZw=',w:'594px',h:'437px',items:'1183802758',caption: true ,tld:'com',is360: false })});</script><script src='//embed-cdn.gettyimages.com/widgets.js' charset='utf-8' async></script>
+1. Granit Xhaka's Instagram: https://www.instagram.com/p/CEgfn3JqlQc/.
+2. Embed from Getty Images. All within the free of use terms: https://www.gettyimages.com/resources/embed.
+   2.1. Granit Xhaka of Arsenal reacts to the crowd after being substituted by Manager Unai Emery: https://www.gettyimages.com/detail/news-photo/granit-xhaka-of-arsenal-reacts-to-the-crowd-after-being-news-photo/1183802758.
+   2.2. Granit Xhaka of Arsenal takes off his shirt as he walks down the tunnel after being substituted by Manager Unai Emery: https://www.gettyimages.com/detail/news-photo/granit-xhaka-of-arsenal-takes-off-his-shirt-as-he-walks-news-photo/1183802772.
+3. Granit Xhaka's response on Arsenal's Twitter: https://twitter.com/Arsenal/status/1189985747580936192.

package.json

@@ -1,8 +1,8 @@
 {
-  "name": "wysiots",
+  "name": "bekind",
   "version": "0.0.1",
   "main": "index.js",
-  "repository": "git@github.com:Imballinst/wysiots.git",
+  "repository": "git@github.com:Imballinst/bekind.git",
   "author": "Try Ajitiono <ballinst@gmail.com>",
   "license": "MIT",
   "scripts": {

public/index.html

@@ -29,8 +29,8 @@
     />
 
     <!-- Primary Meta Tags -->
-    <title>What You See is Only the Surface</title>
-    <meta name="title" content="What You See is Only the Surface" />
+    <title>Be Kind</title>
+    <meta name="title" content="Be Kind" />
     <meta
       name="description"
       content="It's not always a happy story behind every smile."
@@ -39,22 +39,22 @@
     <!-- Open Graph / Facebook -->
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://bekind.peepohappy.id/" />
-    <meta property="og:title" content="What You See is Only the Surface" />
+    <meta property="og:title" content="Be Kind" />
     <meta
       property="og:description"
       content="It's not always a happy story behind every smile."
     />
-    <meta property="og:image" content="/wysiots-icon-1200x628.png" />
+    <meta property="og:image" content="/bekind-icon-1200x628.png" />
 
     <!-- Twitter -->
     <meta property="twitter:card" content="summary_large_image" />
     <meta property="twitter:url" content="https://bekind.peepohappy.id/" />
-    <meta property="twitter:title" content="What You See is Only the Surface" />
+    <meta property="twitter:title" content="Be Kind" />
     <meta
       property="twitter:description"
       content="It's not always a happy story behind every smile."
     />
-    <meta property="twitter:image" content="/wysiots-icon-1200x628.png" />
+    <meta property="twitter:image" content="/bekind-icon-1200x628.png" />
 
     <!-- Google site verification. -->
     <meta