Add gender and sexuality survey article.

_includes/head.html

@@ -48,6 +48,7 @@
 
   <link rel="stylesheet" href="/css/base.css" type="text/css" media="screen, projection" />
   <link rel="stylesheet" href="/css/table.css" type="text/css" media="screen, projection" />
+  <link rel="stylesheet" href="/css/posts.css" type="text/css" media="screen, projection" />
 
   <script type="text/javascript" src="/js/jquery-2.1.3.min.js"></script>
   <script type="text/javascript" src="/js/bootstrap.min.js"></script>

_posts/2019-07-04-gender-and-sexuality.md

@@ -0,0 +1,15 @@
+---
+layout: post
+title: "Gender and Sexuality"
+tags: [wona, column]
+author: "Sudhang Varshney, Manya, Saurav Mahale"
+image: gender-sexuality-survey.jpeg
+category: editorial
+excerpt: "With the recent dissolution of Article 377, the LGBTQ movement has been gaining momentum nationally and this provided Watch Out! with an impetus to appraise the climate of the campus with respect to gender sensitisation and awareness about gender and sexuality."
+---
+
+<div class="infogram-embed gender-sexuality-infogram" data-id="f3e598bc-ec1a-48f9-a571-6af502904126" data-type="interactive" data-title="Copy: Gender and Sexuality Survey-copy"></div><script>!function(e,t,s,i){var n="InfogramEmbeds",o=e.getElementsByTagName("script")[0],d=/^http:/.test(e.location)?"http:":"https:";if(/^\/{2}/.test(i)&&(i=d+i),window[n]&&window[n].initialized)window[n].process&&window[n].process();else if(!e.getElementById(s)){var r=e.createElement("script");r.async=1,r.id=s,r.src=i,o.parentNode.insertBefore(r,o)}}(document,0,"infogram-async","https://e.infogram.com/js/dist/embed-loader-min.js");</script><div style="padding:8px 0;font-family:Arial!important;font-size:13px!important;line-height:15px!important;text-align:center;border-top:1px solid #dadada;margin:0 30px"><a href="https://infogram.com/f3e598bc-ec1a-48f9-a571-6af502904126" style="color:#989898!important;text-decoration:none!important;" target="_blank">Gender and Sexuality Survey</a><br><a href="https://infogram.com" style="color:#989898!important;text-decoration:none!important;" target="_blank" rel="nofollow">Infogram</a></div>
+
+***
+
+**Illustration credits:** [http://miamioh.edu/cas/academics/programs/wgs/](http://miamioh.edu/cas/academics/programs/wgs/){: style="text-decoration:underline"}

css/posts.css

@@ -0,0 +1,10 @@
+/* INFOGRAM ARTICLE (Gender and sexuality survey) */
+.gender-sexuality-infogram {
+	width: 1040px;
+}
+
+@media (max-width: 1000px) {
+	.gender-sexuality-infogram {
+		width: 100%;
+	}
+}