99 lines
3.0 KiB
HTML
99 lines
3.0 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru" dir="ltr">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>ё с точками</title>
|
||
<link rel="stylesheet" type="text/css" href="/styles.css">
|
||
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
|
||
</head>
|
||
<body>
|
||
<header class="page-header">
|
||
<div class="container">
|
||
<p>
|
||
Мы любим букву <strong>Ё</strong>.<br>
|
||
А ещё нам нравятся кавычки ёлочки и длинные тире.<br>
|
||
Будь как мы, пиши красиво.
|
||
</p>
|
||
</div>
|
||
</header>
|
||
|
||
<main>
|
||
<section>
|
||
<div class="container">
|
||
<h2>Цитаты умных людей</h2>
|
||
<blockquote>
|
||
Знаки дюйма и дефисы используют только конченые
|
||
ебланы, дрочеры, хуесосы, уебанские имбецилы
|
||
и просто жоповыебки и школяры.
|
||
</blockquote>
|
||
<p class="quote-author">— Артемий Лебедев</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section>
|
||
<div class="container">
|
||
<h2>Кнопки</h2>
|
||
<div class="buttons">
|
||
<div class="button" data-clipboard-text="ё">
|
||
<p class="symbol">ё</p>
|
||
<p class="html">:)</p>
|
||
</div>
|
||
<div class="button" data-clipboard-text="«">
|
||
<p class="symbol">«</p>
|
||
<p class="html">&#xab;</p>
|
||
</div>
|
||
<div class="button" data-clipboard-text="»">
|
||
<p class="symbol">»</p>
|
||
<p class="html">&#xbb;</p>
|
||
</div>
|
||
<div class="button" data-clipboard-text="–">
|
||
<p class="symbol">–</p>
|
||
<p class="html">&ndash</p>
|
||
</div>
|
||
<div class="button" data-clipboard-text="—">
|
||
<p class="symbol">—</p>
|
||
<p class="html">&mdash</p>
|
||
</div>
|
||
</div>
|
||
<p class="tip">* кликните, чтобы скопировать символ</p>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<footer>
|
||
<div class="container">
|
||
<div class="footer-content">
|
||
<p>Сделано с любовью 🤍</p>
|
||
<p>
|
||
<a href="/humans.txt">Авторы</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="/assets/clipboard.min.js"></script>
|
||
<script>
|
||
window.onload = function() {
|
||
'use strict';
|
||
new ClipboardJS('.button');
|
||
}
|
||
</script>
|
||
|
||
<!-- Yandex.Metrika counter -->
|
||
<script type="text/javascript" >
|
||
(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
|
||
m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
|
||
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
|
||
|
||
ym(88269176, "init", {
|
||
clickmap:true,
|
||
trackLinks:true,
|
||
accurateTrackBounce:true
|
||
});
|
||
</script>
|
||
<noscript><div><img src="https://mc.yandex.ru/watch/88269176" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
|
||
<!-- /Yandex.Metrika counter -->
|
||
</body>
|
||
</html>
|