Râu Cao
88eb0ac0c1
* Add fold-out sections for additional details * Use table for Open Source info, add licenses * Move link styles to CSS variables
129 lines
3.6 KiB
Plaintext
129 lines
3.6 KiB
Plaintext
import { on } from '@ember/modifier';
|
|
import Icon from '#components/icon';
|
|
|
|
<template>
|
|
{{! template-lint-disable no-nested-interactive }}
|
|
<div class="sidebar-header">
|
|
<button type="button" class="back-btn" {{on "click" @onBack}}>
|
|
<Icon @name="arrow-left" @size={{20}} @color="#333" />
|
|
</button>
|
|
<h2>About</h2>
|
|
<button type="button" class="close-btn" {{on "click" @onClose}}>
|
|
<Icon @name="x" @size={{20}} @color="#333" />
|
|
</button>
|
|
</div>
|
|
|
|
<div class="sidebar-content">
|
|
<section class="about-section">
|
|
<p>
|
|
<strong>Marco</strong>
|
|
(as in
|
|
<a
|
|
href="https://en.wikipedia.org/wiki/Marco_Polo"
|
|
target="_blank"
|
|
rel="noopener"
|
|
>Marco Polo</a>) is an unhosted maps application that respects your
|
|
privacy and choices.
|
|
</p>
|
|
<p>
|
|
Connect your own
|
|
<a
|
|
href="https://remotestorage.io/"
|
|
target="_blank"
|
|
rel="noopener"
|
|
>remote storage</a>
|
|
to sync place bookmarks across apps and devices.
|
|
</p>
|
|
|
|
<details>
|
|
<summary>
|
|
<Icon @name="gift" @size={{20}} />
|
|
<span>Open Source</span>
|
|
</summary>
|
|
<div class="details-content">
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Source</th>
|
|
<th>License</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>
|
|
<a
|
|
href="https://gitea.kosmos.org/raucao/marco"
|
|
target="_blank"
|
|
rel="noopener"
|
|
>
|
|
Marco App
|
|
</a>
|
|
</td>
|
|
<td>
|
|
<a
|
|
href="https://en.wikipedia.org/wiki/GNU_Affero_General_Public_License"
|
|
target="_blank"
|
|
rel="noopener"
|
|
>
|
|
<abbr title="GNU Affero General Public License">AGPL</abbr>
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a
|
|
href="https://openstreetmap.org/copyright"
|
|
target="_blank"
|
|
rel="noopener"
|
|
>
|
|
Map Data
|
|
</a>
|
|
</td>
|
|
<td>
|
|
<a
|
|
href="https://opendatacommons.org/licenses/odbl/"
|
|
target="_blank"
|
|
rel="noopener"
|
|
>
|
|
<abbr
|
|
title="Open Data Commons Open Database License"
|
|
>ODbL</abbr>
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a
|
|
href="https://github.com/feathericons/feather"
|
|
target="_blank"
|
|
rel="noopener"
|
|
>
|
|
Feather Icons
|
|
</a>
|
|
</td>
|
|
<td>
|
|
<a
|
|
href="https://en.wikipedia.org/wiki/MIT_License"
|
|
target="_blank"
|
|
rel="noopener"
|
|
>
|
|
<abbr title="MIT License">MIT</abbr>
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</details>
|
|
<details>
|
|
<summary>
|
|
<Icon @name="heart" @size={{20}} @color="#e5533d" />
|
|
<span>Contribute</span>
|
|
</summary>
|
|
<div class="details-content">
|
|
</div>
|
|
</details>
|
|
</section>
|
|
</div>
|
|
</template>
|