Update index.html
This commit is contained in:
parent
59e0a4319a
commit
1847a490ac
|
@ -147,36 +147,28 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Footer -->
|
<!-- Footer -->
|
||||||
<footer class="column opacity-0">
|
<footer class="column opacity-0">
|
||||||
<svg class="icon logo">
|
<img src="public/images/logo_transparent_white_512x512.png" width="96" height="96" alt="Logo" onerror="this.onerror=null; this.src='public/images/ErikrafT Drop_Black.svg';">
|
||||||
<defs>
|
<div class="column">
|
||||||
<linearGradient id="primaryGradient" gradientTransform="rotate(90)">
|
<div class="known-as-wrapper">
|
||||||
<stop offset="0%" class="start-color" />
|
<span data-i18n-key="footer.known-as" data-i18n-attrs="text"></span>
|
||||||
<stop offset="100%" class="stop-color" />
|
<div id="display-name" class="badge" data-i18n-key="footer.display-name" data-i18n-attrs="data-placeholder title" autocorrect="off" autocomplete="off" autocapitalize="none" spellcheck="false" contenteditable></div>
|
||||||
</linearGradient>
|
<svg class="icon edit-pen">
|
||||||
</defs>
|
<use xlink:href="#edit-pen-icon"></use>
|
||||||
<use xlink:href="#wifi-tethering" style="fill: url(#primaryGradient);"></use>
|
</svg>
|
||||||
</svg>
|
</div>
|
||||||
<div class="column">
|
<div class="discovery-wrapper panel border row">
|
||||||
<div class="known-as-wrapper">
|
<div class="row center">
|
||||||
<span data-i18n-key="footer.known-as" data-i18n-attrs="text"></span>
|
<span data-i18n-key="footer.discovery" data-i18n-attrs="text"></span>
|
||||||
<div id="display-name" class="badge" data-i18n-key="footer.display-name" data-i18n-attrs="data-placeholder title" autocorrect="off" autocomplete="off" autocapitalize="none" spellcheck="false" contenteditable></div>
|
|
||||||
<svg class="icon edit-pen">
|
|
||||||
<use xlink:href="#edit-pen-icon"></use>
|
|
||||||
</svg>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="discovery-wrapper panel border row">
|
<div class="row center wrap">
|
||||||
<div class="row center">
|
<span class="badge badge-room-ip" data-i18n-key="footer.on-this-network" data-i18n-attrs="text title"></span>
|
||||||
<span data-i18n-key="footer.discovery" data-i18n-attrs="text"></span>
|
<span class="badge badge-room-secret pointer" data-i18n-key="footer.paired-devices" data-i18n-attrs="text title" hidden></span>
|
||||||
</div>
|
<span class="badge badge-room-public-id pointer" data-i18n-key="footer.public-room-devices" data-i18n-attrs="title" hidden>in room IAIAI</span>
|
||||||
<div class="row center wrap">
|
|
||||||
<span class="badge badge-room-ip" data-i18n-key="footer.on-this-network" data-i18n-attrs="text title"></span>
|
|
||||||
<span class="badge badge-room-secret pointer" data-i18n-key="footer.paired-devices" data-i18n-attrs="text title" hidden></span>
|
|
||||||
<span class="badge badge-room-public-id pointer" data-i18n-key="footer.public-room-devices" data-i18n-attrs="title" hidden>in room IAIAI</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</div>
|
||||||
|
</footer>
|
||||||
<!-- Language Select Dialog -->
|
<!-- Language Select Dialog -->
|
||||||
<x-dialog id="language-select-dialog">
|
<x-dialog id="language-select-dialog">
|
||||||
<x-background class="full center">
|
<x-background class="full center">
|
||||||
|
@ -654,68 +646,32 @@
|
||||||
</x-toast>
|
</x-toast>
|
||||||
</div>
|
</div>
|
||||||
<!-- About Page -->
|
<!-- About Page -->
|
||||||
<x-about id="about" class="full center column">
|
<x-about id="about" class="full center column">
|
||||||
<header class="row-reverse">
|
<header class="row-reverse">
|
||||||
<a href="#" class="close icon-button" data-i18n-key="about.close-about" data-i18n-attrs="aria-label">
|
<a href="#" class="close icon-button" data-i18n-key="about.close-about" data-i18n-attrs="aria-label">
|
||||||
|
<svg class="icon">
|
||||||
|
<use xlink:href="#close-icon"></use>
|
||||||
|
</svg>
|
||||||
|
</a>
|
||||||
|
</header>
|
||||||
|
<section class="center column">
|
||||||
|
<img src="public/images/logo_transparent_white_512x512.png" width="96" height="96" alt="Logo" onerror="this.onerror=null; this.src='public/images/ErikrafT Drop_Black.svg';">
|
||||||
|
<div class="title-wrapper" dir="ltr">
|
||||||
|
<h1>ErikrafT Drop</h1>
|
||||||
|
<div class="font-subheading">v1.11.2</div>
|
||||||
|
</div>
|
||||||
|
<div class="font-subheading" data-i18n-key="about.claim" data-i18n-attrs="text"></div>
|
||||||
|
<div class="row">
|
||||||
|
<a class="icon-button" target="_blank" href="https://github.com/erikraft/Drop/tree/master" rel="noreferrer" data-i18n-key="about.github" data-i18n-attrs="title">
|
||||||
<svg class="icon">
|
<svg class="icon">
|
||||||
<use xlink:href="#close-icon"></use>
|
<use xlink:href="#github"></use>
|
||||||
</svg>
|
</svg>
|
||||||
</a>
|
</a>
|
||||||
</header>
|
...
|
||||||
<section class="center column">
|
</div>
|
||||||
<svg class="icon logo">
|
</section>
|
||||||
<use xlink:href="#wifi-tethering"></use>
|
<x-background></x-background>
|
||||||
</svg>
|
</x-about>
|
||||||
<div class="title-wrapper" dir="ltr">
|
|
||||||
<h1>ErikrafT Drop</h1>
|
|
||||||
<div class="font-subheading">v1.11.2</div>
|
|
||||||
</div>
|
|
||||||
<div class="font-subheading" data-i18n-key="about.claim" data-i18n-attrs="text"></div>
|
|
||||||
<div class="row">
|
|
||||||
<a class="icon-button" target="_blank" href="https://github.com/erikraft/Drop/tree/master" rel="noreferrer" data-i18n-key="about.github" data-i18n-attrs="title">
|
|
||||||
<svg class="icon">
|
|
||||||
<use xlink:href="#github"></use>
|
|
||||||
</svg>
|
|
||||||
</a>
|
|
||||||
<a class="icon-button" id="donation-btn" target="_blank" href="https://www.paypal.com/donate/?business=QKLABC97EXJSN&no_recurring=0&item_name=ErikrafT¤cy_code=BRL" rel="noreferrer" data-i18n-key="about.buy-me-a-coffee" data-i18n-attrs="title">
|
|
||||||
<svg class="icon">
|
|
||||||
<use xlink:href="#donation"></use>
|
|
||||||
</svg>
|
|
||||||
</a>
|
|
||||||
<a class="icon-button" id="x-twitter-btn" target="_blank" href="https://x.com/ErikrafTbr" rel="noreferrer" data-i18n-key="about.tweet" data-i18n-attrs="title">
|
|
||||||
<svg class="icon">
|
|
||||||
<use xlink:href="#x-twitter"></use>
|
|
||||||
</svg>
|
|
||||||
</a>
|
|
||||||
<a class="icon-button" id="mastodon-btn" target="_blank" rel="noreferrer" data-i18n-key="about.mastodon" data-i18n-attrs="title" hidden>
|
|
||||||
<svg class="icon">
|
|
||||||
<use xlink:href="#mastodon"></use>
|
|
||||||
</svg>
|
|
||||||
</a>
|
|
||||||
<a class="icon-button" id="bluesky-btn" target="_blank" rel="noreferrer" data-i18n-key="about.bluesky" data-i18n-attrs="title" hidden>
|
|
||||||
<svg class="icon">
|
|
||||||
<use xlink:href="#bluesky"></use>
|
|
||||||
</svg>
|
|
||||||
</a>
|
|
||||||
<a class="icon-button" id="custom-btn" target="_blank" rel="noreferrer" data-i18n-key="about.custom" data-i18n-attrs="title" hidden>
|
|
||||||
<svg class="icon">
|
|
||||||
<use xlink:href="#custom"></use>
|
|
||||||
</svg>
|
|
||||||
</a>
|
|
||||||
<a class="icon-button" id="privacypolicy-btn" target="_blank" rel="noreferrer" data-i18n-key="about.privacypolicy" data-i18n-attrs="title" hidden>
|
|
||||||
<svg class="icon">
|
|
||||||
<use xlink:href="#privacypolicy"></use>
|
|
||||||
</svg>
|
|
||||||
</a>
|
|
||||||
<a class="icon-button" target="_blank" href="https://github.com/erikraft/Drop/blob/master/docs/faq.md" rel="noreferrer" data-i18n-key="about.faq" data-i18n-attrs="title">
|
|
||||||
<svg class="icon">
|
|
||||||
<use xlink:href="#help-outline"></use>
|
|
||||||
</svg>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<x-background></x-background>
|
|
||||||
</x-about>
|
|
||||||
<canvas class="circles opacity-0"></canvas>
|
<canvas class="circles opacity-0"></canvas>
|
||||||
<!-- SVG Icon Library -->
|
<!-- SVG Icon Library -->
|
||||||
<svg style="display: none;">
|
<svg style="display: none;">
|
||||||
|
|
Loading…
Reference in New Issue