Feat : proposal to standardize behavior of click on Com_Name and Sci_Name (#116)

* Align with 3 logos : wikipedia ; info_site ; minigraph

* Add info & wiki.png

* Rename wikipedia.png to wiki.png

* Show icons on recent detections

* icons with white background

* Align icons with scientific name to center common name

* Add icons

* Not sure what this makes

* Correct link to info_site

* Restore initial cleaner layout

* Have same behavior for title than the overview

* Add icons of info and wikipedia to recordings

* Add icons

* Clean

* Improve icons size

* Add icons to species stats

* Put icons near sci_name

* Remove pictures from mobile on main page for small screens

* Other solution for mobile

* Improve visibility on smaller screen and consistency

* Improve visibility on smaller screen and consistency

* Improve readability on small screens

* Improve readability on small screens

* Set image size for smaller screens

* Make scientific name in italics

* Sci_name in italics

* Add sci_name in Italics for consistency

* Inline icons with scientific text for consistency

* Italics for todays scientific name
This commit is contained in:
Alexandre
2024-06-29 10:15:30 +02:00
committed by GitHub
parent b76f6d7412
commit b959325605
8 changed files with 51 additions and 38 deletions
+7 -2
View File
@@ -128,8 +128,13 @@ if(isset($_GET['ajax_detections']) && $_GET['ajax_detections'] == "true" && isse
<?php } ?>
<form action="" method="GET">
<input type="hidden" name="view" value="Species Stats">
<button type="submit" name="species" value="<?php echo $mostrecent['Com_Name'];?>"><?php echo $mostrecent['Com_Name'];?></button><img style="width: unset !important;display: inline;height: 1em;cursor:pointer" title="View species stats" onclick="generateMiniGraph(this, '<?php echo $comname; ?>')" width=25 src="images/chart.svg"><br>
<a href="https://wikipedia.org/wiki/<?php echo $sciname;?>" target="_blank"><i><?php echo $mostrecent['Sci_Name'];?></i></a>
<button type="submit" name="species" value="<?php echo $mostrecent['Com_Name'];?>"><?php echo $mostrecent['Com_Name'];?></button>
<br>
<i><?php echo $mostrecent['Sci_Name'];?></i>
<a href="<?php $info_url = get_info_url($mostrecent['Sci_Name']); $url = $info_url['URL']; echo $url ?>" target="_blank">
<img style="width: unset !important; display: inline; height: 1em; cursor: pointer;" title="Info" src="images/info.png" width="25"></a>
<a href="https://wikipedia.org/wiki/<?php echo $sciname;?>" target="_blank"><img style="width: unset !important; display: inline; height: 1em; cursor: pointer;" title="Wikipedia" src="images/wiki.png" width="25"></a>
<img style="width: unset !important;display: inline;height: 1em;cursor:pointer" title="View species stats" onclick="generateMiniGraph(this, '<?php echo $comname; ?>')" width=25 src="images/chart.svg">
<br>Confidence: <?php echo $percent = round((float)round($mostrecent['Confidence'],2) * 100 ) . '%';?><br></div><br>
<video style="margin-top:10px" onplay='setLiveStreamVolume(0)' onended='setLiveStreamVolume(1)' onpause='setLiveStreamVolume(1)' controls poster="<?php echo $filename.".png";?>" preload="none" title="<?php echo $filename;?>"><source src="<?php echo $filename;?>"></video></td>
</form>