uprava index.htmml a css stylů

This commit is contained in:
archos 2024-08-02 17:07:15 +02:00
parent f091c89729
commit 1ba9de4b48
7 changed files with 113 additions and 85 deletions

View File

@ -12,17 +12,28 @@
<body> <body>
<header class="page-header" role="banner"> <header class="page-header" role="banner">
<h1 class="project-name">Mxchat Cz</h1> <h1 class="project-name">Mxchat Cz</h1>
<h2 class="project-tagline">Mxchat je platforma postavená na protokolu Matrix, která poskytuje bezpečnou a decentralizovanou komunikaci. Mxchat je open-source přemosťovací řešení pro messaging aplikace, které klade důraz na bezpečnost a soukromí. Je založené na Matrix Synapse a podporuje sliding sync</h2> <h2 class="project-tagline">Mxchat je platforma postavená na protokolu Matrix, která poskytuje bezpečnou a decentralizovanou komunikaci. Mxchat je open-source přemosťovací řešení pro messaging aplikace, které klade důraz na bezpečnost a soukromí. MX chat podporuje sliding sync</h2>
</header> </header>
<h2 class="project-tagline">Umožňuje vám psát na klienty jako Discord, WhatsApp, Telegram, Signal, Facebook Messenger, Google Chat a Google Messages z jednoho místa. S mxchat máte jistotu, že vaše komunikace je bezpečná a šifrovaná.</h2>
</header>
<div class="spacer"></div>
<div class="main-content"> <div class="main-content">
<nav> <nav>
<a href="../" class="btn">Home</a> <a href="../" class="btn">Novinky na Mxchatu</a>
</nav>
<nav>
<a href="../web-mxchat/index/about/index.html" class="btn">Co je Mxchat</a>
<a href="../web-mxchat/index/Bridges/index.html" class="btn">Bridges</a>
<a href="../web-mxchat/index/registrace/registrace.html" class="btn">Registrace</a>
</nav> </nav>
<nav> <nav>
<a href="../web-mxchat/index/about/index.html" class="btn">Co je Mxchat</a> <a href="../web-mxchat/index/about/index.html" class="btn">Co je Mxchat</a>
<a href="" class="btn">Co je Mxchat</a> <a href="" class="btn">Co je Mxchat</a>
<a href="#" class="btn">navigation button</a>
</nav> </nav>
</div> </div>
<footer class="site-footer">
<p>Copyright &copy; Oscloud 2024</p>
</footer>
</body> </body>
</html> </html>

View File

@ -6,7 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="Mosty (Bridges)" content="Mosty (Bridges)" /> <meta name="Mosty (Bridges)" content="Mosty (Bridges)" />
<title>Mxchat Cz - Mosty</title> <title>Mxchat Cz - Mosty</title>
<link rel="stylesheet" href="../../style/alt.style.css" /> <link rel="stylesheet" href="../../style/style.css" />
<link rel="icon" type="image/x-icon" href="../../res/site/icons/favicon.ico" /> <link rel="icon" type="image/x-icon" href="../../res/site/icons/favicon.ico" />
<link href="//cdn.jsdelivr.net/npm/font-logos@1/assets/font-logos.css" rel="stylesheet" /> <link href="//cdn.jsdelivr.net/npm/font-logos@1/assets/font-logos.css" rel="stylesheet" />
</head> </head>

View File

@ -1,81 +0,0 @@
<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="Co je Mxchat" content="Co je Mxchat." />
<title>Mxchat Cz</title>
<link rel="stylesheet" href="../../style/style.css" />
<link
rel="icon"
type="image/x-icon"
href="../../res/site/icons/favicon.ico"
/>
<link
href="//cdn.jsdelivr.net/npm/font-logos@1/assets/font-logos.css"
rel="stylesheet"
/>
</head>
<body>
<header class="page-header" role="banner">
<h1 class="project-name">Co je Mxchat</h1>
</header>
<div class="main-content">
<p>Mxcahat Cz je platforma postavená na protokolu Matrix, která poskytuje bezpečnou a decentralizovanou komunikaci.</p>
<h2>Obsah</h2>
<ul>
<li><a href="#uvod">Úvod do Matrix a Synapse</a></li>
<li><a href="#element">Element</a></li>
<li><a href="#mosty">Mosty (Bridges)</a></li>
<li><a href="#registrace">Registrace</a></li>
<li><a href="#konfigurace">Základní Konfigurace</a></li>
<li><a href="#federace">Ověření Federace</a></li>
<li><a href="#prispevky">Přispívání</a></li>
<li><a href="#licence">Licence</a></li>
<li><a href="#ochrana">Ochrana osobních údajů</a></li>
<li><a href="#podminky">Podmínky služby</a></li>
</ul>
<h2 id="uvod">Úvod do Matrix a Synapse</h2>
<p>Matrix je otevřená síť pro bezpečnou a decentralizovanou komunikaci. Synapse je referenční implementace domácího serveru Matrix, navržená tak, aby byla lehká a snadno instalovatelná. S Matrixem mohou uživatelé komunikovat napříč různými platformami pomocí mostů.</p>
<h2 id="element">Element</h2>
<p>Element je klient pro komunikaci v síti Matrix, který nabízí uživatelsky přívětivé rozhraní a pokročilé funkce jako end-to-end šifrování, videohovory a mnoho dalšího. Element můžete používat přímo na našem serveru:</p>
<p><a href="https://element.mxchat.cz">Element mxchat.cz</a></p>
<h2 id="mosty">Mosty (Bridges)</h2>
<p>mxchat.cz podporuje integraci s mnoha dalšími komunikačními platformami pomocí mostů (bridges). Tyto mosty umožňují komunikaci napříč různými platformami přímo z Matrixu. Zde je seznam podporovaných mostů:</p>
<ul>
<li><a href="https://github.com/tulir/mautrix-discord">Discord Bridge</a></li>
<li><a href="https://github.com/tulir/mautrix-googlechat">Google Chat Bridge</a></li>
<li><a href="https://github.com/tulir/mautrix-signal">Signal Bridge</a></li>
<li><a href="https://github.com/tulir/mautrix-facebook">Meta Messenger Bridge</a></li>
<li><a href="https://github.com/tulir/mautrix-telegram">Telegram Bridge</a></li>
<li><a href="https://github.com/tulir/mautrix-gmessages">Google Messages Bridge</a></li>
<li><a href="https://github.com/tulir/mautrix-whatsapp">WhatsApp Bridge</a></li>
<li><a href="https://github.com/matrix-hacks/mx-puppet-steam">Steam Bridge</a></li>
</ul>
<h2 id="registrace">Registrace</h2>
<p>Registrace jsou momentálně uzavřené. Pro registraci mě prosím kontaktujte na e-mailu <a href="mailto:archos@arch-linux.cz">archos@arch-linux.cz</a> a já vám zašlu registrační token.</p>
<h2 id="konfigurace">Základní Konfigurace</h2>
<p>mxchat.cz je open-source projekt a tento repozitář obsahuje přehled kódu a základní příklady konfigurace pro Matrix Synapse.</p>
<h2 id="federace">Ověření Federace</h2>
<p>Pro ověření federace a klientských verzí můžete použít následující odkazy:</p>
<ul>
<li><a href="https://matrix.mxchat.cz/_matrix/client/versions">Kontrola verzí klienta</a></li>
<li><a href="https://matrix.mxchat.cz:8448/_matrix/federation/v1/version">Kontrola verzí federace</a></li>
<li><a href="https://mxchat.cz/.well-known/matrix/server">Konfigurace serveru</a></li>
<li><a href="https://federationtester.matrix.org/#mxchat.cz">Ověření federace</a></li>
</ul>
</div>
<footer class="site-footer">
<p>Copyright &copy; Oscloud 2024</p>
</footer>
</body>
</html>

View File

@ -0,0 +1,22 @@
<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Registrace - Mxchat Cz</title>
<link rel="stylesheet" href="../../style/style.css" />
<link rel="icon" type="image/x-icon" href="../../res/site/icons/favicon.ico" />
</head>
<body>
<header class="page-header" role="banner">
<h1 class="project-name">Registrace na Mxchat</h1>
</header>
<div class="main-content">
<p>Registrace jsou momentálně uzavřené. Pro registraci mě prosím kontaktujte na e-mailu <a href="mailto:podpora@mxchat.cz">podpora@mxchat.cz</a> a já vám zašlu registrační token.</p>
</div>
<footer class="site-footer">
<p>Copyright &copy; Oscloud 2024</p>
</footer>
</body>
</html>

View File

@ -313,3 +313,63 @@ sup {
sub { sub {
bottom: -0.25em; bottom: -0.25em;
} }
html, body {
height: 100%;
margin: 0;
padding: 0;
}
body {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.main-content {
flex: 1;
}
.site-footer p {
text-align: center;
margin: 0;
}
.site-footer p {
text-align: center;
margin: 0;
}
.project-description {
margin: 1rem auto;
max-width: 80%;
font-size: 1.1rem;
line-height: 1.5;
color: #606c71;
}
.project-tagline {
max-width: 60%;
margin: 0 auto;
text-align: center;
font-weight: normal;
opacity: 0.7;
font-family: "Montserrat", sans-serif;
}
@media screen and (min-width: 64em) {
.project-tagline {
font-size: 1.25rem;
}
}
@media screen and (min-width: 42em) and (max-width: 64em) {
.project-tagline {
font-size: 1.15rem;
}
}
@media screen and (max-width: 42em) {
.project-tagline {
font-size: 1rem;
}
}
.spacer {
height: 90px; /* Zde určíte výšku mezery */
}

View File

@ -742,3 +742,19 @@ body {
.grid-item-banner { .grid-item-banner {
width: 88px; width: 88px;
} }
html, body {
height: 100%;
margin: 0;
padding: 0;
}
body {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.site-footer p {
text-align: center;
margin: 0;
}