Skip to content

Commit

Permalink
home
Browse files Browse the repository at this point in the history
  • Loading branch information
Rishabh Rao committed Oct 18, 2012
1 parent 2ec5669 commit 2527f40
Show file tree
Hide file tree
Showing 3 changed files with 18 additions and 179 deletions.
Binary file added img/joy.jpg
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/metricstream-h50-black.png
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
197 changes: 18 additions & 179 deletions index.html
View file
Expand Up @@ -16,26 +16,6 @@

<meta name="viewport" content="width=device-width" />

<!-- OpenGraph protocol meta data -->
<meta property="og:title" content="MetricStream - Joy of Giving &#039;12" />
<meta property="og:type" content="non_profit" />
<meta property="og:url" content="http://bit.ly/yfsad2012evt" />
<meta property="og:site_name" content="MetricStream - Joy of Giving &#039;12" />
<meta property="fb:admins" content="100000457697724" />
<!-- FIXME Using a relative URL here might not work. See http://rishabhsrao.wordpress.com/2012/07/15/opengraph-ogimageurl-relative-vs-absolute-urls -->
<meta property="og:image" content="img/yfs-logo-442.png" />
<meta property="og:description" content="An occasion to bring together the entire MetricStream family - all our volunteers, donors, well-wishers, partners and the people/groups to whom our volunteers and projects have reached out to." />
<!-- See:
http://stackoverflow.com/questions/10952944/facebook-open-graph-video-not-showing-up-when-publishing-actions
http://stackoverflow.com/questions/3847496/open-graph-ogvideo-meta-tags-content
-->
<meta property="og:video" content="http://www.youtube.com/v/2OVaaYkagCk" />

<!-- https://developers.google.com/+/plugins/snippet/?hl=en -->
<meta itemprop="name" content="MetricStream - Joy of Giving '12" />
<meta itemprop="description" content="An occasion to bring together the entire MetricStream family - all our volunteers, donors, well-wishers, partners and the people/groups to whom our volunteers and projects have reached out to." />
<meta itemprop="image" content="img/yfs-logo-only.png" />

<!--
<link rel="stylesheet/less" href="less/style.less">
<script src="js/libs/less-1.3.0.min.js"></script>
Expand All @@ -49,20 +29,12 @@
</head>
<body itemscope itemtype="http://schema.org/Event">
<!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
<div id="fb-root"></div>
<script>(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 = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="container" role="main">
<div class="main" itemscope itemtype="http://schema.org/Event">
<div class="row-fluid">
<div class="span8">
<a href="http://youthforseva.org" itemprop="url"><img itemprop="image" src="img/yfs-logo-442.png" alt="MetricStream logo" /></a>
<a href="http://youthforseva.org" itemprop="url"><img itemprop="image" src="img/metricstream-h50-black.png" alt="MetricStream logo" /></a>
</div>
<div class="span4">
</div>
Expand All @@ -72,7 +44,7 @@
<div class="span8 main-content">
<div class="row-fluid">
<div class="span12">
<a href="http://bit.ly/yfsad2012evt"><img src="img/annual-day-2lines.comp.png" alt="Joy of Giving" /></a>
<a href="http://bit.ly/yfsad2012evt"><img src="img/joy.jpg" alt="Joy of Giving" /></a>
</div>
</div>

Expand All @@ -84,119 +56,24 @@ <h3>MetricStream - Joy of Giving &rsquo;12 is here!</h3>
<div class="span12"></div>
</div>

<p><a href="http://bit.ly/yfsad2012evt">Join us</a> with your friends and family as we explore how engaging the youth in the community can actually help fill the glaring gaps in the society.</p>
<p>On this occasion, we will bring together all the volunteers and partners of <a href="http://bit.ly/yfsonfb">MetricStream</a> as we celebrate the work done and highlight the power of volunteering.</p>
<p>Our own Oc(k)toberfest is here !!
Well, it is the kind of fest that brings us together during the month of October, spreading goodwill and joy and opening our hearts and wallets.</p>

<div class="row-fluid vertical-spacer">
<div class="span12"></div>
</div>
<p>We are talking about the much awaited "Joy of Giving 2012". Come Friday, the 19th of October 2012, find yourselves immersed in games, digging into mouth watering food and taking home a lot of goodies; all this while you are actually "giving" </p>

<div class="row-fluid">
<div class="span12">
<h4><i class="icon-check"></i> Register yourself today</h4>
<p>Go ahead, <a href="http://bit.ly/yfsad2012evt">RSVP on Facebook</a> and be a part of the change! Don't miss it!</p>
<a href="http://bit.ly/yfsad2012evt" class="rsvp-button btn btn-large btn-success"><i class="icon-thumbs-up"></i> Yes, I will attend! &raquo;</a>
</div>
</div>
<p>You will find volunteers contacting you during this week with more details. Please feel free to volunteer yourself and make the event a success.
Details in future emails.
Meanwhile, here are some photographs from
"Joy of Giving - 2011"
</p>

<div class="row-fluid vertical-spacer">
<div class="span12"></div>
</div>

<div class="row-fluid">
<div class="span8">
<h4><i class="icon-share-alt"></i> Help spread the word</h4>

<div class="row-fluid">
<div class="span12">
<!-- http://twitter.com/about/resources/buttons#tweet -->
<a href="https://twitter.com/share" class="twitter-share-button" data-url="https://www.facebook.com/youthforsevapage" data-size="large" data-related="youthforseva" data-hashtags="youthforseva,yfsad2012">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
</div>

<div class="row-fluid">
<div class="span12">
<!-- http://twitter.com/about/resources/buttons#follow -->
<a href="https://twitter.com/youthforseva" class="twitter-follow-button" data-show-count="true" data-size="large">Follow @youthforseva</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
</div>

<div class="row-fluid">
<div class="span12">
<a href="http://twitter.com/search/%23youthforseva" class="plain-anchor" rel="tooltip" title="Search Twitter to see what's happening in realtime"><span class="label label-info">#youthforseva</span></a>
</div>
</div>

<div class="row-fluid">
<div class="span12">
<!-- https://developers.google.com/+/plugins/+1button -->
<div class="g-plusone" data-href="https://www.facebook.com/youthforsevapage"></div>
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
</div>
</div>

<div class="row-fluid">
<div class="span12">
<!-- https://developers.facebook.com/docs/reference/plugins/like -->
<fb:like href="https://www.facebook.com/youthforsevapage" send="false" width="450" show_faces="true" font="tahoma"></fb:like>
</div>
</div>
</div>
<div class="span4">
<h4><i class="icon-heart"></i> Socialize with us</h4>
<div class="row-fluid">
<div class="span3">
<a href="http://bit.ly/yfsonfb" class="spread-the-word facebook" rel="tooltip" title="Join MetricStream on Facebook"></a>
</div>
<div class="span3">
<a href="http://bit.ly/yfsontw" class="spread-the-word twitter" rel="tooltip" title="Follow MetricStream on Twitter"></a>
</div>
<div class="span3">
<a href="http://bit.ly/yfsonyt" class="spread-the-word youtube" rel="tooltip" title="Watch MetricStream on YouTube"></a>
</div>
</div>

<div class="vertical-spacer small">
</div>

<div class="row-fluid">
<div class="span3">
<a href="http://bit.ly/yfsonpicasa" class="spread-the-word picasa" rel="tooltip" title="See MetricStream on Picasa"></a>
</div>
<div class="span3">
<a href="http://bit.ly/yfs-contactus" class="spread-the-word mail" rel="tooltip" title="Contact MetricStream"></a>
</div>
<div class="span3">
<a href="http://bit.ly/yfsonrss" class="spread-the-word rss" rel="tooltip" title="Subscribe to MetricStream's RSS feed"></a>
</div>
</div>

<div class="vertical-spacer small">
</div>

<div class="row-fluid">
<div class="span12">
<a class="btn" href="http://youthforseva.org/join-us-2/register-as-volunteer" rel="tooltip" title="Change someone's life today! Become a volunteer"><i class="icon-certificate"></i> Register as a volunteer</a>
</div>
</div>

<div class="vertical-spacer small">
</div>

<div class="row-fluid">
<div class="span12">
<a class="btn" href="http://youthforseva.org/join-us-2/refer-a-friend" rel="tooltip" title="Already a volunteer? Get your friends to join the cause too"><i class="icon-user"></i> Refer a friend</a>
</div>
</div>
</div>
<div class="span8"></div>
<div class="span4"></div>

<div class="row-fluid vertical-spacer">
<div class="span12"></div>
Expand All @@ -213,39 +90,19 @@ <h6>Event details</h6>
</div>

<aside class="span4 auxiliary-content">
<div class="row-fluid">
<div class="span12" itemscope itemtype="http://schema.org/Person">
<h4><i class="icon-star"></i> Keynote Speaker</h4>
</div>
<div class="row-fluid">
<div class="span12">
<p itemprop="attendee">
<span class="highlight" itemprop="name">Ramji Raghavan</span><br />
<span itemprop="description">Founder,<br />
<a href="http://www.agastya.org" itemprop="url">Agastya International Foundation</a></span>
</p>
</div>
</div>
</div>
<div class="row-fluid vertical-spacer">
<div class="span12"></div>
</div>

<div class="row-fluid">
<div class="span12">
<h4><i class="icon-calendar"></i> Date</h4>
</div>
</div>
<div class="row-fluid">
<div class="span12">
<meta itemprop="startDate" content="2012-08-18T4:00" />
<time class="highlight" datetime="2012-08-12">Sunday, August 12, 2012</time>
</div>
</div>
<div class="row-fluid">
<div class="span12">
<time class="when-time">4:00pm to 6:30pm</time>
<meta itemprop="startDate" content="2012-10-19T9:00" />
<time class="highlight" datetime="2012-10-19">Friday, 19 October, 2012</time>
</div>
</div>

<div class="row-fluid vertical-spacer">
<div class="span12"></div>
</div>
Expand All @@ -258,14 +115,7 @@ <h4><i class="icon-globe"></i> Venue</h4>
<div class="span12">
<!-- See http://html5doctor.com/microformats/#hcard -->
<p class="vcard" itemprop="location" itemscope itemtype="http://schema.org/Place">
<span class="adr" itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<a class="address highlight" href="http://bit.ly/yfsad2012venue" itemprop="url">RV Dental College</a><br />
<span class="street-address">25th main road</span>,<br />
<span class="locality" itemprop="addressLocality">1st phase, JP Nagar</span>,<br />
<span class="region" itemprop="addressRegion">Bangalore</span> &mdash;
<span class="postal-code">560078</span><br />
<span class="country">India</span>
</span>
J1 - MetricStream
</p>

<div class="row-fluid hidden-phone">
Expand All @@ -276,17 +126,6 @@ <h4><i class="icon-globe"></i> Venue</h4>
</div>
</div>

<div class="row-fluid vertical-spacer">
<div class="span12"></div>
</div>

<div class="visible-desktop">
<iframe width="100%" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.in/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=rv+dental+college&amp;aq=&amp;sll=21.125498,81.914063&amp;sspn=22.54038,43.286133&amp;ie=UTF8&amp;hq=rv+dental+college&amp;ll=12.911951,77.58486&amp;spn=0.023132,0.042272&amp;t=m&amp;z=14&amp;iwloc=A&amp;cid=1397751899078047308&amp;output=embed"></iframe>
</div>

<div>
<p><small><a href="http://bit.ly/yfsad2012venue" rel="tooltip" title="bit.ly/yfsad2012venue">View on Google Maps</a></small></p>
</div>
</div>
</div>
</aside>
Expand All @@ -301,7 +140,7 @@ <h4><i class="icon-globe"></i> Venue</h4>
</div>
<div class="span8 event-organizer">
<p>
<small itemscope itemtype="http://schema.org/Organization">an event by <a rel="tooltip" title="MetricStream: Young volunteers for service" href="http://youthforseva.org" itemprop="name">MetricStream</a></small>
<small itemscope itemtype="http://schema.org/Organization">an event by <a rel="tooltip" title="MetricStream" href="http://www.metricstream.com" itemprop="name">MetricStream</a></small>
</p>
</div>
<div class="span2">
Expand Down

0 comments on commit 2527f40

Please sign in to comment.