Skip to content

Commit

Permalink
Merge pull request #10 from glyptostrob0ides/EcoFlora
Browse files Browse the repository at this point in the history 
updated layout and about pages
  • Loading branch information
@egbot
egbot authored May 3, 2021
2 parents 2d9a3bf + f0d520f commit d149684
Show file tree
Hide file tree
Showing 14 changed files with 233 additions and 51 deletions.
Binary file modified images/layout/BIGMAP.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/layout/CitSci_Thumbnail_Final.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/layout/CitSci_Thumbnail_Final_C.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/layout/budburst.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/layout/cazca.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
44 changes: 44 additions & 0 deletions includes/footer-placeholder.php
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,44 @@
<table>
<tr>
<td class="footer1" colspan="5">
<div style="vertical-align:middle">
<div style="width:300px;padding:20px 20px;display:table-cell;vertical-align:middle;">
<a href="https://www.chicagobotanic.org" target="_blank">
<img src="<?php echo $CLIENT_ROOT; ?>/images/layout/cbglogo.jpg" style="width:100px" />
</a>
</div>
<div style="width:300px;padding:0px 20px;display:table-cell;vertical-align:middle;">
<a href="https://www.botanicgardens.org" target="_blank">
<img src="<?php echo $CLIENT_ROOT; ?>/images/layout/denverlogo.jpg" style="width:100px" /></a>
</div>
<div style="width:300px;padding:0px 20px;display:table-cell;vertical-align:middle;">
<a href="https://www.dbg.org" target="_blank">
<img src="<?php echo $CLIENT_ROOT; ?>/images/layout/desertlogo.jpg" style="width:100px" /></a>
</div>
<div style="width:300px;padding:0px 20px;display:table-cell;vertical-align:middle;">
<a href="https://www.nybg.org" target="_blank">
<img src="<?php echo $CLIENT_ROOT; ?>/images/layout/nybglogo.png" style="width:100px" /></a>
</div>
<div style="width:300px;padding:0px 20px;display:table-cell;vertical-align:middle;">
<a href="https://www.selby.org" target="_blank">
<img src="<?php echo $CLIENT_ROOT; ?>/images/layout/selbygardens.png" style="width:100px" /></a>
</div>
</div>
</td>
</tr>

<tr>
<td class="footer2" colspan="2">
<div style="width:auto;margin-left:auto;margin-right:auto;margin-bottom:15px;display:table;">
<div style="width:300px;display:table-cell;vertical-align:middle;">
<a href="https://www.imls.gov" target="_blank">
<img src="<?php echo $CLIENT_ROOT; ?>/images/layout/imlslogo.jpg" style="width:100px" /></a>
</div>
<div style="width:300px;display:table-cell;vertical-align:middle;">
<a href="https://biokic.asu.edu" target="_blank">
<img src="<?php echo $CLIENT_ROOT; ?>/images/layout/logo-asu-biokic.jpg" style="width:100px" /></a>
</div>
</div>
</td>
</tr>
</table>
7 changes: 3 additions & 4 deletions includes/footer.php
View file
Original file line number Diff line number Diff line change
@@ -1,17 +1,16 @@
<table>

<tr>
<td class="footer2" colspan="2">
<div style="text-align:center">
<div style="width:300px;display:table-cell;vertical-align:middle;">
<div style="display: block; margin-left: auto; margin-right:auto;width: 50%;">
<hr>
<a href="https://www.imls.gov" target="_blank">
<img src="<?php echo $CLIENT_ROOT; ?>/images/layout/imlslogo.jpg" style="width:100px" /></a>
</div>
<div style="width:300px;display:table-cell;vertical-align:middle;">
<div style="display: block; margin-left: auto; margin-right:auto;width: 65%;">
<a href="https://biokic.asu.edu" target="_blank">
<img src="<?php echo $CLIENT_ROOT; ?>/images/layout/logo-asu-biokic.jpg" style="width:100px" /></a>
</div>
</div>
</td>
</tr>
</table>
6 changes: 3 additions & 3 deletions includes/header.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,8 +8,8 @@
<tr>
<td id="header" colspan="3">
<div style="margin-left: 40px; color: #fff; font-family: 'Mate', serif; letter-spacing: 1px; text-shadow: 0 0 7px rgba(0,0,0,0.5);">
<div style="margin-top:30px; font-size:60px; line-height:48px;">
the North American EcoFloras Portal
<div style="display: block; margin-left: auto; margin-right:auto;width: 65%;">
<img src="<?php echo $CLIENT_ROOT; ?>/images/layout/CitSci_Thumbnail_Final_C.png"/>
</div>
</div>
<div id="top_navbar">
Expand Down Expand Up @@ -134,7 +134,7 @@
</li>
</ul>
<li>
<a href="#" >Selby Botanical Gardens</a>
<a href="#" >Marie Selby Botanical Gardens</a>
<ul>
<li>
<a href="<?php echo $CLIENT_ROOT; ?>/misc/SBG_about.php" >Project Information</a>
Expand Down
148 changes: 132 additions & 16 deletions index.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,14 +15,82 @@
<script src="js/jquery-3.2.1.min.js" type="text/javascript"></script>
<script src="js/jquery-ui-1.12.1/jquery-ui.min.js" type="text/javascript"></script>
<script src="js/symb/api.taxonomy.taxasuggest.js" type="text/javascript"></script>
<style>
#slideshowcontainer{
border: 2px solid black;
border-radius:10px;
padding:10px;
margin-left: auto;
margin-right: auto;
<style type="text/css">
#container5 {
clear:left;
float:left;
width:100%;
overflow:hidden;
background:#eee; /* column 5 background colour */
}
#container4 {
clear:left;
float:left;
width:100%;
position:relative;
right:20%;
background:#b2f0f9; /* column 4 background colour */
}
#container3 {
clear:left;
float:left;
width:100%;
position:relative;
right:20%;
background:#89ffa2; /* column 3 background colour */
}
#container2 {
clear:left;
float:left;
width:100%;
position:relative;
right:20%;
background:#ffa7a7; /* column 2 background colour */
}
#container1 {
float:left;
width:100%;
position:relative;
right:20%;
background:#fff689; /* column 1 background colour */
}
#col1 {
float:left;
width:16%;
position:relative;
left:82%;
overflow:hidden;
}
#col2 {
float:left;
width:16%;
position:relative;
left:86%;
overflow:hidden;
}
#col3 {
float:left;
width:16%;
position:relative;
left:90%;
overflow:hidden;
}
#col4 {
float:left;
width:16%;
position:relative;
left:94%;
overflow:hidden;
}
#col5 {
float:left;
width:16%;
position:relative;
left:98%;
overflow:hidden;
}
}

</style>
</head>
<body>
Expand All @@ -31,17 +99,65 @@
?>
<!-- This is inner text! -->
<div id="innertext">
<div style="text-align:center">
<img src="<?php echo $CLIENT_ROOT; ?>/images/layout/BIGMAP.png" style="margin:0px 0px;width:800px" />
</div>
<div style="text-align:center">
<p> This is the homepage for the North American EcoFloras project. EcoFloras, prototyped by the New York Botanical Garden and supported by a National Leadership grant from the Institute of Museum and Library Services, are innovative models for connecting people to plant collections, nature, and urban biodiversity.</p>
<p> The projects combine existing knowledge from herbaria and libraries with real-time observations of plants and their ecological partners.</p>
<p> EcoFloras' goals are:</p>
<p> 1) to better understand urban ecosystems and urbanization, 2) democratize biodiversity data, and 3) increase the understanding and appreciation of plant life.</p>
<div style="text-align:center; margin-left: 150px; margin-right:150px;">
<h1> Welcome to the EcoFloras of North America! </h1>
<hr>
<h2>What is an EcoFlora?</h2>
<p>EcoFloras are a new kind of flora that leverage the power of new technologies and community science to document and conserve native biodiversity. Pioneered by the New York Botanical Garden in 2017, EcoFloras are now being implemented by the Desert Botanical Garden, Denver Botanic Gardens, Marie Selby Botanical Gardens and the Chicago Botanic Garden. Visit the "Project Information" pages to learn more about their programs and information!</p>
<p>The projects combine existing knowledge from herbaria and libraries with real-time observations of plants and their ecological partners.</p>
<p>Participants are encouraged to explore their communities and record observations using iNaturalist or Budburst. Exploration of urban biodiversity supports increased environmental literacy and fosters public appreciation of the natural world, while engaging urban residents in local conservation advocacy</p>
<p>Currently there are 5 participating gardens. Visit the "Project Information" pages to learn more about their programs and information. </p>
<p>This site can be used to:
<ul style="text-align:center;list-style-position:inside;"><li>create dynamic species checklists for a defined area</li>
<li>search and browse herbarium specimens and real-time observations of plant taxa</li></ul></p>
<hr>
</div>
<div style="text-align:center">
<h2>Monthly EcoQuest Challenges</h2>
<h3>APRIL 2021</h3>
</div>
<div id="container5">
<div id="container4">
<div id="container3">
<div id="container2">
<div id="container1">
<div id="col1" style="text-align:center">
<h4><u>New York City EcoFlora</u></h4>
<h2>CHECK FOR CHERRY</h2>
<p>How many flowering cherry trees (<i>Prunus</i> spp.) can you find?</p>
<p><a href="https://www.nybg.org/content/uploads/2021/03/NYCEcoFlora_Prunus.pdf">Guide to <i>Prunus</i> in NYC</a></p>
<p><a href="https://www.inaturalist.org/projects/check-for-cherry">Upload your observations to iNaturalist</a></p>
</div>
<div id="col2" style="text-align:center">
<h4><u>Chicago EcoFlora</u></h4>
<h2>BLUEBELLS RING IN SPRING / BEGONE BRADFORD PEAR</h2>
<p>How many native Virginia bluebells (<i>Mertensia virginica</i>) and invasive Bradford pear (<i>Pyrus calleryana</i>) can you find?</p>
<p><a href="https://budburst.org/april-ecoquest">Upload your observations to Budburst</a></p>
</div>
<div id="col3" style="text-align:center">
<h4><u>Sarasota-Manatee EcoFlora</u></h4>
<h2>PLANTS THAT POP!</h2>
<p>How many ballistochorous plants (rapid ejection of seeds by explosive fruit dehiscence) can you find?</p>
<p><a href="https://www.inaturalist.org/projects/plants-that-pop-sarasota-manatee-ecoflora-april-ecoquest">Upload your observations to iNaturalist</a></p>
</div>
<div id="col4" style="text-align:center">
<h4><u>Metro Phoenix EcoFlora</u></h4>
<h2>LOOKIN' SHARP</h2>
<p>How many cacti (Family Cactaceae) can you find?</p>
<p><a href="https://www.inaturalist.org/projects/lookin-sharp">Upload your observations to iNaturalist</a></p>
</div>
<div id="col5" style="text-align:center">
<h4><u>Denver EcoFlora</u></h4>
<h2>PASQUE FLOWERS</h2>
<p>How many pasque flowers (<i>Pulsatilla nuttalliana</i>) can you find?</p>
<p><a href="https://www.inaturalist.org/projects/denver-ecoquest-april-2021-pasque-flowers">Upload your observations to iNaturalist</a></p>
</div>
</div>
</div>
</div>
</div>
<p></p>
</div>

</div>
<?php
include($SERVER_ROOT.'/includes/footer.php');
Expand Down
17 changes: 11 additions & 6 deletions misc/CBG_about.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,14 +19,19 @@
<a href="../index.php"><?php echo (isset($LANG['HOME'])?$LANG['HOME']:'Home'); ?></a> &gt;
<b><?php echo (isset($LANG['ABOUT_PROJECT'])?$LANG['ABOUT_PROJECT']:'CBG > About the Project'); ?></b>
</div>
<img src="<?php echo $CLIENT_ROOT; ?>/images/layout/Chicago_Ecoflora_Final.png" style="width:300px" />
<div style="display: block; margin-left: auto; margin-right:auto;width: 25%;">
<img src="<?php echo $CLIENT_ROOT; ?>/images/layout/Chicago_Ecoflora_Final.png"/>
</div>
<!-- This is inner text! -->
<div id="innertext" style="margin:10px 20px">
<h1><?php echo (isset($LANG['ABOUT_PROJECT'])?$LANG['ABOUT_PROJECT']:'About the Project'); ?>:</h1>

<div id="innertext" style="margin:10px 20px;text-align:center">
<h1> Chicago EcoFlora </h1>
<h4> [Under Construction] </h4>
<h3> More information here: <a href="https://budburst.org/chicago-ecoflora">budburst.org/chicago-ecoflora</a></h3>
<p></p>

</div>
<p>Now more than ever we need to understand urban flora-both native and invasive species. The Chicago EcoFlora project is collecting observations of plants in Cook County, Illinois to learn more about local plant life and contribute to conservation planning. With your help, we will collect data on important native species and troublesome new invaders that call our city home. This project will inform Chicago Park District, the Forest Preserves of Cook County, and other land managers about native plants that need protection and invasive species that need control.</p>
<hr>
<img src="<?php echo $CLIENT_ROOT; ?>/images/layout/budburst.png" "width=500px"/>
</div>
<?php
include($SERVER_ROOT.'/includes/footer.php');
?>
Expand Down
17 changes: 12 additions & 5 deletions misc/DenBG_about.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,12 +19,19 @@
<a href="../index.php"><?php echo (isset($LANG['HOME'])?$LANG['HOME']:'Home'); ?></a> &gt;
<b><?php echo (isset($LANG['ABOUT_PROJECT'])?$LANG['ABOUT_PROJECT']:'DenBG > About the Project'); ?></b>
</div>
<img src="<?php echo $CLIENT_ROOT; ?>/images/layout/Denver_Ecoflora_Final.png" style="width:300px" />
<!-- This is inner text! -->
<div id="innertext" style="margin:10px 20px">
<h1><?php echo (isset($LANG['ABOUT_PROJECT'])?$LANG['ABOUT_PROJECT']:'About the Project'); ?>:</h1>
<p>The Denver EcoFlora Project is designed to connect and engage citizen scientists with biodiversity in the greater Denver metro area. The project has two main goals: 1) to meaningfully engage citizens in observing, protecting, and preserving the metro area's native plant species, and 2) to assemble novel observations and data on the metro area's flora to better inform policy decisions concerning land management and conservation strategies. Researchers and land managers can also use these observations to answer questions such as the influence of climate change on biodiversity, the role of rare species in protecting critical ecosystem functions, and the identification of priority areas for conservation.</p>
<div style="display: block; margin-left: auto; margin-right:auto;width: 25%;">
<img src="<?php echo $CLIENT_ROOT; ?>/images/layout/Denver_Ecoflora_Final.png" />
</div>
<!-- This is inner text! -->
<div id="innertext" style="margin-left:150px; margin-right:150px; text-align:center">
<h1>Denver EcoFlora</h1>
<h4>[Under Construction]</h4>
<h3><a href="https://www.inaturalist.org/projects/denver-ecoflora-project">View our project on iNaturalist</a></h3>
<h3>More information here: <a href="https://www.botanicgardens.org/citizen-science">www.botanicgardens.org/citizen-science</a></h3>
<p></p>
<p>Launched in 2020, the Denver EcoFlora Project has two main goals. First, to meaningfully engage citizens in observing, protecting and preserving the metro area's native plant species and second, to assemble novel observations and data on the metro area's flora to better inform policy decisions concerning land management and conservation strategies. Anyone can participate in the Denver EcoFlora Project - all you need is access to a smartphone and a few minutes to spend learning the citizen science application iNaturalist. The EcoFlora Project consists of plant and fungal observations made within the Denver-Boulder metro area. Participants are driven to grow observations through monthly EcoQuests, which challenge participants to discover biodiversity in different areas (yard, park, national forest) or in different ways (species color, smell or relevance in current research).</p>
<hr>
</div>

<?php
include($SERVER_ROOT.'/includes/footer.php');
Expand Down
15 changes: 11 additions & 4 deletions misc/DesBG_about.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,12 +19,19 @@
<a href="../index.php"><?php echo (isset($LANG['HOME'])?$LANG['HOME']:'Home'); ?></a> &gt;
<b><?php echo (isset($LANG['ABOUT_PROJECT'])?$LANG['ABOUT_PROJECT']:'DesBG > About the Project'); ?></b>
</div>
<img src="<?php echo $CLIENT_ROOT; ?>/images/layout/Phoenix_Ecoflora_Final.png" style="width:300px" />
<div style="display: block; margin-left: auto; margin-right:auto;width: 25%;">
<img src="<?php echo $CLIENT_ROOT; ?>/images/layout/Phoenix_Ecoflora_Final.png"/>
</div>
<!-- This is inner text! -->
<div id="innertext" style="margin:10px 20px">
<h1><?php echo (isset($LANG['ABOUT_PROJECT'])?$LANG['ABOUT_PROJECT']:'About the Project'); ?>:</h1>

<div id="innertext" style="margin-left:150px; margin-right:150px; text-align:center">
<h1>Metro Phoenix EcoFlora<h1>
<h4>[Under Construction]</h4>
<h3><a href="https://www.inaturalist.org/projects/metro-phoenix-ecoflora">View our project on iNaturalist</a></h3>
<h3> More information here: <a href="https://dbg.org/partner-initiatives/ecoflora/">dbg.org/partner-initiatives/ecoflora/</a></h3>
<p></p>
<p>The Metro Phoenix EcoFlora project is making plant science meaningful and open for everyone, while we learn about the biodiversity of our urban desert home. We need your help! This is an opportunity to contribute to real-life science while studying plants in metro Phoenix, what is happening with them, and how these plants are interacting with other organisms. The information gathered through this project will provide insight into bigger biodiversity science questions and contribute to local conservation efforts.</p>
<hr>
<img src="<?php echo $CLIENT_ROOT; ?>/images/layout/cazca.png" "width=500px"/>

</div>
<?php
Expand Down
14 changes: 8 additions & 6 deletions misc/NYBG_about.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,13 +19,15 @@
<a href="../index.php"><?php echo (isset($LANG['HOME'])?$LANG['HOME']:'Home'); ?></a> &gt;
<b><?php echo (isset($LANG['ABOUT_PROJECT'])?$LANG['ABOUT_PROJECT']:'NYBG > About the Project'); ?></b>
</div>
<img src="<?php echo $CLIENT_ROOT; ?>/images/layout/NY_Ecoflora_Final.png" style="width:300px" />
<div style="display: block; margin-left: auto; margin-right:auto;width: 25%;">
<img src="<?php echo $CLIENT_ROOT; ?>/images/layout/NY_Ecoflora_Final.png" />
</div>
<!-- This is inner text! -->
<div id="innertext" style="margin:10px 20px">
<h1><?php echo (isset($LANG['ABOUT_PROJECT'])?$LANG['ABOUT_PROJECT']:'About the Project'); ?>:</h1>

<p></p>

<div id="innertext" style="margin:10px 20px; text-align:center ">
<h1>New York City EcoFlora<h1>
<h4>[Under Construction]</h4>
<h3><a href="https://www.inaturalist.org/projects/new-york-city-ecoflora">View our project on iNaturalist</a></h3>
<h3> More information here: <a href="https://www.nybg.org/science-project/new-york-city-ecoflora">www.nybg.org/science-project/new-york-city-ecoflora</a></h3>
</div>
<?php
include($SERVER_ROOT.'/includes/footer.php');
Expand Down
16 changes: 9 additions & 7 deletions misc/SBG_about.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,15 +17,17 @@
?>
<div class="navpath">
<a href="../index.php"><?php echo (isset($LANG['HOME'])?$LANG['HOME']:'Home'); ?></a> &gt;
<b><?php echo (isset($LANG['ABOUT_PROJECT'])?$LANG['ABOUT_PROJECT']:'SBG > About the Project'); ?></b>
<b><?php echo (isset($LANG['ABOUT_PROJECT'])?$LANG['ABOUT_PROJECT']:'MSBG > About the Project'); ?></b>
</div>
<div style="display: block; margin-left: auto; margin-right:auto;width: 25%;">
<img src="<?php echo $CLIENT_ROOT; ?>/images/layout/Sarasota_Ecoflora_Final.png"/>
</div>
<img src="<?php echo $CLIENT_ROOT; ?>/images/layout/Sarasota_Ecoflora_Final.png" style="width:300px" />
<!-- This is inner text! -->
<div id="innertext" style="margin:10px 20px">
<h1><?php echo (isset($LANG['ABOUT_PROJECT'])?$LANG['ABOUT_PROJECT']:'About the Project'); ?>:</h1>

<p></p>

<div id="innertext" style="margin:10px 20px; text-align:center">
<h1>Sarasota-Manatee EcoFlora<h1>
<h4>[Under Construction]</h4>
<h3><a href="https://www.inaturalist.org/projects/sarasota-manatee-ecoflora-project-fl-usa">View our project on iNaturalist</a></h3>
<h3> More information here: <a href="https://selby.org/dsc/youth-family-programs/sarasota-manatee-ecoflora-project">selby.org/dsc/youth-family-programs/sarasota-manatee-ecoflora-project</a></h3>
</div>
<?php
include($SERVER_ROOT.'/includes/footer.php');
Expand Down

0 comments on commit d149684

Please sign in to comment.