🏁
This commit is contained in:
commit
0f6f4170db
21
.editorconfig
Normal file
21
.editorconfig
Normal file
@ -0,0 +1,21 @@
|
||||
root = true
|
||||
|
||||
[*]
|
||||
indent_style = space
|
||||
indent_size = 4
|
||||
end_of_line = lf
|
||||
charset = utf-8
|
||||
trim_trailing_whitespace = true
|
||||
insert_final_newline = true
|
||||
|
||||
[{*.html,*.css,*.json}]
|
||||
indent_style = tab
|
||||
indent_size = 4
|
||||
|
||||
[humans.txt]
|
||||
indent_style = tab
|
||||
indent_size = 2
|
||||
|
||||
[*.js]
|
||||
indent_style = space
|
||||
indent_size = 2
|
1
.gitignore
vendored
Normal file
1
.gitignore
vendored
Normal file
@ -0,0 +1 @@
|
||||
src/assets/
|
BIN
FTP.md.gpg
Normal file
BIN
FTP.md.gpg
Normal file
Binary file not shown.
16
LICENSE
Normal file
16
LICENSE
Normal file
@ -0,0 +1,16 @@
|
||||
MIT No Attribution
|
||||
|
||||
Copyright 2022 Alexander Popov
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy of this
|
||||
software and associated documentation files (the "Software"), to deal in the Software
|
||||
without restriction, including without limitation the rights to use, copy, modify,
|
||||
merge, publish, distribute, sublicense, and/or sell copies of the Software, and to
|
||||
permit persons to whom the Software is furnished to do so.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
|
||||
INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
|
||||
PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
|
||||
HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
|
||||
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
|
||||
SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
11
README.md
Normal file
11
README.md
Normal file
@ -0,0 +1,11 @@
|
||||
е с точками
|
||||
-----------
|
||||
Мы любим букву **Ё**.
|
||||
|
||||
А ещё нам нравятся кавычки ёлочки и длинные тире.
|
||||
Будь как мы, пиши красиво.
|
||||
|
||||
Адреса
|
||||
------
|
||||
[ё.a2s.su](https://ё.a2s.su)
|
||||
[xn--61a.a2s.su](xn--61a.a2s.su)
|
1
requirements-dev.txt
Normal file
1
requirements-dev.txt
Normal file
@ -0,0 +1 @@
|
||||
editorconfig-checker==2.4.0
|
BIN
src/favicon.ico
Normal file
BIN
src/favicon.ico
Normal file
Binary file not shown.
After Width: | Height: | Size: 4.2 KiB |
10
src/humans.txt
Normal file
10
src/humans.txt
Normal file
@ -0,0 +1,10 @@
|
||||
/* SITE */
|
||||
Last Updated: Thu Apr 13 01:52 PM MSK 2022
|
||||
Components: clipboard.js
|
||||
|
||||
/* TEAM */
|
||||
Chef: Alexander Popov
|
||||
Contacts: iiiypuk [at] fastmail.fm
|
||||
Twitter: @_iiiypuk
|
||||
Ko-Fi: iiiypuk
|
||||
From: Russia
|
83
src/index.html
Normal file
83
src/index.html
Normal file
@ -0,0 +1,83 @@
|
||||
<!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>
|
95
src/styles.css
Normal file
95
src/styles.css
Normal file
@ -0,0 +1,95 @@
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: serif;
|
||||
font-size: 1.3em;
|
||||
}
|
||||
|
||||
header.page-header {
|
||||
text-align: center;
|
||||
border-bottom: 2px solid #d4a373;
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 800px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.quote-author {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.buttons {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div.button {
|
||||
display: inline-block;
|
||||
border: 1px solid #ccd5ae;
|
||||
border-radius: 8px;
|
||||
margin: 8px;
|
||||
padding: 16px;
|
||||
background-color: #e9edc9;
|
||||
font-family: serif;
|
||||
font-size: 1.3em;
|
||||
width: 100px;
|
||||
transition: background-color .2s;
|
||||
cursor: pointer;
|
||||
}
|
||||
div.button:hover {
|
||||
background-color: #ccd5ae;
|
||||
transition: background-color .2s;
|
||||
}
|
||||
div.button p {
|
||||
margin: 0;
|
||||
}
|
||||
div.button p.symbol {
|
||||
text-align: left;
|
||||
font-size: 2em;
|
||||
font-weight: bold;
|
||||
}
|
||||
div.button p.html {
|
||||
font-size: 0.7em;
|
||||
text-align: right;
|
||||
color: gray;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
text-align: justify;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
footer {
|
||||
border-top: 2px solid #d4a373;
|
||||
padding: 16px;
|
||||
text-align: center;
|
||||
margin-top: 16px;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
.tip {
|
||||
text-align: right;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.footer-content {
|
||||
opacity: .6;
|
||||
transition: opacity .2s;
|
||||
}
|
||||
.footer-content:hover {
|
||||
opacity: 1;
|
||||
transition: opacity .2s;
|
||||
}
|
||||
|
||||
footer p {
|
||||
margin: 8px;
|
||||
}
|
||||
|
||||
footer a {
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 799px) {
|
||||
.container {
|
||||
width: 90%;
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue
Block a user