This commit is contained in:
kankys 2025-02-04 01:29:10 +01:00
parent 460685f0c7
commit 67738188d7
4 changed files with 217 additions and 164 deletions

View File

@ -27,11 +27,22 @@
<!-- Terminal - navigation --> <!-- Terminal - navigation -->
<nav class="navigation"> <nav class="navigation">
<ul> <ul>
<li><a href="index.html">Domů</a></li>
<li><a href="install.html">Instalace</a></li> <li><a href="install.html">Instalace</a></li>
<li><a href="plugins.html">Pluginy</a></li> <li><a href="plugins.html">Pluginy</a></li>
<li><a href="tutorials.html">Návody</a></li> <li><a href="tutorials.html">Návody</a></li>
<li><a href="contact.html">Kontakty</a></li>
<li><a href="/en/index.html">English</a></li> <li><a href="/en/index.html">English</a></li>
</ul> </ul>
</nav> </nav>
<div class="menu-icon"> <div class="menu-icon">
<!-- Ikona hamburger --> <!-- Ikona hamburger -->

View File

@ -1,18 +1,153 @@
@import url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
@import url("colors.css"); @import url("colors.css");
html {
line-height: 1.5;
font-family: Georgia, serif;
font-size: 20px;
color: #1a1a1a;
background-color: #fdfdfd;
}
body {
max-width: 1000px;
margin: 0 auto;
padding-left: 50px;
padding-right: 50px;
padding-top: 50px;
padding-bottom: 50px;
hyphens: auto;
word-wrap: break-word;
text-rendering: optimizeLegibility;
font-kerning: normal;
}
@media (max-width: 600px) {
body {
font-size: 0.9em;
padding: 1em;
}
}
@media print {
body {
background-color: transparent;
color: black;
font-size: 12pt;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
h2, h3, h4 {
page-break-after: avoid;
}
}
p {
margin: 1em 0;
}
a {
color: #1a1a1a;
}
a:visited {
color: #1a1a1a;
}
img {
max-width: 50%;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 1.4em;
}
h5, h6 {
font-size: 1em;
font-style: italic;
}
h6 {
font-weight: normal;
}
ol, ul {
padding-left: 1.7em;
margin-top: 1em;
}
li > ol, li > ul {
margin-top: 0;
}
blockquote {
margin: 1em 0 1em 1.7em;
padding-left: 1em;
border-left: 2px solid #e6e6e6;
color: #606060;
}
code {
font-family: Menlo, Monaco, 'Lucida Console', Consolas, monospace;
font-size: 85%;
margin: 0;
* {
margin: 0; padding: 10px;
padding: 0; border: 1px solid #ccc;
box-sizing: border-box; border-radius: 5px;
} font-family: monospace;
body { max-width: 500px;
max-width: 1000px;
margin: 0 auto; margin: 0 auto;
font-family: "Ubuntu", sans-serif; margin-top: 10px;
background-color: var(--dracula-body-bg); margin-bottom: 10px;
color: var(--dracula-color);
} }
pre {
margin: 1em 0;
overflow: auto;
}
pre code {
padding: 0;
overflow: visible;
}
.sourceCode {
background-color: transparent;
overflow: visible;
}
hr {
background-color: #1a1a1a;
border: none;
height: 1px;
margin: 1em 0;
}
table {
margin: 1em 0;
border-collapse: collapse;
width: 100%;
overflow-x: auto;
display: block;
font-variant-numeric: lining-nums tabular-nums;
}
table caption {
margin-bottom: 0.75em;
}
tbody {
margin-top: 0.5em;
border-top: 1px solid #1a1a1a;
border-bottom: 1px solid #1a1a1a;
}
th {
border-top: 1px solid #1a1a1a;
padding: 0.25em 0.5em 0.25em 0.5em;
}
td {
padding: 0.125em 0.5em 0.25em 0.5em;
}
header {
margin-bottom: 4em;
text-align: center;
}
#TOC li {
list-style: none;
}
#TOC a:not(:hover) {
text-decoration: none;
}
code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
ul.task-list{list-style: none;}
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
/*Header */ /*Header */
@ -27,12 +162,12 @@ header {
height: 70px; height: 70px;
flex-direction: row; flex-direction: row;
/*position: fixed;*/ /*position: fixed;*/
background-color: var(--dracula-header-bg); /*background-color: var(--dracula-header-bg);*/
} }
a { /*a {*/
color: var(--dracula-links-color); /*color: var(--dracula-links-color);*/
} /*}*/
.title { .title {
padding-top: 25px; padding-top: 25px;
} }
@ -55,25 +190,25 @@ nav li {
nav li a { nav li a {
text-decoration: none; text-decoration: none;
color: var(--dracula-nav-links-color); /*color: var(--dracula-nav-links-color);*/
} }
.navigation { /*.navigation {*/
background-color: var(--dracula-nav-bg); /*background-color: var(--dracula-nav-bg);*/
} /*}*/
h1 { /*h1 {*/
color: var(--dracula-h1-color); /*color: var(--dracula-h1-color);*/
} /*}*/
h2 { /*h2 {*/
color: var(--dracula-h2-color); /*color: var(--dracula-h2-color);*/
} /*}*/
.fa-solid { /*.fa-solid {*/
background-color: var(--dracula-solid-bg); /*background-color: var(--dracula-solid-bg);*/
color: var(--dracula-solid-color); /*color: var(--dracula-solid-color);*/
} /*}*/
/* navigation icons */ /* navigation icons */
.menu-icon { .menu-icon {
@ -108,65 +243,56 @@ h2 {
margin-top: 10px; margin-top: 10px;
margin-bottom: 10px; margin-bottom: 10px;
} }
}
/* Sekce */ /*Header small display*/
@media (max-width: 600px) {
body {
padding: 10px;
}
.content { header {
text-align: center; position: relative;
} }
header nav {
position: absolute;
top: 70px;
width: 100%;
display: none;
}
#welcome { .menu-icon {
padding-top: 50px; display: block;
padding-bottom: 50px; font-size: 23px;
} }
#install { header nav li {
padding-top: 50px; display: block !important;
} text-align: center;
margin-top: 10px;
#node { margin-bottom: 10px;
padding-top: 50px; }
padding-bottom: 50px;
}
#apollo {
padding-top: 50px;
padding-bottom: 50px;
}
#coc {
padding-top: 50px;
padding-bottom: 50px;
}
#contact {
padding-top: 50px;
padding-bottom: 50px;
}
#plugin {
padding-top: 50px;
}
#other {
padding-top: 50px;
} }
/*Code box*/ #scrollToTopBtn {
.code-box { display: none;
background-color: #353535; position: fixed;
padding: 10px; bottom: 20px;
border: 1px solid #ccc; right: 20px;
border-radius: 5px; /*butoon přes obsah*/
font-family: monospace; z-index: 99;
max-width: 500px; outline: none;
margin: 0 auto; cursor: pointer;
margin-top: 10px; padding: 15px;
margin-bottom: 10px; border-radius: 50%;
background-color: transparent;
color: black;
} }
/* Styl pro ikonu */
#scrollToTopBtn i {
font-size: 34px;
}
/*Picture settings*/ /*Picture settings*/
.sat { .sat {
@ -184,56 +310,4 @@ h2 {
margin: 10px; margin: 10px;
transition: all 0.5s linear; transition: all 0.5s linear;
} }
/*footer pevná pozice*/
footer {
bottom: 0;
margin-bottom: 10px;
margin-left: 25px;
margin-top: 20px;
}
footer a {
text-decoration: none;
}
#scrollToTopBtn {
display: none;
position: fixed;
bottom: 20px;
right: 20px;
/*butoon přes obsah*/
z-index: 99;
outline: none;
cursor: pointer;
padding: 15px;
border-radius: 50%;
background-color: transparent;
color: var(--dracula-scrollToTopBtn-color);
}
/* Styl pro ikonu */
#scrollToTopBtn i {
font-size: 34px;
}
/*Instalace*/
.list ul {
list-style-type: none;
}
.list {
padding-top: 50px;
padding-bottom: 50px;
}
#plug-vim {
padding-top: 50px;
padding-bottom: 50px;
}
.h2-install {
padding-bottom: 15px;
} }

Binary file not shown.

Before

Width:  |  Height:  |  Size: 372 KiB

View File

@ -1,32 +0,0 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Přesměrování na základě jazyka</title>
<style>
body {
background-image: url('img/apollonvim.jpg');
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
}
</style>
<script>
// Funkce pro přesměrování na základě jazyka prohlížeče
function redirectBasedOnLanguage() {
const userLang = navigator.language || navigator.userLanguage;
if (userLang.startsWith('en')) {
window.location.href = '/en/index.html';
} else {
window.location.href = '/cz/index.html';
}
}
// Přesměrování při načtení stránky
window.onload = redirectBasedOnLanguage;
</script>
</head>
<body>
<!--<p>Prosím, čekejte... přesměrovávám na příslušnou jazykovou verzi.</p>-->
</body>
</html>