7-page-content edit

news-home  edit

Top Stories

wall720.png
Wolf Law Library’s history wall tells law school’s story

A visual story of William & Mary Law School dating back to its founding in 1779 greets visitors of the Wolf Law Library even before they reach the thousands of books and digital materials available in the three-story building.

Latest News

New listing classes

nursery-thumb.jpg
section.item_listing.news_listing > article.item_listing.news_listing

A comprehensive analysis of more than 11,000 previous coastal-habitat measurements suggests that mangroves and seagrasses provide the greatest value as “nurseries” for young fishes and invertebrates, providing key guidance for managers of threatened marine resources.

Old listing classes

nursery-thumb.jpg
section.item_listing.news_listing > article.item_listing.news_listing

A comprehensive analysis of more than 11,000 previous coastal-habitat measurements suggests that mangroves and seagrasses provide the greatest value as “nurseries” for young fishes and invertebrates, providing key guidance for managers of threatened marine resources.

Copy
Edit
<!-- components/7-page-content/news-home.php --> <!-- <h5>Video Categories</h5> <div id="news_in_video_container"> <div class="news_feature"><a href="campus-life.php"><img alt="Campus Life" src="https://www.wm.edu/news/video/images/playlist-home/campus-life.jpg"><span class="news_feature_caption_container"><span class="news_feature_caption"><span class="news_caption_headline">Campus Life</span></span></span></a></div> <div class="news_feature"><a href="community-engagement.php"><img alt="Community Engagement" src="https://www.wm.edu/news/video/images/playlist-home/community-engagement.jpg"><span class="news_feature_caption_container"><span class="news_feature_caption"><span class="news_caption_headline">Community Engagement</span></span></span></a></div> <div class="news_feature"><a href="globalization.php"><img alt="Globalization" src="https://www.wm.edu/news/video/images/playlist-home/globalization.jpg"><span class="news_feature_caption_container"><span class="news_feature_caption"><span class="news_caption_headline">Globalization</span></span></span></a></div> <div class="news_feature"><a href="scholarship-and-research.php"><img alt="Scholarship &amp; Research" src="https://www.wm.edu/news/video/images/playlist-home/research-scholarship.jpg"><span class="news_feature_caption_container"><span class="news_feature_caption"><span class="news_caption_headline">Scholarship &amp; Research</span></span></span></a></div> <div class="news_feature"><a href="celebrating-wm-women.php"><img alt="Celebrating W&amp;M Women" src="https://www.wm.edu/news/video/images/playlist-home/100th-anniversary.jpg"><span class="news_feature_caption_container"><span class="news_feature_caption"><span class="news_caption_headline">Celebrating W&amp;M Women</span></span></span></a></div> <div class="news_feature"><a href="diversity.php"><img alt="Diversity" src="https://www.wm.edu/news/video/images/playlist-home/diversity.jpg"><span class="news_feature_caption_container"><span class="news_feature_caption"><span class="news_caption_headline">Diversity</span></span></span></a></div> <div class="news_feature"></div> </div> --> <?php outputElement("header", "Top Stories"); ?> <nav id="quick_nav"> <a href="#announcements">Announcements</a><span class="quick_nav_divider"> | </span><a href="#wm_in_the_news">W&amp;M In The News</a><span class="quick_nav_divider"> | </span><a href="#events">Events</a> </nav> <?php $use_menu = "page-nav-news"; outputMenu($use_menu); ?> <?php outputElement('news-home-top-stories'); outputElement('news-home-latest-news'); outputElement("rrssb"); ?>
Copy
Copy
Edit
/* scss/7-page-content/_news-home.scss */ // legacy + new /*** News Home ***/ .news_home h1, .news_home h2 { margin-bottom: 1.5625rem; } .top_stories { overflow: auto; margin-bottom: kspaces(lg); } .top_stories a { word-wrap: normal; } .top_stories article { margin-bottom: kspaces(md); } #content .news_listing.top_stories { & p { margin-top: 0; } & img { display: inline; } & a ~ p { margin-left: 0; } } #quick_nav + .top_stories { overflow: auto; margin-top: 0; border-top: none; } .user_content .news_home .top_stories { overflow: hidden; padding-top: 10px; & header, & p { margin-left: 0; } } .news_home .top_stories article:first-child { padding-bottom: kspaces(lg); border-bottom: 1px solid $border-color; @include breakpoint($mobile-to-wide-mobile-breakpoint) { padding-bottom: kspaces(md); } } .news_home .top_stories article:first-child a { font-size: 24px; line-height: 28px; } .news_home .top_stories article:first-child > a { display: inline-block; margin-bottom: 6px; } .news_home .top_stories article .news_home-listing-img-link { display: inline-block; margin-bottom: 6px; } .news_home .top_stories article .news_home-listing-img-link img { display: block; margin: 0; border: 0; } .news_home .top_stories .article-meta { margin: 3px 0 0 0; } .news_home .top_stories .article-meta-divider { display: inline; } .news_home .item_listing.news_listing.top_stories article img { width: 100%; max-width: 100%; height: auto; max-height: inherit; } .news_home .top_stories article .news-home-link img { display: block; margin: 0; border: 0; } .news_home .top_stories article:nth-child(2), .news_home .top_stories article:nth-child(3) { width: 100%; margin-bottom: 14px; @include breakpoint($mobile-to-wide-mobile-breakpoint) { float: left; width: 46%; } } .news_home .top_stories article:nth-child(2) { margin-right: 8%; margin-bottom: 30px; @include breakpoint($mobile-to-wide-mobile-breakpoint) { margin-bottom: 0px; } } .top_stories + h2 { margin-top: kspaces(sm); color: var(--color-wmgreen-90); border-top: $border-width solid $border-color; font-size: 2rem; font-weight: font(sans-weight, medium); } .news_home h2 { clear: both; padding-top: kspaces(lg); } .news-home-link { display: inline-block; line-height: 1.3 !important; } .news_home .top_stories p:last-child { margin-bottom: 0; } .news_home .top_stories article a + header { margin-left: 0; padding-bottom: 8px; } .top_stories .article-meta { display: block; margin-bottom: 1.5625rem; font-size: 0.88rem; font-style: italic; } .news_home .top_stories article .author { display: block; line-height: 1.5em; @include breakpoint($mobile-to-wide-mobile-breakpoint) { display: inline; } } .news_home .top_stories article header a { font-size: 1.14rem; } .news_home .top_stories article .date { display: block; font-weight: bold; font-style: normal; line-height: 1.5; @include breakpoint($mobile-to-wide-mobile-breakpoint) { display: inline-block; &:before { display: inline-block; margin: 0 5px; content: "| "; font-weight: normal; } } }