Difference between revisions of "Main Page"

From Beachapedia

(One intermediate revision by the same user not shown)
Line 1: Line 1:
<div style="float:right;width:13%;text-align:center;margin:0 auto; margin-top:-20px; padding:5px; vertical-align:middle;overflow:hidden;">[[File:SF_Logo_B.png|110px|link=http://www.surfrider.org/]]</div>
+
<div style="float:right;width:13%;text-align:center;margin:0 auto; margin-top:-20px; padding:5px; vertical-align:middle;overflow:hidden;">[[File:SF_Logo_B.png|110px|link=http://www.surfrider.org/]]</div><div style="clear:both;"></div>
{{Main Page Banner}}
+
<div class="row" style="background:#f6f6f6; border:1px solid #cccccc; padding:15px; -moz-border-radius:4px; -webkit-border-radius:4px;">
{| style="width: 100%; margin:6px 0 1em 0; background:transparent;border-spacing:0px;"
+
  <div class="large-3 columns"><span style="font-size:190%">Welcome to Beachapedia</span><br />Your coastal knowledge resource
style="width:55%; border:1px solid #E7D9B4; -moz-border-radius:4px; -webkit-border-radius:4px; background-color:#fcfbf7; vertical-align:top;  color:#000;" |
+
  </div>
{| style="width:100%;vertical-align:top; background:transparent;"
+
  <div class="large-3 columns">
! style="padding:2px;width:100%;" | <h2 style="margin:3px;  background:#E7D9B4; border:1px solid #C2A976; -moz-border-radius:4px;  -webkit-border-radius:4px; font-size:120%; font-weight:bold;  text-align:left; color:#000; padding:0.2em 0.4em;">Featured  Article</h2>
+
[[Beachapedia:Factoid|Coastal Factoids]]<br />
|-
+
[[:Category:Chapters|Surfrider Chapters]]<br />
| style="color:#000;" | <div style="padding:2px 5px">{{Featured Article}}<br />
+
'''[[:Category:Full_Articles|All Articles]]'''<br />
{| align=right style="background:transparent"
+
  </div>
|-
+
  <div class="large-3 columns">
|<span style="font-size:80%">([[Beachapedia:Featured Articles History|Past Featured Articles]])</span>
+
[[:Category:Beach Preservation|Beach Preservation]]<br />
|}</div>
+
[[:Category:Beach Access|Beach Access]]<br />
|}
+
[[:Category:Clean Water|Clean Water]]<br />
| style="background:transparent;" |
+
  </div>
style="width:44%; border:1px solid #cedff2;-moz-border-radius:4px;  -webkit-border-radius:4px; background:#f5faff; vertical-align:top;"|
+
  <div class="large-3 columns">
{| style="width:100%; vertical-align:top;background-color:transparent;"
+
[[:Category:Climate Change Adaptation|Climate Change Adaptation]]<br />
!  style="padding:2px" | <h2 style="margin:3px;  background:#cedff2;-moz-border-radius:4px; -webkit-border-radius:4px;  border:1px solid #a3b0bf; font-size:120%; font-weight:bold;  text-align:left; color:#000; padding:0.2em 0.4em;">Today's Coastal  Factoid</h2>
+
[[:Category:Ocean Ecosystem|Ocean Ecosystem]]<br />
|-
+
[[:Category:Surf Protection|Surf Protection]]<br />
| style="color:#000;padding:2px 5px" | <div>{{Coastal Factoid}}<br />
+
  </div>
 +
</div>
 +
<div class="row">
 +
  <div class="large-6 columns" style="margin:5px; border:1px solid #E7D9B4; -moz-border-radius:4px-webkit-border-radius:4px; background-color:#fcfbf7;">
 +
<h2 style="margin:3px;  background:#E7D9B4; border:1px solid #C2A976; -moz-border-radius:4px;  -webkit-border-radius:4px; font-size:120%; font-weight:bold;  text-align:left; color:#000; padding:0.2em 0.4em;">Featured  Article</h2>
 +
{{Featured Article}} <br />
 +
<span style="font-size:80%">([[Beachapedia:Featured Articles History|Past Featured Articles]])</span>
 +
  </div>
 +
  <div class="large-5 columns" style="height:100%; margin:5px; border:1px solid #cedff2;-moz-border-radius:4px;  -webkit-border-radius:4px; background:#f5faff;">
 +
<h2 style="margin:3px;  background:#cedff2;-moz-border-radius:4px; -webkit-border-radius:4px;  border:1px solid #a3b0bf; font-size:120%; font-weight:bold;  text-align:left; color:#000; padding:0.2em 0.4em;">Today's Coastal  Factoid</h2>
 +
{{Coastal Factoid}}
 
{| style="background:transparent;width:100%"
 
{| style="background:transparent;width:100%"
 
|-
 
|-
Line 23: Line 33:
 
| align="center" | <span style="font-size:80%">[http://www.beachapedia.org/feed/factoidfeed.php Coastal Factoids RSS Feed]</span>
 
| align="center" | <span style="font-size:80%">[http://www.beachapedia.org/feed/factoidfeed.php Coastal Factoids RSS Feed]</span>
 
| align="left" | <span style="font-size:80%">[[Beachapedia:Factoid|Coastal Factoids Archive]]</span>
 
| align="left" | <span style="font-size:80%">[[Beachapedia:Factoid|Coastal Factoids Archive]]</span>
|}</div>
 
 
|}
 
|}
|}
+
  </div>
 
+
</div>
{| style="width: 100%; margin:6px 0 1em 0; background:transparent;border-spacing:0px;"
+
<div class="row">
 
+
  <div class="large-7 columns" style="margin:5px; border:1px solid #C2BB93; -moz-border-radius:4px;  -webkit-border-radius:4px; background-color:#FEFFFC;">
|    style="width:65%; border:1px solid #C2BB93; -moz-border-radius:4px;  -webkit-border-radius:4px; background-color:#FEFFFC; vertical-align:top;  color:#000;" |
+
<h2 style="margin:3px;  background:#bfceea; border:1px solid #a7a9ac; -moz-border-radius:4px;  -webkit-border-radius:4px; font-size:120%; font-weight:bold;  text-align:left; color:#000; padding:0.2em 0.4em;">[[State of the Beach]]</h2>
{| style="width:100%;vertical-align:top; background:transparent;"
+
<div style="padding:2px 5px">{{STOB_Blurb}}</div>
!  style="padding:2px;width:100%;" | <h2 style="margin:3px;  background:#bfceea; border:1px solid #a7a9ac; -moz-border-radius:4px;  -webkit-border-radius:4px; font-size:120%; font-weight:bold;  text-align:left; color:#000; padding:0.2em 0.4em;">[[State of the Beach]]</h2>
+
  </div>
|-
+
  <div class="large-4 columns" style="margin:5px; border:1px solid #abb8af;-moz-border-radius:4px;  -webkit-border-radius:4px; background:#f9f9f9;">
| style="color:#000;" | <div style="padding:2px 5px">{{STOB_Blurb}}</div>
+
<h2 style="margin:3px;background:#CCFFCC;-moz-border-radius:4px; -webkit-border-radius:4px;  border:1px solid #abb8af; font-size:120%; font-weight:bold;    text-align:left; color:#000; padding:0.2em 0.4em;">Latest Articles</h2>
|}
 
| style="background:transparent;" |
 
 
 
style="width:34%; border:1px solid #abb8af;-moz-border-radius:4px;  -webkit-border-radius:4px; background:#f9f9f9; vertical-align:top;"|
 
{| style="width:100%; vertical-align:top;background-color:transparent;"
 
!  style="padding:2px" | <h2 style="margin:3px;background:#CCFFCC;-moz-border-radius:4px; -webkit-border-radius:4px;  border:1px solid #abb8af; font-size:120%; font-weight:bold;    text-align:left; color:#000; padding:0.2em 0.4em;">Latest Articles</h2>
 
|-
 
| style="color:#000;padding:2px 5px" | <div>
 
 
{{#widget:Feed
 
{{#widget:Feed
 
|feedurl=http://www.beachapedia.org/index.php?title=Special:NewPages&feed=rss&hideliu=&hidepatrolled=&hidebots=&hideredirs=1&limit=20&namespace=0
 
|feedurl=http://www.beachapedia.org/index.php?title=Special:NewPages&feed=rss&hideliu=&hidepatrolled=&hidebots=&hideredirs=1&limit=20&namespace=0
Line 50: Line 51:
 
|targ=n
 
|targ=n
 
}}
 
}}
 +
  </div>
 +
</div>
 +
<div class="row">
 +
  <div class="large-12 columns">
 +
<h2 style="margin:3px;  background:#fff3a2; border:1px solid #edd812; -moz-border-radius:4px;  -webkit-border-radius:4px; font-size:120%; font-weight:bold;  text-align:left; color:#000; padding:0.2em 0.4em;">Why Beachapedia?</h2>
 +
Beachapedia captures decades of experience and knowledge gained by Surfrider Foundation activists, scientists and staff through hundreds of environmental and educational campaigns on our coasts. By sharing this resource with the public we hope to provide tools and information to help communities make a positive impact on their local beaches. If you would like to contribute please visit [[Help:New user|this page]].
 +
  </div>
 
</div>
 
</div>
|}
 
|}
 
{| style="width:100%;vertical-align:top; background:transparent;"
 
!  style="padding:2px;width:100%;" | <h2 style="margin:3px;  background:#fff3a2; border:1px solid #edd812; -moz-border-radius:4px;  -webkit-border-radius:4px; font-size:120%; font-weight:bold;  text-align:left; color:#000; padding:0.2em 0.4em;">Why Beachapedia?</h2>
 
|-
 
| style="color:#000;" | <div style="padding:2px 5px">{{Why_Beachapedia}}</div>
 
|}
 
 
== All articles ==
 
== All articles ==
  
Line 65: Line 66:
  
 
== The Latest from Surfrider ==
 
== The Latest from Surfrider ==
{| style="width:100%;"
+
<div class="row">
|- valign="top"
+
  <div class="large-6 columns">
| style="width:40%; font-size:95%;" |
 
<div style="width:95%;display:inline-block; margin: 5px">
 
 
<html>
 
<html>
 
<a class="twitter-timeline" data-dnt="true" href="https://twitter.com/Surfrider/chapters" data-widget-id="345213762833354753">Tweets from @Surfrider/chapters</a>
 
<a class="twitter-timeline" data-dnt="true" href="https://twitter.com/Surfrider/chapters" data-widget-id="345213762833354753">Tweets from @Surfrider/chapters</a>
Line 74: Line 73:
  
 
</html>
 
</html>
</div>
+
  </div>
 
+
  <div class="large-6 columns">
 
 
| style="width:60%; font-size:95%;" |
 
<div style="padding:9px;width:90%;display:inline-block;border:1px solid #000000; -moz-border-radius:4px;  -webkit-border-radius:4px; background-color:#fcfbf7; margin:5px">
 
 
{| style="background-color:#fcfbf7"
 
{| style="background-color:#fcfbf7"
 
|-
 
|-
Line 93: Line 89:
 
}}
 
}}
  
|}</div>
 
 
|}
 
|}
 +
</div>
 +
</div>
 +
  
 
__NOTOC__
 
__NOTOC__

Revision as of 12:05, 5 January 2017

SF Logo B.png

Featured Article

Shutterstock 1517690216 Discharge.jpg
Pollution Source Tracking Technologies - Pollution source tracking is the study of the origin of contamination in the environment. A complete approach to source tracking will promote action to eliminate the contamination at its source to restore water quality conditions and improve human and environmental health. This article describes the most commonly used methods that are used to determine the sources of fecal pollution in recreational waterways, and includes a discussion of their general cost and accessibility.

(Past Featured Articles)

Today's Coastal Factoid

US Weather Impacts from Arctic Sea Ice Melting

"Arctic sea ice is shrinking as the world continues to warm, and a new study led by researchers at Penn State may provide a better understanding of how the loss of this ice may impact daily weather in the middle latitudes, like the United States." - Excerpt from Penn State University
Coastal Factoids on Twitter Coastal Factoids RSS Feed Coastal Factoids Archive

State of the Beach

2010-Coastal-States.gif

The Surfrider Foundation State of the Beach report is our continually-updated assessment of the health of our nation’s beaches. It is intended to empower concerned citizens and coastal managers by giving them the information needed to take action. For over ten years we have been collecting information on beach access, surf zone water quality, beach erosion, beach fill, shoreline structures, beach ecology and surfing areas to get an understanding of the condition of our nation’s beaches and the effectiveness of programs and policies designed to protect them.

Latest Articles

Why Beachapedia?

Beachapedia captures decades of experience and knowledge gained by Surfrider Foundation activists, scientists and staff through hundreds of environmental and educational campaigns on our coasts. By sharing this resource with the public we hope to provide tools and information to help communities make a positive impact on their local beaches. If you would like to contribute please visit this page.

All articles

A
B
C
D
E
F
G
G cont.
H
I
J
K
L
M
N
O
P
R
R cont.
S
T
U
V
W


The Latest from Surfrider

<html> <a class="twitter-timeline" data-dnt="true" href="https://twitter.com/Surfrider/chapters" data-widget-id="345213762833354753">Tweets from @Surfrider/chapters</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

</html>

Latest from the Coastal Blog