Skip to content

Commit

Permalink
fix default check of interactive map + style
Browse files Browse the repository at this point in the history
  • Loading branch information
@Rafnuss
Rafnuss committed Dec 22, 2022
1 parent a045ded commit 3271681
Show file tree
Hide file tree
Showing 3 changed files with 1,083 additions and 1,064 deletions.
78 changes: 50 additions & 28 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,22 +6,25 @@
<meta name="description" content="My personal website for bird related stuff.">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/x-icon" href="/assets/favicon.ico" />

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-1YGJHDR2PZ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());

gtag('config', 'G-1YGJHDR2PZ');
gtag('config', 'G-1YGJHDR2PZ');
</script>

<script src="https://kit.fontawesome.com/f15ed359e8.js" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"></script>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.26.0/moment.min.js" type="text/javascript"></script>

<link rel="stylesheet" href="//unpkg.com/leaflet/dist/leaflet.css">
Expand Down Expand Up @@ -65,7 +68,7 @@

<body class="bg-light">
<main class="container">
<div class="d-flex justify-content-between p-3 my-3 text-white rounded shadow-sm bg-dblue" >
<div class="d-flex justify-content-between p-3 my-3 text-white rounded shadow-sm bg-dblue">
<div ml-2>
<h1 class="mb-0">Biolovision2eBird</h1>
<h6>Convert biolovision data to eBird</h6>
Expand All @@ -88,17 +91,20 @@ <h2 class="border-bottom pb-2 mb-3">Introduction</h2>
href="http://faune-alsace.org" target="_blank">faune-alsace</a>, ...), observado (e.g.
<a href="https://waarneming.nl/" target="_blank">waarneming.nl</a>), birdtrack (<a
href="https://www.bto.org/our-science/projects/" target="_blank">birdtrack</a>) and <a
href="https://www.birdlasser.com/" target="_blank">birdlasser</a> to eBird! </p>
href="https://www.birdlasser.com/" target="_blank">birdlasser</a> to eBird! 
</p>
<p>The process is quite simple: (1) upload the file with your data, (2) match the data to eBird
checklist format, (3) download an <a
href="http://help.ebird.org/customer/portal/articles/973915-uploading-data-to-ebird#ebird-record-format-specifications"
target="_blank" rel="noopener">eBird Record Format</a> and (4) upload the file on eBird.
</p>
<p>Any comments or suggestions? Please submit an issue on <a class="btn btn-sm btn-outline-primary"
<p>Any comments or suggestions? Please submit an issue on <a
class="btn btn-sm btn-outline-primary"
href="https://github.com/Zoziologie/Biolovision2eBird/issues" target="_blank"><i
class="fab fa-fw fa-github" aria-hidden="true"></i> Github</a> or <a class="btn btn-sm btn-outline-primary"
href="mailto:[email protected]" rel="nofollow noopener noreferrer"><i
class="fas fa-fw fa-envelope-square" aria-hidden="true"></i> contact me</a>.</p>
class="fab fa-fw fa-github" aria-hidden="true"></i> Github</a> or <a
class="btn btn-sm btn-outline-primary" href="mailto:[email protected]"
rel="nofollow noopener noreferrer"><i class="fas fa-fw fa-envelope-square"
aria-hidden="true"></i> contact me</a>.</p>
</div>
<div class="col-lg-6">
<img src="./assets/b2e.gif" alt="Example" class="gif">
Expand All @@ -108,8 +114,15 @@ <h2 class="border-bottom pb-2 mb-3">Introduction</h2>
</div>

<div class="alert alert-warning" role="alert">
Before moving on, make sure you understand the differences in protocol between the systems used (Ornitho, Birdlasser, Birdtrack) and eBird. Please visit <a href="https://support.ebird.org/en/support/solutions/articles/48000950859-guide-to-ebird-protocols" class="alert-link">Guide to eBird Protocols</a> to familiarize with the traveling, stationary, incidental and historical protocols. In general, lists should be converted to traveling or stationary, while direct observations should be converted to incidental. Under certain conditions, multiple direct observations can be grouped and converted to incomplete traveling or stationary protocols.<br>
In addition, we encourage you to keep the link to the biolovision website in the species comment so that the eBird reviewing team can check your record more easily.
Before moving on, make sure you understand the differences in protocol between the systems used (Ornitho,
Birdlasser, Birdtrack) and eBird. Please visit <a
href="https://support.ebird.org/en/support/solutions/articles/48000950859-guide-to-ebird-protocols"
class="alert-link">Guide to eBird Protocols</a> to familiarize with the traveling, stationary,
incidental and historical protocols. In general, lists should be converted to traveling or stationary, while
direct observations should be converted to incidental. Under certain conditions, multiple direct
observations can be grouped and converted to incomplete traveling or stationary protocols.<br>
In addition, we encourage you to keep the link to the biolovision website in the species comment so that the
eBird reviewing team can check your record more easily.
</div>

<div id="c1" class="my-3 p-3 bg-body rounded shadow-sm">
Expand Down Expand Up @@ -181,7 +194,7 @@ <h2 class="border-bottom pb-2 mb-3">1. Import Biolovision data</h2>
<option value="www.ornitho.lu">ornitho.lu</option>
<option value="www.ornitho.pl">ornitho.pl</option>
<option value="vienne.lpo.fr">vienne.lpo.fr</option>
</optgroup>
</optgroup>
</select>
</div>
<div class="col-lg-6 form-group">
Expand All @@ -205,7 +218,8 @@ <h2 class="border-bottom pb-2 mb-3">1. Import Biolovision data</h2>
</div>
</div>
<div class="col-lg-3 form-group"><label for="link-id">c) Download file</label>
<button id="link-id" class="btn btn-default" type="submit"><i class="fas fa-external-link-alt"></i> Go to export webpage</button>
<button id="link-id" class="btn btn-default" type="submit"><i
class="fas fa-external-link-alt"></i> Go to export webpage</button>
</div>
</form>
</li>
Expand All @@ -219,9 +233,11 @@ <h2 class="border-bottom pb-2 mb-3">1. Import Biolovision data</h2>
<form class="row form-inline text-white rounded bg-dblue form-in" id="upload-submit">
<div class="col-lg-6">
<div class="mb-3">
<label for="upload" class="form-label">Upload the file<tt>json</tt> (biolovision), <tt>xlsx</tt> (birdtrack) or <tt>csv</tt>
<label for="upload" class="form-label">Upload the file<tt>json</tt> (biolovision),
<tt>xlsx</tt> (birdtrack) or <tt>csv</tt>
(observado)</label>
<input id="upload" class="form-control" type="file" accept=".json,.csv,.xls,.xlsx" required/>
<input id="upload" class="form-control" type="file" accept=".json,.csv,.xls,.xlsx"
required />
</div>
<div class="mb-3">
<label for="nb-obs">Number of observers:</label>
Expand All @@ -235,31 +251,37 @@ <h2 class="border-bottom pb-2 mb-3">1. Import Biolovision data</h2>
Include weather information in checklist comment.
</label>
</div>-->
<div class="form-check" >
<div class="form-check">
<input class="form-check-input" id="incl-map" type="checkbox" checked>
<label class="form-check-label" for="incl-map">
Include static map in checklist comment.
</label>
</div>
<div class="form-check">
<input class="form-check-input" id="incl-map-link" type="checkbox" checked>
<input class="form-check-input" id="incl-map-link" type="checkbox">
<label class="form-check-label" for="incl-map-link">
Add link to static map for interative map.
</label>
</div>
</div>
<div id="github-token-div" style="display: none;">
<input type="text" class="form-control w-100" id="github-token" placeholder="Github token" aria-describedby="tokenHelp">
<small id="tokenHelp" class="form-text text-muted">To generate an interactive map, you'll need to <a href="https://docs.github.com/en/github/authenticating-to-github/creating-a-personal-access-token">generate a Github token</a> with 'gist' scopes.</small>
<input type="text" class="form-control w-100" id="github-token"
placeholder="Github token" aria-describedby="tokenHelp">
<small id="tokenHelp" class="form-text text-muted">To generate an interactive map,
you'll need to <a
href="https://docs.github.com/en/github/authenticating-to-github/creating-a-personal-access-token">generate
a Github token</a> with 'gist' scopes.</small>
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" id="incl-sp-cmt" checked>
<label class="form-check-label" for="incl-sp-cmt">
Include details in species comment.
Include details in species comment.
</label>
</div>
<div id="website-link-div">
<input id="sel-website-link" class="form-control w-100" list="websites" name="website-link" type="text" aria-describedby="website-link-help"/>
<small id="website-link-help" class="form-text text-muted">Link used for specie's comment details </small>
<input id="sel-website-link" class="form-control w-100" list="websites"
name="website-link" type="text" aria-describedby="website-link-help" />
<small id="website-link-help" class="form-text text-muted">Link used for specie's
comment details </small>
</div>
</div>
<div class="col-lg-12 d-flex justify-content-center mt-3 mb-3">
Expand Down Expand Up @@ -381,4 +403,4 @@ <h2 class="border-bottom pb-2 mb-3">Upload your data in eBird</h2>
</div>

</main>
</body>
</body>
Loading

0 comments on commit 3271681

Please sign in to comment.