242 lines
5.8 KiB
HTML
Executable File
242 lines
5.8 KiB
HTML
Executable File
<!doctype html>
|
|
<html>
|
|
|
|
<head>
|
|
<title>Cyclone Team</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta charset="utf-8">
|
|
<script src="/PHOTON/scripts.js"></script>
|
|
<style>
|
|
:root {
|
|
color-scheme: light dark;
|
|
}
|
|
|
|
html {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
body {
|
|
line-height: 1.4;
|
|
background-color: #EEE;
|
|
color: #000;
|
|
margin: 2rem;
|
|
font-family: sans-serif;
|
|
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
min-height: calc(100vh - 4rem);
|
|
}
|
|
|
|
main {
|
|
max-width: 45rem;
|
|
box-sizing: border-box;
|
|
background-color: #FFF;
|
|
margin: 0 auto;
|
|
padding: 2rem 3rem 2.5rem;
|
|
box-shadow: 0 0 1rem rgba(0, 0, 0, 0.25);
|
|
}
|
|
|
|
footer {
|
|
font-size: .75rem;
|
|
max-width: 45rem;
|
|
width: 100%;
|
|
margin: 2rem auto 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
footer,
|
|
footer a,
|
|
footer a:visited {
|
|
color: #AAA;
|
|
}
|
|
|
|
@media screen and (max-width: 40rem) {
|
|
main {
|
|
padding: 1rem 2rem 1.5rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 35rem) {
|
|
body {
|
|
margin: 0;
|
|
background-color: #FFF;
|
|
min-height: 100vh;
|
|
}
|
|
|
|
footer {
|
|
padding: 1rem 2rem 1.5rem;
|
|
}
|
|
|
|
main {
|
|
box-shadow: none;
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 30rem) {
|
|
|
|
main,
|
|
footer {
|
|
padding: .5rem 1rem;
|
|
}
|
|
|
|
main.projects>h1 {
|
|
font-size: 1.5rem;
|
|
}
|
|
}
|
|
|
|
a {
|
|
color: #07811d;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
a:visited {
|
|
color: #045a14;
|
|
}
|
|
|
|
a.black-link,
|
|
a.black-link:visited {
|
|
color: black;
|
|
text-decoration: none;
|
|
}
|
|
|
|
h1 {
|
|
width: 100%;
|
|
border-bottom: 1px solid gray;
|
|
margin-top: 0;
|
|
}
|
|
|
|
section>ul {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
line-height: 1.75;
|
|
}
|
|
|
|
section>h4,
|
|
section>h2 {
|
|
margin-bottom: .5rem;
|
|
}
|
|
|
|
.link-with-logo {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.link-with-logo>img {
|
|
width: 1.25rem;
|
|
height: 1.25rem;
|
|
margin-right: .5rem;
|
|
}
|
|
|
|
.link-with-logo>span {
|
|
white-space: pre;
|
|
}
|
|
|
|
dfn {
|
|
font-style: normal;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
body {
|
|
background-color: #000;
|
|
color: #EEE;
|
|
}
|
|
|
|
main {
|
|
background-color: #222;
|
|
box-shadow: 0 0 1rem #222;
|
|
}
|
|
|
|
a {
|
|
color: #84e094;
|
|
}
|
|
|
|
a:visited {
|
|
color: #2eba47;
|
|
}
|
|
|
|
img.black-svg {
|
|
filter: invert(1);
|
|
}
|
|
|
|
a.black-link,
|
|
a.black-link:visited {
|
|
color: #EEE;
|
|
}
|
|
}
|
|
|
|
|
|
@media screen and (max-width: 35rem) and (prefers-color-scheme: dark) {
|
|
body {
|
|
background-color: #222;
|
|
}
|
|
|
|
main {
|
|
box-shadow: none;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!-- Самая лучшая разметка HTML би лайк -->
|
|
<main>
|
|
<h1>Cyclone Team</h1>
|
|
<p>
|
|
Мы - команда из нескольких разработчиков. Мы делаем разные проекты: от бесплатных API OpenAI и веб-серверов до игр Roblox.
|
|
</p>
|
|
<section>
|
|
<h2>Связаться</h2>
|
|
<ul>
|
|
<li class="link-with-logo">
|
|
<img src="/icons/matrix.svg">
|
|
<span>Matrix: </span>
|
|
<a rel="me"
|
|
href="https://matrix.to/#/#contact:cycloneteam.space">#contact:cycloneteam.space</a>
|
|
</li>
|
|
<li class="link-with-logo">
|
|
<img src="/icons/telegram.svg">
|
|
<span>Telegram: <b>скоро</b></span>
|
|
<!-- <a rel="me"
|
|
href="https://t.me/officialdakari">@officialdakari</a> -->
|
|
</li>
|
|
<li class="link-with-logo">
|
|
<img src="/icons/email.svg">
|
|
<span>Email: </span>
|
|
<a rel="me"
|
|
href="mailto:contact@cycloneteam.space">contact@cycloneteam.space</a>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
<section>
|
|
<h2>Проекты</h2>
|
|
<ul>
|
|
<li class="link-with-logo">
|
|
<img src="/icons/projects.svg">
|
|
<span>Наш Git-server: </span>
|
|
<a rel="me" href="https://git.cycloneteam.space/">git.cycloneteam.space</a>
|
|
</li>
|
|
<li class="link-with-logo">
|
|
<img src="/icons/projects.svg">
|
|
<a rel="me" href="projects.html">Список проектов</a>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
</main>
|
|
|
|
<script>
|
|
//window.CHATTERBOX_CONFIG_LOCATION = "config.json";
|
|
</script>
|
|
|
|
<!-- <script src="assets/parent.js" type="module" id="chatterbox-script"></script> -->
|
|
</body>
|
|
|
|
|
|
</html> |