Update open graph to reflect open source (#2)

* Add open graph

* update open graph content to reflect open source

README.md

@@ -1,4 +1,7 @@
-# ClassroomIO
+<a href="https://classroomio.com/">
+  <img alt="Spend less time doing the boring stuffs, instead focus on impacting the lives of your students." src="https://classroomio.com/classroomio-opengraph-image.png" />
+  <h1 align="center">ClassroomIO</h1>
+</a>
 
 The Open Source Teaching Platform for Bootcamps
 

src/app.html

@@ -12,24 +12,24 @@
   <link rel="icon" type="image/png" sizes="32x32" href="/logo-32.png" />
   <link rel="stylesheet" href="https://cdn.plyr.io/3.7.3/plyr.css" />
 
-  <title>ClassroomIO –&nbsp;The LMS with Superpowers</title>
+  <title>ClassroomIO –&nbsp;The Open Source Platform for Tech Bootcamp</title>
   <meta name="description"
-    content="ClassroomIO provides AI-powered, easy-to-use tools that empowers educators build, automate and enrich learning experiences in and outside the classroom." />
+    content="Spend less time doing the boring stuffs, instead focus on impacting the lives of your students." />
   <meta name="theme-color" content="#ffffff" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <meta property="og:title" content="ClassroomIO –&nbsp;The LMS with Superpowers" />
+  <meta property="og:title" content="ClassroomIO –&nbsp;The Open Source Platform for Tech Bootcamp" />
   <meta property="og:description"
-    content="ClassroomIO provides AI-powered, easy-to-use tools that empowers educators build, automate and enrich learning experiences in and outside the classroom." />
+    content="Spend less time doing the boring stuffs, instead focus on impacting the lives of your students." />
   <meta property="og:type" content="website" />
   <meta property="og:image:type" content="image/png" />
-  <meta property="og:image:width" content="1640" />
-  <meta property="og:image:height" content="924" />
-  <meta property="og:image:secure_url" content="https://app.classroomio.com/classroomio-opengraph-image.png" />
+  <meta property="og:image:width" content="1920" />
+  <meta property="og:image:height" content="1080" />
+  <meta property="og:image:secure_url" content="https://classroomio.com/classroomio-opengraph-image.png" />
   <meta name="twitter:card" content="summary_large_image" />
   <meta name="twitter:creator" content="@rotimi_best" />
-  <meta name="twitter:title" content="ClassroomIO –&nbsp;The LMS with Superpowers" />
+  <meta name="twitter:title" content="ClassroomIO –&nbsp;The Open Source Platform for Tech Bootcamp" />
   <meta name="twitter:description"
-    content="ClassroomIO provides AI-powered, easy-to-use tools that empowers educators build, automate and enrich learning experiences in and outside the classroom." />
+    content="Spend less time doing the boring stuffs, instead focus on impacting the lives of your students." />
 
   <!-- <link rel="stylesheet" href="global.css"> -->
   <link rel="manifest" href="/manifest.json" crossorigin="use-credentials" />