You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
198 lines
7.7 KiB
198 lines
7.7 KiB
<!DOCTYPE html>
|
|
<html dir="ltr" lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<title>{{.Title}}</title>
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta name="referrer" content="unsafe-url">
|
|
<meta name="keywords" content="{{.Keywords}}">
|
|
<meta name="description" content="{{.Description}}">
|
|
<link type="text/css" rel="stylesheet" href="{{staticFile "css/bootstrap.min.css"}}" />
|
|
<link type="text/css" rel="stylesheet" href="{{staticFile "css/index.css"}}" />
|
|
</head>
|
|
|
|
<body style="overflow-x: visible">
|
|
<header class="main-header ">
|
|
<a href="{{.IndexUrl}}" class="logo"><img src="{{replaceImage .Logo}}" alt="logo" /></a>
|
|
|
|
<ul class="nav navbar-nav main-navigation">
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{.IndexUrl}}">{{ lang "home"}}</a>
|
|
</li>
|
|
{{if .HasAbout }}
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{.AboutUrl}}">{{ lang "about" }}</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasContact }}
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{.ContactUrl}}">{{ lang "contact" }}</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasPolicy }}
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{.PolicyUrl}}">{{ lang "policy"}}</a>
|
|
</li>
|
|
{{end}}
|
|
</ul>
|
|
</header>
|
|
<header class="mobile-header ">
|
|
<div class="sf-container">
|
|
<a href="{{.IndexUrl}}" class="logo"><img src="{{replaceImage .Logo}}" alt="logo" height="50"/></a>
|
|
</div>
|
|
|
|
|
|
</header>
|
|
|
|
<nav id="mobile-nav">
|
|
<ul class="">
|
|
<li class="">
|
|
<span>Learn</span>
|
|
<ul class="sub-menu">
|
|
<li><a href="https://www.surfrider.org/about">Learn</a></li>
|
|
<li><a href="https://www.surfrider.org/mission">Mission</a></li>
|
|
<li><a href="https://www.surfrider.org/campaigns">Campaigns</a></li>
|
|
<li><a href="https://www.surfrider.org/programs">Programs</a></li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li>
|
|
<span>Get Involved</span>
|
|
<ul class="sub-menu">
|
|
<li><a href="https://www.surfrider.org/chapters">Chapters</a></li>
|
|
<li><a href="https://www.surfrider.org/pages/student-club-network">Student Clubs</a></li>
|
|
<li><a href="https://www.surfrider.org/action/">Take Action</a></li>
|
|
|
|
<li class='dropdown'>
|
|
<a href="https://www.surfrider.org/events" class="dropdown-toggle" role="button"
|
|
aria-haspopup="true">Events</a>
|
|
<ul class="sub-menu">
|
|
<li><a href="https://www.surfrider.org/one-ocean-event">One Ocean Event</a></li>
|
|
|
|
<li>
|
|
<a href="https://www.surfrider.org/pages/intl-coastal-cleanup-day">International Coastal
|
|
Cleanup Day</a>
|
|
</li>
|
|
<li><a href="https://www.surfrider.org/isd">International Surfing Day</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="https://www.surfrider.org/volunteer">Volunteer</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class=""><a href="https://www.surfrider.org/coastal-blog">News</a></li>
|
|
<li>
|
|
<a href="http://shop.surfrider.org/" target="_blank">Shop</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://mygiving.surfrider.org/-/XZTPGAGR" class="btn btn--red">Donate</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</nav>
|
|
|
|
|
|
<main id="main">
|
|
<div class="sf-wrapper">
|
|
|
|
|
|
|
|
|
|
<section class="sf-blog-list sf-blog-list--category ">
|
|
<div class="sf-container">
|
|
<div class="sf-blog-list__upper">
|
|
<h3 class="sf-type__h3 sf-type__h3--lg">{{lang "latest"}}</h3>
|
|
</div>
|
|
<div class="sf-blog-list__lower">
|
|
{{ range .Articles }}
|
|
<div class="sf-blog-list__entry">
|
|
<a href="{{.Url}}"
|
|
class="media-block-media-wrap">
|
|
<img class="media-block-media"
|
|
src="{{getCover .Cover}}" />
|
|
</a>
|
|
|
|
<span class="sf-blog-list__entry__pre-text" style="
|
|
overflow: hidden; text-overflow: ellipsis;
|
|
display:-webkit-box; -webkit-box-orient:vertical;
|
|
-webkit-line-clamp:2;">
|
|
{{.Title}}
|
|
</span>
|
|
<a class="sf-blog-list__entry__text"
|
|
href="{{.Url}}">Nature-Based
|
|
Solutions on our Coasts: A Frontline Defense Against Climate Change</a>
|
|
|
|
</div>
|
|
{{end}}
|
|
</div>
|
|
<div class="sf-blog-list__cta">
|
|
<div class="">
|
|
<div class="blog-cat-pager">
|
|
{{$pulen := len .PrevUrl}}
|
|
{{ if ne $pulen 0 }}
|
|
<div style="float:left;">
|
|
<a href="{{.PrevUrl}}">{{lang "prev"}}</a>
|
|
</div>
|
|
{{ end }}
|
|
{{$nulen := len .NextUrl}}
|
|
{{ if ne $nulen 0 }}
|
|
<div style="float:right;">
|
|
<a href="{{.NextUrl}}">{{lang "next"}}</a>
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
</main>
|
|
|
|
|
|
|
|
|
|
<footer class="sf-footer">
|
|
|
|
<div class="sf-container">
|
|
<div class="sf-footer__upper">
|
|
|
|
<div class="sf-footer__upper__right">
|
|
<nav class="sf-footer__nav">
|
|
<span class="sf-footer__nav-head">{{lang "related"}}</span>
|
|
<ul class="">
|
|
<li class="nav-item">
|
|
<a href=".{{.IndexUrl}}">{{lang "home"}}</a>
|
|
</li>
|
|
{{if .HasAbout }}
|
|
<li class="nav-item">
|
|
<a href="{{.AboutUrl}}">{{lang "about"}}</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasContact }}
|
|
<li class="nav-item">
|
|
<a href="{{.ContactUrl}}">{{lang "contact"}}</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasPolicy }}
|
|
<li class="nav-item">
|
|
<a href="{{.PolicyUrl}}">{{lang "policy"}}</a>
|
|
</li>
|
|
{{end}}
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
<div class="sf-footer__lower">
|
|
<div class="sf-footer__copyright">
|
|
<span>{{.Copyright}}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
</body>
|
|
|
|
</html> |