Initial commit

2018-07-22 15:39:43 -07:00
commit 59570c8e75
37 changed files with 1684 additions and 0 deletions
--- a/campaign/aaron.jpg
+++ b/campaign/aaron.jpg
--- a/campaign/banner.jpg
+++ b/campaign/banner.jpg
--- a/campaign/bettina.jpg
+++ b/campaign/bettina.jpg
--- a/campaign/care.jpg
+++ b/campaign/care.jpg
--- a/campaign/contact.jpg
+++ b/campaign/contact.jpg
--- a/campaign/cover.jpg
+++ b/campaign/cover.jpg
--- a/campaign/favicon.png
+++ b/campaign/favicon.png
--- a/campaign/frame.png
+++ b/campaign/frame.png
--- a/campaign/icon0.png
+++ b/campaign/icon0.png
--- a/campaign/icon1.png
+++ b/campaign/icon1.png
--- a/campaign/icon2.png
+++ b/campaign/icon2.png
--- a/campaign/index.html
+++ b/campaign/index.html
@@ -0,0 +1,203 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Vaasavi and Aaron 2016</title>
+    <script src="https://use.typekit.net/bdx7ivv.js"></script>
+    <script>try{Typekit.load({ async: true });}catch(e){}</script>
+
+    <link rel="stylesheet" href="site.css" >
+    <link rel="icon" type="image/png" href="favicon.png" >
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+  </head>
+  <body>
+    <div class="header">
+      <div class="mobile">
+      <img src="logo.png">
+      </div>
+    </div>
+    <div class="main">
+    <nav class="desktop">
+      <img src="logo.png">
+      <ul class="clearfix">
+        <li><a href="#contact">Contact</a></li>
+        <li><a href="photo.html">Picture Creator</a></li>
+        <li><a href="#team">Team</a></li>
+        <li><a href="#platform">Platform</a></li>
+        <li><a href="#about">About</a></li>
+      </ul>
+    </nav>
+      <img src="cover.jpg">
+
+      <h2 id="about">Who we are</h2>
+
+      <div class="clearfix">
+      <div class="block block-half">
+        <img src="vaas.jpg">
+        Vaasavi is a third year studying Economics at Carnegie Mellon
+        University. She has been involved in the Student Senate, Student Life,
+        Moneythink, and Counterpoint. 
+      </div>
+      <div class="block block-half">
+        <img src="aaron.jpg">
+        Aaron is a junior computer science major with a minor in music. On
+        campus, Aaron is a four-time teaching assistant for 15-122, president of
+        Delta Tau Delta, and has served in various student government and senate
+        roles.
+      </div>
+      </div>
+
+      <h2>Why we care</h2>
+      <img src="care.jpg">
+
+      <div class="clearfix">
+        <div class="block block-half">
+          <h3>Vaasavi</h3>
+          In her time at Carnegie Mellon, Vaasavi has always wanted to make
+          student's lives better. After working with administration on the
+          University Strategic Plan, she realized that students were missing a
+          vital part of their Carnegie Mellon Experience: the infrastructure to
+          be innovators and leaders outside of the classroom. Since then, she
+          has worked to create environments encouraging students to think of
+          ways to change campus for the better. In her work as CA of E Tower,
+          she created a thinly-veiled incentive structure for students to engage
+          with the outside community. She wants to bring this to the overall CMU
+          community to make permanent improvements to campus.
+        </div>
+        <div class="block block-half">
+          <h3>Aaron</h3>
+          When Aaron first came to Carnegie Mellon, he took up as many
+          opportunities to try new things and engage with the campus as
+          possible. He felt that he grew and learned far more outside the
+          classroom. Not everyone takes that same path. More than anything else,
+          students are forced to prioritize at Carnegie Mellon, and that is the
+          cause of a lot of stress. But students should not have to make that
+          choice. Engaging and exploration with the campus outside the classroom
+          should be an integral part of the Carnegie Mellon experience.
+        </div>
+      </div>
+
+      <h2 id="platform">How we will help</h2>
+
+      <div class="clearfix">
+        <div class="block block-third">
+          <img src="icon0.png">
+          <h3>Fiscal Transparency</h3>
+          As students, we deserve to know where our tuition is going, how our
+          administrators are getting paid and about the university's spending.
+          Aaron and Vaasavi have read CMU's tax forms, so you don't have to.
+          Additionally, we are constantly asked for donations, yet it's not
+          always clear where that money is used. Look out for infographics on
+          our Facebook page! #financefridays
+        </div>
+        <div class="block block-third">
+          <img src="icon1.png">
+          <h3>The Model for Social Change</h3>
+          If we're going to change the world, we might as well get started. We
+          call it the President's Initiative--the common thread of the CMU
+          experience that we have the power to change. Vaasavi and Aaron
+          propose to mobilize club presidents around a common issue, and reward
+          the clubs and organizations that provide innovative cultural
+          solutions on our campus.
+        </div>
+        <div class="block block-third">
+          <img src="icon2.png">
+          <h3>Student Government Transparency</h3>
+          It shouldn't be normal that no one knows what Student Government
+          Executives do. The Student Body President should make an effort to be
+          present and available to all students, and regularly inform the
+          student body on what they're up to. Vaasavi and Aaron propose making
+          all student organization transactions public, a weekly column in the
+          Tartan, and going beyond the constitutionally required SBP office
+          hours in highly trafficked areas of campus, so there are no barriers
+          to being informed.
+        </div>
+      </div>
+
+      <h2 id="team">Our team</h2>
+      <div class="clearfix">
+        <div class="block block-half">
+          <img src="olivia.jpg">
+          <h3>Olivia Roy - Chief of Staff</h3>
+
+          I've known Aaron since we were freshmen in E-Tower. We and our
+          friends would sit on the floor of his room and talk about how we had
+          grown since high school. As introspective as those
+          conversations are, I don't want to just talk anymore, I want to do
+          something. Vaasavi has a compelling call to action, and the
+          leadership qualities that we need in a Student Body President.  I'm
+          proud to support Vaas and Aaron because they don't just want to talk
+          about how CMU has changed us, but how we can change CMU.
+        </div>
+        <div class="block block-half">
+          <img src="zach.jpg">
+          <h3>Zach Newman - Recruitment</h3>
+          I support Vaasavi because from our first meeting, I knew how much
+          passion she has for this school and how much she is able to make
+          positive change. After conversations with her about deep rooted
+          issues we face as students, I realized the importance to have a leader
+          who understands so many different cultures within the student body to
+          make our four years at Carnegie Mellon more meaningful, impactful,
+          and positive. Despite her humility, I fully believe Vaasavi fits that
+          role and I am proud to be a part of her campaign.
+        </div>
+        <div class="block block-half">
+          <img src="srishti.jpg">
+          <h3>Srishti Jain - Public Relations</h3>
+
+          I'm tired of merely talking about social change, and am ready for
+          students at Carnegie Mellon to actually make change. I believe Vaasavi
+          and Aaron are the best candidates to facilitate these changes. With
+          their experience, ambition, and thoughtfulness, I know they have the
+          ability to improve the lives of the CMU student body. After witnessing
+          Vaasavi and Aaron in Student Senate for the past few years, I can
+          confidently say Vaasavi and Aaron will be meaningful and transparent
+          with their initiatives.
+        </div>
+        <div class="block block-half">
+          <img src="bettina.jpg">
+          <h3>Bettina Chou - Designer</h3>
+          The CMU design curriculum has instilled upon me a habit of looking at
+          problems as systems on various scales and looking for entry points to
+          resolve certain problem spaces. So, hearing Vaasavi's approach, I was
+          pleasantly surprised to learn the methods in econ/finance tackled
+          issues in a similar, yet more empirical way. Combined with her
+          intrinsic compassion and empathy, I am confident in her
+          solution-oriented mindset. I support her and Aaron because I believe
+          they will create effective solutions with a purpose as opposed to
+          temporary band-aid solutions. 
+        </div>
+      </div>
+
+      <h2 id="contact">Have questions? Let's chat</h2>
+
+      <img src="contact.jpg">
+
+      Please feel free to contact us. We would be more than happy to talk over
+      coffee or tea.
+
+      <ul class="contact">
+        <li>Vaasavi Unnava:
+          <a href="mailto:vunnava@cmu.edu">vunnava@cmu.edu</a>
+        </li>
+        <li>
+          Aaron Gutierrez:
+          <a href="mailto:aarongutierrez@cmu.edu">aarongutierrez@cmu.edu</a>
+        </li>
+      </ul>
+    </div>
+    <div class="footer">
+      Vaasavi and Aaron 2016<br />
+      <a href="http://www.vaasandaaron.com">vaasandaaron.com</a><br />
+      <a href="http://www.vaasavi.com">vaasavi.com</a><br />
+      <a href="http://www.aarongutierrez.com">aarongutierrez.com</a>
+    </div>
+    <script>
+(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+ga('create', 'UA-62761470-4', 'auto');
+ga('send', 'pageview');
+    </script>
+  </body>
+</html>
--- a/campaign/logo.png
+++ b/campaign/logo.png
--- a/campaign/olivia.jpg
+++ b/campaign/olivia.jpg
--- a/campaign/photo.html
+++ b/campaign/photo.html
@@ -0,0 +1,138 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Profile Picture Creator - Vaasavi and Aaron 2016</title>
+    <script src="https://use.typekit.net/bdx7ivv.js"></script>
+    <script>try{Typekit.load({ async: true });}catch(e){}</script>
+
+    <link rel="stylesheet" href="site.css" >
+    <link rel="icon" type="image/png" href="favicon.png" >
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+  </head>
+  <body>
+<script>
+  window.fbAsyncInit = function() {
+    FB.init({
+      appId      : '1522083631429252',
+      xfbml      : true,
+      version    : 'v2.5'
+    });
+
+    checkLoginState();
+  };
+
+  (function(d, s, id){
+     var js, fjs = d.getElementsByTagName(s)[0];
+     if (d.getElementById(id)) {return;}
+     js = d.createElement(s); js.id = id;
+     js.src = "http://connect.facebook.net/en_US/sdk.js";
+     fjs.parentNode.insertBefore(js, fjs);
+   }(document, 'script', 'facebook-jssdk'));
+
+function statusChangeCallback(response) {
+  if (response.status === 'connected') {
+    testAPI();
+  }
+}
+
+function checkLoginState() {
+  FB.getLoginStatus(function(response) {
+    statusChangeCallback(response);
+  });
+}
+
+
+function testAPI() {
+  FB.api('/me/picture', {width: '800'}, function(response) {
+    if (response && !response.error) {
+      var image = document.getElementById("basePic");
+      image.src = response.data.url;
+      image.onload = function() {
+        makeImage();
+      }
+    }
+
+  });
+}
+
+function makeImage() {
+  document.getElementById('profPic').alt=
+    "You need an HTML5 compatible browser to use this feature";
+
+  var canvas = document.getElementById('profPicCanvas');
+  var context = canvas.getContext("2d");
+
+  var image = document.getElementById("basePic");
+  canvas.height = 800 * image.height / image.width;
+
+  // img, x, y, width, height
+  context.drawImage(document.getElementById("basePic"), 0, 0, 800, canvas.height);
+  context.drawImage(document.getElementById("logoPic"), 0, canvas.height - 242, 800, 242);
+
+  document.getElementById('profPic').src = canvas.toDataURL();
+}
+
+window.onload = function() {
+  makeImage();
+
+  document.getElementById('uploadImg').onchange = function(e) {
+    var reader = new FileReader();
+
+    reader.onload = function(e) {
+      document.getElementById('basePic').src = e.target.result;
+      makeImage();
+    }
+
+    reader.readAsDataURL(e.target.files[0]);
+  };
+};
+</script>
+
+    <div class="header">
+      <div class="mobile">
+      <img src="logo.png">
+      </div>
+    </div>
+    <div class="main">
+    <nav class="desktop">
+      <img src="logo.png">
+      <ul class="clearfix">
+        <li><a href="index.html#contact">Contact</a></li>
+        <li><a href="#">Picture Creator</a></li>
+        <li><a href="index.html#team">Team</a></li>
+        <li><a href="index.html#platform">Platform</a></li>
+        <li><a href="index.html#about">About</a></li>
+      </ul>
+    </nav>
+
+    <h2>Profile Picture Creator</h2>
+    Login with Facebook to create your picture
+
+    <fb:login-button scope="public_profile" onlogin="checkLoginState();">
+    </fb:login-button>
+    
+    or upload another image
+    <input type="file" name="image" accept="image/*" id="uploadImg">
+
+    <canvas id="profPicCanvas" width="800" height="800" class="hidden"></canvas>
+    <img class="profPic" id="profPic">
+
+    <img id="basePic" src="cover.jpg" crossOrigin="Anonymous" class="hidden">
+    <img id="logoPic" src="frame.png" class="hidden">
+    <div class="footer">
+      Vaasavi and Aaron 2016<br />
+      <a href="http://www.vaasandaaron.com">vaasandaaron.com</a><br />
+      <a href="http://www.vaasavi.com">vaasavi.com</a><br />
+      <a href="http://www.aarongutierrez.com">aarongutierrez.com</a>
+    </div>
+    <script>
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+          })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+  ga('create', 'UA-62761470-4', 'auto');
+    ga('send', 'pageview');
+    </script>
+  </body>
+</html>
--- a/campaign/pic.html
+++ b/campaign/pic.html
@@ -0,0 +1,50 @@
+<html>
+<head>
+<title>Random imgur image</title>
+<style type="text/css">
+img { max-width: 100%; height: auto; }
+</style>
+<script language="javascript" type="text/javascript">
+function randomString(string_length)
+{
+	var chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghiklmnopqrstuvwxyz";
+	var output = "";
+	var index;
+
+	for (var i = 0; i < string_length; i++)
+	{
+		var index = Math.floor(Math.random() * chars.length);
+		output += chars.substring(index, index + 1);
+	}
+
+	return output;
+}
+
+function getImages()
+{
+	var numTries = 1;
+	var imgObject = new Image();
+	var dots = "";
+
+	imgObject.onload = function()
+	{
+		if (this.width == 161 && this.height == 81)
+		{
+			this.src = "http://i.imgur.com/" + randomString(5) + ".jpg";
+			dots += ".";
+			document.getElementById('a').innerHTML = "Please wait..." + dots;
+			numTries++;
+		}
+		else
+			document.getElementById('a').innerHTML = "It took " + numTries + (numTries == 1 ? " try" : " tries") + " to get this picture. <a href=\"javascript:getImages();\">Load new image</a><br/><br/><a href=\"" + imgObject.src + "\">" + imgObject.src + "<br/><img src=\"" + imgObject.src + "\" /></a>";
+	}
+
+	// First image attempt that sets off the onload code defined above
+	imgObject.src = "http://i.imgur.com/" + randomString(5) + ".jpg";
+}
+</script>
+<body onLoad="getImages();">
+<h1>Random Imgur image</h1>
+<div id="a">Please wait...</div>
+</body>
+</html>
--- a/campaign/platform.html
+++ b/campaign/platform.html
@@ -0,0 +1,170 @@
+<html>
+<head>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+</head>
+<body>
+
+<div>
+  <a href="http://www.vaasandaaron.com" style="text-align: center;">
+    Visit Vaas and Aaron's official campaign website here.
+  </a>
+
+  <img src="http://www.vaasandaaron.com/banner.jpg" width="100%" alt="Cover Photo">
+
+  <p>Thanks for checking out our platform!</p>
+
+  <p>
+  We're Vaasavi Unnava and Aaron Gutierrez, two rising seniors running for
+  Student Body President and Vice President. But this election isn't about
+  us--it's about you. It's about giving ourselves the tools to change campus for
+  the better, and leave a legacy we're proud of. Let's make change, together.
+  </p>
+  <h2>
+  Here's how we're making sure you have the power to do just that:
+  </h2>
+  <h3>
+    Platform for Social Change: The President's Initiative
+  </h3>
+  <ul>
+    <li>
+    Move the Board of the Directors to the beginning of the year, where clubs
+    and organizations build partnerships to make change
+    </li>
+    <li>
+    Set the agenda to address cultural problems on our campus, from SARV to
+    Mental Health
+    </li>
+    <li>
+    Reward the organization that provides the most innovative solution to a
+    prevalent campus problem
+    </li>
+  </ul>
+
+  <h3>
+    Fiscal Transparency: Getting the Information We Deserve
+  </h3>
+  <ul>
+    <li>
+    Provide flowcharts describing university budgetary process
+    </li>
+    <li>
+    Bring transparency to spending of the endowment
+    </li>
+    <li>
+    Create tangible goals for class donations, like material upgrades to the
+    campus community
+    </li>
+  </ul>
+
+  <h3>
+  Student Government Transparency: For the Students
+  </h3>
+  <ul>
+    <li>
+      Hold weekly office hours in the highest trafficked locations of campus
+    </li>
+    <li>
+      Create "To StuGov With Love" Facebook group, where students can directly
+      interact with student government officials
+    </li>
+    <li>
+      Write a weekly column for the Tartan outlining issues and decisions made
+      that week
+    </li>
+  </ul>
+
+  <p>
+  Let's create a campus where we get to take the lead on making CMU what we want
+  it to be, instead of waiting for administration to fix it. Why can we make
+  this happen?
+  </p>
+
+  <h2>Why We're Qualified</h2>
+
+  <div style="display: -webkit-flex; display: flex; width: 100%;
+      -webkit-flex-wrap: wrap; flex-wrap: wrap">
+    <div style="
+        -webkit-flex-grow: 1; -webkit-flex-basis: 0;
+        flex-grow: 1; flex-basis: 0; margin: 10px; min-width: 200px" >
+      <h3>Vaasavi Unnava</h3>
+      <h4>Student Body President</h4>
+
+      <img src="http://www.vaasandaaron.com/vaas.jpg" width="100%">
+
+      <p>
+      Vaasavi is a third year economics major at Carnegie Mellon. She is the
+      Community Advisor of Morewood E Tower and spent two years serving in the
+      Student Senate. In her tenure, she has:
+      </p>
+      <ul>
+        <li>
+          Started and managed the First Lectures (Watch at
+          <a href="https://youtube.com/thefirstlectures">youtube.com/thefirstlectures</a>)
+        </li>
+        <li>
+          Co-founded the Sexual Assault and Relationship Violence Prevention
+          (SARVP) committee, where her team helped improve graduate student
+          orientation and put together the TartanHacks branch SARV hackathon.
+        </li>
+        <li>
+          Reinitiated CMU's participation in Pittsburgh Student Government
+          Council
+        </li>
+        <li>
+          Created and taught a StuCo on financial literacy for the CMU Student
+          (98-272!)
+        </li>
+        <li>
+          Built an incentive structure in Morewood E Tower to significantly
+          raise engagement with the city of Pittsburgh (and accidentally
+          eliminated stress culture as a byproduct)
+        </li>
+        <li>
+          Chaired the Business Affairs Committee in the Student Senate, getting
+          new dumbbells in Skibo Gym, among other initiatives
+        </li>
+      </ul>
+    </div>
+    <div style="
+        -webkit-flex-grow: 1; -webkit-flex-basis: 0;
+        flex-grow: 1; flex-basis: 0; margin: 10px; min-width: 200px" >
+      <h3>Aaron Gutierrez</h3>
+      <h4>Student Body Vice President</h4>
+
+      <img src="http://www.vaasandaaron.com/aaron.jpg" width="100%">
+
+      <p>
+      Aaron is a third year computer science major with a minor in music at Carnegie
+      Mellon. In his tenure, he has:
+      </p>
+      <ul>
+        <li>
+          Served as President and Treasurer of Delta Tau Delta Fraternity
+        </li>
+        <li>
+          Worked for two years as a teaching assistant for 15-122
+        </li>
+        <li>
+          Advised Dining Services with selecting the new Skibo Cafe and Scott
+          Hall dining vendor
+        </li>
+        <li>
+          Served on the Academic Review board and University Disciplinary
+          committee
+        </li>
+        <li>
+          Allocated student organization space in the CUC in 2014 and 2016
+        </li>
+      </ul>
+    </div>
+  </div>
+
+  <p>
+  Thank you for taking the time to read through all of this! If you have any
+  questions, we'd love to get coffee or tea--please reach out to us at
+  <a href="mailto:vunnava@cmu.edu">vunnava@cmu.edu</a> or
+  <a href="mailto:aarongutierrez@cmu.edu">aarongutierrez@cmu.edu</a>.
+  </p>
+</div>
+</body>
+</html>
--- a/campaign/privacy.html
+++ b/campaign/privacy.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Vaasavi and Aaron 2016</title>
+    <script src="https://use.typekit.net/bdx7ivv.js"></script>
+    <script>try{Typekit.load({ async: true });}catch(e){}</script>
+
+    <link rel="stylesheet" href="site.css" >
+    <link rel="icon" type="image/png" href="favicon.png" >
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+  </head>
+  <body>
+    <div class="header">
+      <div class="mobile">
+      <img src="logo.png">
+      </div>
+    </div>
+    <div class="main">
+    <nav class="desktop">
+      <img src="logo.png">
+      <ul class="clearfix">
+        <li><a href="/index.html#contact">Contact</a></li>
+        <li><a href="/index.html#team">Team</a></li>
+        <li><a href="/index.html#platform">Platform</a></li>
+        <li><a href="/index.html#about">About</a></li>
+      </ul>
+    </nav>
+
+    <h2>Privacy Policy</h2>
+    
+    We use Google Analytics to collect anonymous information about who visits
+    our site. Other than that, we don't know anything about you. But if you'd
+    like to know more about us, please <a href="index.html#contact">contact
+      us</a>
+
+  </body>
+</html>
--- a/campaign/site.css
+++ b/campaign/site.css
@@ -0,0 +1,114 @@
+/* Variables */
+/* sizes */
+/* font sizes */
+/* pallet */
+h1, h2, h3, h4, h5, h6 {
+  font-family: "proxima-nova-alt-condensed", Arial, Helvetica, sans-serif;
+  font-weight: bold; }
+
+body {
+  font-family: "proxima-nova", Arial, Helvetica, sans-serif;
+  font-size: 16px;
+  color: rgba(0, 0, 0, 0.9);
+  width: 100%;
+  margin: 0px; }
+
+h1 {
+  font-size: 64px;
+  margin: 64px 16px;
+  display: inline; }
+
+h2 {
+  font-size: 48px;
+  margin-top: 48px;
+  text-transform: uppercase; }
+
+h3 {
+  margin-top: -16px; }
+
+p {
+  margin: 16px; }
+
+nav img {
+  width: initial; }
+nav ul {
+  list-style-type: none;
+  margin: 0;
+  padding: 0 16px 0 0;
+  display: block;
+  box-sizing: border-box; }
+nav li {
+  float: right; }
+  nav li a {
+    text-align: center;
+    width: 64px;
+    color: #38526b;
+    display: block;
+    padding: 8px;
+    text-decoration: none; }
+    nav li a:hover {
+      font-weight: bold; }
+
+img {
+  width: 100%;
+  margin-bottom: 32px; }
+
+img.profPic {
+  margin-top: 32px; }
+
+.main, .header {
+  padding: 16px;
+  margin-right: auto;
+  margin-left: auto; }
+
+.block {
+  float: left;
+  display: block;
+  box-sizing: border-box;
+  padding: 16px; }
+
+.footer {
+  border-top: 1px solid #ba3845;
+  text-align: center;
+  margin: 16px;
+  padding: 16px; }
+
+.standout {
+  background-color: #ba3845;
+  color: #ffeacf;
+  font-size: 20px;
+  font-weight: 600;
+  padding: 16px; }
+
+.desktop {
+  display: none; }
+
+.hidden {
+  display: none; }
+
+.clearfix:after {
+  visibility: hidden;
+  display: block;
+  font-size: 0;
+  content: " ";
+  clear: both;
+  height: 0; }
+
+@media (min-width: 768px) {
+  .desktop {
+    display: inherit; }
+
+  .mobile {
+    display: none; }
+
+  .main, .header {
+    min-width: 752px;
+    max-width: 921.6px; }
+
+  .block-half {
+    max-width: 50%; }
+
+  .block-third {
+    max-width: 33.333%; } }
+
+/*# sourceMappingURL=site.css.map */
--- a/campaign/srishti.jpg
+++ b/campaign/srishti.jpg
--- a/campaign/vaas.jpg
+++ b/campaign/vaas.jpg
--- a/campaign/zach.gif
+++ b/campaign/zach.gif
--- a/campaign/zach.jpg
+++ b/campaign/zach.jpg