84 lines
2.3 KiB
HTML
84 lines
2.3 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>
|
||
</body>
|
||
</html>
|