@@ -205,7 +205,7 @@ header a.btn:hover{
     border: solid 1.5px var(--yellowish-tan);
 }
 .fond1{
-    background: url("../img/fond-1.jpg");
+    background: url("../img/fond-1.png");
     background-repeat: no-repeat;
     background-color:#171729;
     background-position: center 57px;
 
@@ -9,6 +9,13 @@
     <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
     <!-- Bootstrap -->
     <link href="css/bootstrap.min.css" rel="stylesheet">
+
+    <meta name="twitter:card" content="A team of open-source developers supporting the scientific computing ecosystem." />
+    <meta name="twitter:site" content="@QuantStack" />
+    <meta name="twitter:title" content="QuantStack" />
+    <meta name="twitter:description" content="Supporting the Open-Source Scientific Computing Ecosystem" />
+    <meta name="twitter:image" content="img/card.png" />
+
     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
     <!--[if lt IE 9]>
Original file line number	Diff line number	Diff line change
@@ -205,7 +205,7 @@ header a.btn:hover{
205	205	border: solid 1.5px var(--yellowish-tan);
206	206	}
207	207	.fond1{
208		- background: url("../img/fond-1.jpg");
	208	+ background: url("../img/fond-1.png");
209	209	background-repeat: no-repeat;
210	210	background-color:#171729;
211	211	background-position: center 57px;