add link preview to website

g-harel · g-harel · commit c75d32122c99 · 2020-05-16T19:49:49.000-05:00
diff --git a/assets/logo.png b/assets/logo.png
diff --git a/assets/logo.svg b/assets/logo.svg
@@ -2,39 +2,41 @@
 <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="1000px" height="400px" viewBox="0 300 1000 400" enable-background="new 0 300 1000 400" xml:space="preserve">
-<path fill="#EC576B" d="M463.295,365.214c-25.7,0-44.2,10.9-55.4,32.5c-11.3,21.6-14.1,51.6-8.5,89.5
-	c6.1,41,17.9,71.799,35.4,92.399c17.5,20.699,39.898,30,67.199,28.5c26.4-1.5,45.102-13.201,56.102-34.801
-	c11.1-21.699,13.699-51.299,7.799-89c-5.799-38-17.5-67.1-35.1-87.8C513.195,375.814,490.695,365.214,463.295,365.214z
-	 M511.795,540.914c-3.699,9.699-10.301,14.801-19.9,15.199c-8.9,0.4-16.4-4-22.5-13.398c-6.1-9.4-11.3-28.4-15.6-57.2
-	c-6.7-44.701-0.801-67.401,17.699-67.602c19.7-0.198,32.802,22.302,39.601,67C515.195,512.613,515.494,531.215,511.795,540.914z"/>
-<path fill="#EC576B" d="M374.295,556.215c-4.302,0.398-8.602,0.799-12.9,1.197c-7.8,0.701-14.8-4.799-15.9-12.5
-	c-7.5-51.299-15.1-102.799-22.6-154.499c-1.2-7.8-8.3-13.3-16.1-12.5c-7.302,0.7-14.7,1.5-22.102,2.4c-8.3,1-14.1,8.6-12.9,16.8
-	c10.1,69.9,20.3,139.401,30.4,208.602c1.102,8,8.5,13.5,16.5,12.398c20.7-2.898,41.3-5.301,62-7.301c8.3-0.799,14.3-8.5,13.2-16.9
-	c-1.2-8.398-2.5-16.799-3.7-25.197C388.995,561.014,382.095,555.514,374.295,556.215z"/>
-<path fill="#EC576B" d="M832.395,519.715c-6.699,1.898-14.5,2.299-23.6,1.299c-9.602-1.102-17.602,7.301-16,16.801
-	c0.898,5.6,1.898,11.1,2.801,16.6c1.1,6.5,6.398,11.602,13,12c11.199,0.699,22.199-0.5,32.898-3.801
-	c20.9-6.398,37.199-18.299,48.9-34.5c11.699-16.199,16-32.898,13.1-49.7c-2.6-14.3-10-24.898-22.398-32.5
-	c-12.4-7.6-24.201-13.198-35.4-16.698c-18.801-6-28.898-13.9-30.398-22.5c-0.9-4.9,0.299-9.2,3.5-12.8c3.1-3.6,7.898-6.2,14.197-7.7
-	c5.602-1.3,12.303-1.7,20.303-1.2c9.398,0.6,16.898-7.6,15.299-16.9c-0.799-4.8-1.699-9.5-2.5-14.3c-1.199-6.9-7.102-11.9-14-12.1
-	c-11-0.3-21.699,0.7-32.299,2.9c-19.5,4.1-34.4,12.3-44.803,25.7c-10.398,13.4-14.1,29.1-11.1,47.3
-	c2.201,13.3,8.201,24.8,17.9,34.102c9.801,9.3,24.5,18.3,44.301,26c8.199,3.198,14.1,6,17.699,8.698c3.6,2.7,5.699,6,6.398,10
-	c0.9,5.201-0.199,9.9-3.398,14.201C843.596,514.814,838.795,517.914,832.395,519.715z"/>
-<path fill="#EC576B" d="M733.994,425.114c-2.799-17.398-11.799-30.9-26.898-41.1c-15.199-10.2-37.9-14.5-68.199-13.5
-	c-8.301,0.2-16.701,0.4-25,0.6c-14.301,0.3-25.1,13.1-22.9,27.3c9,58.7,18.102,117,27.102,174.801
-	c1.898,12.299,13.1,20.898,25.5,19.799c14.898-1.4,29.898-2.9,44.799-4.799c22.301-2.701,39.4-11.201,51.201-24.701
-	c11.799-13.5,16.199-29.4,13.199-47.5c-3.303-20.5-14.602-33.5-33.803-40.1c-2.799-0.898-3.5-4.5-1.398-6.5
-	C731.295,456.614,736.695,441.814,733.994,425.114z M651.596,456.814c-2.102-13.1-4.102-26.2-6.201-39.3c-0.4-2.4,1.5-4.602,4-4.602
-	c9.701,0.102,17.1,1.5,22.301,4.2c6,3.2,9.699,9.102,11.102,17.9c2.197,13.898-6.701,22.5-26.701,25.1
-	C653.895,460.414,651.895,458.914,651.596,456.814z M694.195,538.914c-5.301,3.9-13.398,6.699-24.301,8.301
-	c-2.1,0.301-4.199-1.102-4.5-3.301c-2-13.1-4.1-26.199-6.199-39.301c-0.398-2.299,1.299-4.398,3.602-4.599
-	c23-1.8,35.799,4.5,38.197,19.898C702.395,528.215,700.096,534.514,694.195,538.914z"/>
-<path fill="#EC576B" d="M155.995,656.914c12.9-4.6,25.8-8.699,38.7-12.5c22.3-6.5,39.4-17,51.2-32.6
-	c11.8-15.5,16.2-33.301,13.2-53.9c-3.3-22.5-14.1-37.301-32.5-43.398c-3.5-1.102-4.7-5.4-2.3-8.201c13.3-15.5,18.6-32,15.9-50.599
-	c-2.8-19.5-11.8-34.4-26.9-44.2c-15.1-9.7-37.8-11.3-68.1-1.8c-11.1,3.5-22.2,7.3-33.3,11.5c-11,4.1-17.7,15.3-16,26.898
-	c9.1,63.201,18.3,126.201,27.4,189C125.495,652.514,141.295,662.113,155.995,656.914z M207.295,565.613
-	c1.4,9.201-0.9,16.602-6.8,22.301c-4.9,4.801-12.3,8.9-22.2,12.699c-3,1.201-6.4-0.799-6.9-4.1c-2-13.699-4-27.4-6-41.102
-	c-0.4-2.5,1.2-4.898,3.6-5.697C192.095,542.715,204.895,548.613,207.295,565.613z M155.595,454.814c9.7-2.4,17.2-2.4,22.4-0.4
-	c6,2.302,9.7,8.4,11.1,18.102c2.2,14.8-6,25.3-24.4,32.899c-3.1,1.301-6.6-0.801-7.1-4.1c-2-13.5-3.9-27.1-5.9-40.701
-	C151.295,458.014,152.995,455.414,155.595,454.814z"/>
+	 width="1000px" height="400px" viewBox="0 0 1000 400" enable-background="new 0 0 1000 400" xml:space="preserve">
+<path fill="#EC576B" d="M463.295,65.213c-25.7,0-44.2,10.9-55.4,32.5c-11.3,21.601-14.1,51.601-8.5,89.5
+	c6.101,41,17.9,71.798,35.4,92.4c17.5,20.697,39.898,30,67.199,28.5c26.4-1.5,45.102-13.201,56.102-34.803
+	c11.101-21.697,13.699-51.299,7.799-89c-5.799-38-17.5-67.1-35.1-87.8C513.195,75.814,490.695,65.213,463.295,65.213z
+	 M511.795,240.914c-3.699,9.699-10.301,14.801-19.9,15.199c-8.899,0.398-16.399-4-22.5-13.398c-6.1-9.4-11.3-28.4-15.6-57.201
+	c-6.7-44.7-0.801-67.4,17.699-67.602c19.7-0.198,32.802,22.302,39.601,67C515.195,212.613,515.494,231.215,511.795,240.914z"/>
+<path fill="#EC576B" d="M374.295,256.215c-4.302,0.398-8.602,0.799-12.9,1.197c-7.8,0.701-14.8-4.799-15.899-12.5
+	c-7.5-51.299-15.101-102.799-22.601-154.5c-1.199-7.8-8.3-13.3-16.1-12.5c-7.302,0.7-14.7,1.5-22.103,2.399
+	c-8.3,1-14.1,8.601-12.899,16.801c10.1,69.899,20.3,139.401,30.399,208.602c1.103,8,8.501,13.5,16.501,12.398
+	c20.699-2.898,41.3-5.301,62-7.301c8.3-0.801,14.3-8.5,13.199-16.9c-1.199-8.398-2.5-16.799-3.699-25.197
+	C388.995,261.014,382.095,255.514,374.295,256.215z"/>
+<path fill="#EC576B" d="M832.395,219.715c-6.698,1.898-14.5,2.299-23.6,1.299c-9.602-1.102-17.602,7.301-16,16.801
+	c0.898,5.6,1.898,11.1,2.801,16.6c1.101,6.5,6.398,11.602,13,12c11.199,0.699,22.199-0.5,32.898-3.801
+	c20.9-6.398,37.199-18.299,48.9-34.5c11.698-16.199,16-32.898,13.1-49.7c-2.6-14.3-10-24.898-22.398-32.5
+	c-12.399-7.6-24.201-13.198-35.399-16.698c-18.802-6-28.898-13.899-30.398-22.5c-0.899-4.899,0.299-9.2,3.5-12.8
+	c3.101-3.6,7.898-6.2,14.197-7.7c5.602-1.3,12.303-1.7,20.303-1.2c9.398,0.601,16.898-7.6,15.299-16.899
+	c-0.799-4.8-1.698-9.5-2.5-14.3c-1.198-6.9-7.102-11.9-14-12.101c-11-0.3-21.698,0.7-32.299,2.9c-19.5,4.1-34.399,12.3-44.803,25.7
+	c-10.398,13.399-14.1,29.1-11.1,47.3c2.2,13.3,8.2,24.8,17.899,34.102c9.801,9.3,24.5,18.3,44.301,26
+	c8.199,3.198,14.101,6,17.699,8.698c3.6,2.7,5.699,6,6.398,10c0.899,5.202-0.199,9.901-3.398,14.202
+	C843.596,214.814,838.795,217.914,832.395,219.715z"/>
+<path fill="#EC576B" d="M733.994,125.114c-2.799-17.398-11.799-30.9-26.898-41.101c-15.198-10.199-37.899-14.5-68.198-13.5
+	c-8.302,0.2-16.701,0.4-25,0.601c-14.302,0.3-25.101,13.1-22.9,27.3c9,58.7,18.102,117,27.102,174.801
+	c1.898,12.299,13.101,20.898,25.5,19.799c14.898-1.4,29.898-2.9,44.8-4.799c22.301-2.701,39.399-11.201,51.2-24.701
+	c11.8-13.5,16.199-29.4,13.199-47.5c-3.303-20.5-14.602-33.5-33.803-40.1c-2.799-0.898-3.5-4.5-1.398-6.5
+	C731.295,156.614,736.695,141.814,733.994,125.114z M651.596,156.814c-2.102-13.101-4.102-26.2-6.201-39.301
+	c-0.399-2.399,1.5-4.602,4-4.602c9.701,0.102,17.101,1.5,22.302,4.2c6,3.2,9.698,9.102,11.102,17.899
+	c2.197,13.898-6.701,22.5-26.701,25.101C653.895,160.414,651.895,158.914,651.596,156.814z M694.195,238.914
+	c-5.302,3.9-13.398,6.699-24.302,8.301c-2.1,0.301-4.198-1.102-4.5-3.301c-2-13.1-4.1-26.199-6.198-39.301
+	c-0.398-2.299,1.299-4.399,3.602-4.6c23-1.8,35.799,4.5,38.197,19.899C702.395,228.215,700.096,234.514,694.195,238.914z"/>
+<path fill="#EC576B" d="M155.995,356.914c12.899-4.6,25.8-8.699,38.699-12.5c22.301-6.5,39.4-17,51.2-32.6
+	c11.8-15.5,16.2-33.303,13.2-53.9c-3.3-22.5-14.1-37.301-32.5-43.398c-3.5-1.102-4.7-5.4-2.3-8.201c13.3-15.5,18.6-32,15.899-50.599
+	c-2.8-19.5-11.8-34.399-26.899-44.2c-15.101-9.699-37.8-11.3-68.101-1.8c-11.1,3.5-22.199,7.3-33.3,11.5
+	c-11,4.101-17.7,15.3-16,26.898c9.101,63.201,18.3,126.201,27.4,189C125.495,352.514,141.295,362.113,155.995,356.914z
+	 M207.295,265.613c1.399,9.201-0.9,16.602-6.8,22.301c-4.9,4.801-12.301,8.9-22.2,12.699c-3,1.201-6.4-0.799-6.9-4.102
+	c-2-13.697-4-27.398-6-41.102c-0.399-2.5,1.2-4.898,3.601-5.697C192.095,242.715,204.895,248.613,207.295,265.613z M155.595,154.814
+	c9.7-2.4,17.2-2.4,22.4-0.4c6,2.302,9.699,8.4,11.1,18.102c2.2,14.801-6,25.301-24.4,32.899c-3.1,1.301-6.6-0.801-7.1-4.1
+	c-2-13.5-3.9-27.1-5.9-40.701C151.295,158.013,152.995,155.414,155.595,154.814z"/>
 </svg>
diff --git a/index.html b/index.html
@@ -5,6 +5,11 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
         <title>blobs</title>
         <script src="https://unpkg.com/blobs/v2"></script>
+        <meta property="og:url" content="https://blobs.dev" />
+        <meta property="og:type" content="website" />
+        <meta property="og:title" content="blobs" />
+        <meta property="og:description" content="Random blob generator" />
+        <meta property="og:image" content="https://blobs.dev/assets/logo.png" />
     </head>
     <body>
         <style>
@@ -66,18 +71,12 @@
                 if (!mobileElem) return;
                 console.log(window.innerWidth);
 
-                mobileElem.innerHTML = blobs2.svg(
-                    {
-                        seed: Math.random(),
-                        extraPoints: 4,
-                        randomness: 6,
-                        size: Math.min(600, window.innerWidth - 100),
-                    },
-                    {
-                        stroke: "black",
-                        strokeWidth: -10,
-                    },
-                );
+                mobileElem.innerHTML = blobs2.svg({
+                    seed: Math.random(),
+                    extraPoints: 4,
+                    randomness: 6,
+                    size: Math.min(600, window.innerWidth - 100),
+                });
             }
 
             refresh();
