Edit
<!-- components/7-page-content/portfolio.php -->
<input name="hasSidebar" type="hidden" value="N" />
<!--
locally, styles are in page-content/portfolio.scss
in cascade styles are found in _external/themes/headextra-portfolio
-->
<?php
outputElement("header", "Portfolio Page");
?>
<?php outputMenu("page-nav"); ?>
<p>Campus Life. With more than 450 campus clubs and organizations to choose from, staying active and engaged at W&M isn't an afterthought; it’s a way of life. The astounding number of student clubs and organizations at W&M is a reflection of the broad diversity of thought, experience and background of our students, and an opportunity to explore leadership and community engagement in a supportive environment. There are over two hundred special interest clubs inspired by political engagement, religious faith, ethnic and cultural pride, environmental protection and endless geekery from quiz bowl to ping pong to heavy metal.</p>
<ul>
<li>
<a href="https://tribelink.wm.edu/organizations">Directory of clubs and organizations</a>
</li>
<li>
<a href="/entity/open.act?type=page&id=8dd2bb0780ef234e0012c1021b1b7273&confId=c618fba880ef234e0012c10220dfb13b" target="_parent">Fraternity & Sorority Life</a>
</li>
<li>
<a href="/entity/open.act?type=page&id=553b6ab680ef234e0048b2f8a5d21ff9&confId=e468bda180ef234e0012c102bda79080" target="_parent">Student Leadership Development</a>
</li>
</ul>
<div class="flexslider portfolio">
<button id="portfolio_display_toggle">View slideshow as list</button>
<ul class="slides portfolioSet clearfix">
<li>
<img src="<?php echo $asset_url; ?>/campuslife/_images/clubs/fsl.jpg" alt="Fraternity & Sorority Life members perform at Day for Admitted Students" />
<p class="flex-caption portfolio_caption">Beginning with the founding of Phi Beta Kappa at W&M in 1776, has a strong tradition that continues today. Members of our more than thirty national fraternities and sororities on campus remain committed to scholarship, service and leadership. </p>
</li>
<li>
<img src="<?php echo $asset_url; ?>/campuslife/_images/clubs/homecoming-acappella.jpg" alt="A cappella performed at Homecoming" />
<p class="flex-caption portfolio_caption">We get a little crazy about a cappella at W&M — we boast one of the most renowned a cappella communities in the nation, and our 11 a cappella groups regularly perform at events across campus, including Wednesday nights at .</p>
</li>
<li>
<img src="<?php echo $asset_url; ?>/campuslife/_images/clubs/lacrosse.jpg" alt="Men's Lacrosse sports club" />
<p class="flex-caption portfolio_caption"> are a way to let loose, have fun and meet others who have the same passions as you, without the pressure of big time competition. </p>
</li>
<li>
<img src="<?php echo $asset_url; ?>/campuslife/_images/clubs/dalai-students.jpg" alt="Dalai Lama with students" />
<p class="flex-caption portfolio_caption"> is a student-run organization responsible for planning events and bringing luminaries to campus — from the Dalai Lama to The Roots to Golden Globe winner Jeffrey Tambor.</p>
</li>
<li>
<img src="<?php echo $asset_url; ?>/campuslife/_images/clubs/tutors-project-phoenix.jpg" alt="" />
<p class="flex-caption portfolio_caption">Through Griffin School Partnerships, a program of the Office of Community Engagement and one of the many student-run at William & Mary, volunteers tutor and mentor students in local schools to support their academic and social success.</p>
</li>
<li>
<img src="<?php echo $asset_url; ?>/campuslife/_images/clubs/martial-arts.jpg" alt="A martial arts instructor and his student demonstrate a move. " />
<p class="flex-caption portfolio_caption">William & Mary is home to several martial art , all independent student organizations that are student-initiated and student-led. Sport clubs provide an opportunity to live a balanced life academically, athletically and socially.</p>
</li>
<li>
<img src="<?php echo $asset_url; ?>/campuslife/_images/clubs/rubiks.jpg" alt="member of Rubik's club" />
<p class="flex-caption portfolio_caption">During Day for Admitted Students a member of the Rubik's Society, one of over 200 at W&M, unravels the mysteries of the Rubik’s Cube. </p>
</li>
</ul>
<div id="portfolioSet_nav_counter">
<span class="current-slide" />
<span class="total-slides" />
</div>
</div>
<aside class="default_extra">
<ul class="portfolio_listing">
<li><a class="portfolio_group_title selected" href="clubs-orgs.php">
<figure><img alt="Fraternity & Sorority Life members performing at Day for Admitted Students" src="<?php echo $asset_url; ?>/campuslife/_images/thumbs/clubs-orgs-fraternity-thumb.jpg">
<figcaption>Clubs & Orgs</figcaption>
</figure>
</a></li>
<li><a class="portfolio_group_title" href="housing-dining.php">
<figure><img alt="Lemon Hall" src="<?php echo $asset_url; ?>/campuslife/_images/thumbs/housing-dining-thumb.jpg">
<figcaption>Housing & Dining</figcaption>
</figure>
</a></li>
<li><a class="portfolio_group_title" href="sports-rec.php">
<figure><img alt="women's lacrosse" src="<?php echo $asset_url; ?>/campuslife/_images/thumbs/sports-rec-thumb-womens-lacrosse.jpg">
<figcaption>Sports & Rec</figcaption>
</figure>
</a></li>
<li><a class="portfolio_group_title" href="arts-performance.php">
<figure><img alt="Arts & Performance" src="<?php echo $asset_url; ?>/campuslife/_images/thumbs/arts-culture-thumb.jpg">
<figcaption>Arts & Performance</figcaption>
</figure>
</a></li>
<li><a class="portfolio_group_title" href="campus-culture.php">
<figure><img alt="students at Opening Convocation" src="<?php echo $asset_url; ?>/campuslife/_images/thumbs/campus-culture-thumb-new.jpg">
<figcaption>Campus Culture</figcaption>
</figure>
</a></li>
<li><a class="portfolio_group_title" href="health-wellness.php">
<figure><img alt="" src="<?php echo $asset_url; ?>/campuslife/_images/thumbs/health-wellness-thumb-old.jpg">
<figcaption>Health & Wellness</figcaption>
</figure>
</a></li>
<li><a class="portfolio_group_title" href="campus-spaces.php">
<figure><img alt="a cappella in Wren Building" src="<?php echo $asset_url; ?>/campuslife/_images/thumbs/campus-spaces-thumb-new.jpg">
<figcaption>Campus Spaces</figcaption>
</figure>
</a></li>
<li><a class="portfolio_group_title" href="community.php">
<figure><img alt="Doreen Fremponah - Life@W&M host" src="<?php echo $asset_url; ?>/campuslife/_images/thumbs/a-look-inside-thumb-doreen-fremponah.jpg">
<figcaption>A Look Inside</figcaption>
</figure>
</a></li>
<li><a class="portfolio_group_title" href="williamsburg.php">
<figure><img alt="runner and carriage in Colonial Williamsburg" src="<?php echo $asset_url; ?>/campuslife/_images/thumbs/willimasburg-thumb.jpg">
<figcaption>Around Williamsburg</figcaption>
</figure>
</a></li>
</ul>
</aside>
<!-- YouTube embed doesn't work (breaks it) in Atomic Docs -->
<!-- this doesn't work on local computer
<li>
<div class="portfolio_yt_embed">
<div class="embed-container">
<iframe src="https://www.youtube.com/embed/plw5N1AuvWg?enablejsapi=1" frameborder="0" data-vid="plw5N1AuvWg" allowfullscreen="1" />
</div>
</div>
<p class="flex-caption portfolio_caption">Sigma Epsilon hosted the second annual SigEpic Soccer, a bubble soccer tournament on the Sunken Garden that raises money for the .</p>
</li> -->
<!-- portfolio script - found in theme/includesextra-portfolio -->
<script type="text/javascript">
// <![CDATA[
function adjustDirNavPos() {
if ($(".portfolio .flex-caption").css("position") != "absolute") {
captionTop = $(".flex-active-slide .flex-caption").position().top + 35;
$(".portfolio .flex-direction-nav").css({
top: captionTop + 'px',
bottom: 'auto'
});
$("#portfolioSet_nav_counter").css({
top: (captionTop + 15) + 'px',
bottom: 'auto'
});
} else {
$(".portfolio .flex-direction-nav").css({
top: 'auto',
bottom: '0px'
});
$("#portfolioSet_nav_counter").css({
top: 'auto',
bottom: '0px'
});
}
}
$(document).ready(function() {
var slider, // Global slider value to force playing and pausing by direct access of the slider control
canSlide = true; // Global switch to monitor video state
// Load the YouTube API. For some reason it's required to load it like this
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
// Setup a callback
// for the YouTube api to attach video event handlers
window.onYouTubeIframeAPIReady = function() {
// Iterate through all videos
$('.flexslider iframe').each(function() {
// Create a new player pointer; "this" is a DOMElement of the player's iframe
var vid = $(this).attr("data-vid");
var player = new YT.Player(this, {
videoId: vid
});
$(this).data('player', player);
});
}
if (typeof flexslider === "function") {
slider = $(".portfolio").flexslider({
animation: "fade",
controlNav: false,
slideshow: false,
start: function(slider) {
sCount = slider.count;
$('.total-slides').text("/" + sCount.toString());
console.log($('.total-slides'));
$('.current-slide').text((slider.currentSlide) + 1);
adjustDirNavPos();
},
before: function(slider) {
$('.current-slide').text((slider.animatingTo) + 1);
/* ---commented out because will not work in preview b/c of cross domain issues ---
//var ytPlayer = slider.slides.eq(slider.currentSlide).find("iframe");
//if (ytPlayer.length > 0) {
// $(ytPlayer)[0].contentWindow.postMessage('{"event":"command","func":"' + 'stopVideo' + '","args":""}', '*');
} */
},
after: function(slider) {
adjustDirNavPos();
}
});
}
$("#portfolio_display_toggle").click(function() {
if ($(this).parent().hasClass("portfolio_as_list")) {
$(this).parent().removeClass("portfolio_as_list");
$(this).text("View slideshow as list");
} else {
$(this).parent().addClass("portfolio_as_list");
$(this).text("View list as slideshow");
}
});
$(window).resize(adjustDirNavPos);
});
// ]]>
</script>
