95 lines
3.1 KiB
HTML
95 lines
3.1 KiB
HTML
<html>
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="author" content="wanhose" />
|
|
<link rel="stylesheet" href="/styles/reset.css" />
|
|
<link rel="stylesheet" href="/styles/popup.css" />
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter" />
|
|
<script src="/scripts/popup.js"></script>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h1 class="header-title">Cookie Dialog Monster</h1>
|
|
</header>
|
|
<main>
|
|
<popup-button id="power-option" role="button" tabindex="0">
|
|
<svg
|
|
aria-hidden="true"
|
|
fill="none"
|
|
height="32"
|
|
stroke="currentColor"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
stroke-width="2"
|
|
viewBox="0 0 24 24"
|
|
width="32"
|
|
>
|
|
<path d="M18.36 6.64a9 9 0 1 1-12.73 0" />
|
|
<line x1="12" y1="2" x2="12" y2="12" />
|
|
</svg>
|
|
<span id="host"></span>
|
|
</popup-button>
|
|
<popup-button data-href="mailto:hello@wanhose.dev" id="help-option" role="link" tabindex="0">
|
|
<svg
|
|
aria-hidden="true"
|
|
fill="none"
|
|
height="32"
|
|
stroke="currentColor"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
stroke-width="2"
|
|
viewBox="0 0 24 24"
|
|
width="32"
|
|
>
|
|
<path
|
|
d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"
|
|
/>
|
|
</svg>
|
|
<span data-i18n="popup_helpOption"></span>
|
|
</popup-button>
|
|
<popup-button
|
|
data-href="https://www.github.com/wanhose/cookie-dialog-monster"
|
|
id="contribute-option"
|
|
role="link"
|
|
tabindex="0"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
fill="none"
|
|
height="32"
|
|
stroke="currentColor"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
stroke-width="2"
|
|
viewBox="0 0 24 24"
|
|
width="32"
|
|
>
|
|
<path
|
|
d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"
|
|
/>
|
|
</svg>
|
|
<span data-i18n="popup_contributeOption"></span>
|
|
</popup-button>
|
|
<popup-button data-href="#" id="rate-option" role="link" tabindex="0">
|
|
<svg
|
|
aria-hidden="true"
|
|
fill="none"
|
|
height="32"
|
|
stroke="currentColor"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
stroke-width="2"
|
|
viewBox="0 0 24 24"
|
|
width="32"
|
|
>
|
|
<polygon
|
|
points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"
|
|
/>
|
|
</svg>
|
|
<span data-i18n="popup_rateOption"></span>
|
|
</popup-button>
|
|
</main>
|
|
<footer></footer>
|
|
</body>
|
|
</html>
|