mirror of
https://codeberg.org/Kankys/ApolloNvim2025.git
synced 2026-11-11 08:34:36 +01:00
refactor code
This commit is contained in:
1 parent
9a38077576
commit
b13422d4af
13 files changed
+11934
No files matched your search
File diff suppressed because it is too large.
Load diff
@@ -0,0 +1,822 @@
|
||||
<!doctype html>
|
||||
<html lang="cs">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>📰 Novinky | ApolloNvim</title>
|
||||
|
||||
<!-- Meta description & SEO -->
|
||||
<meta
|
||||
name="description"
|
||||
content="Changelog a novinky ApolloNvim – sledujte vývoj distribuce, nové verze a plány do budoucna."
|
||||
/>
|
||||
<meta name="author" content="Lukáš Kaňka" />
|
||||
<meta
|
||||
name="keywords"
|
||||
content="ApolloNvim, Neovim, changelog, novinky, aktualizace, verze, vývoj"
|
||||
/>
|
||||
|
||||
<!-- Open Graph -->
|
||||
<meta property="og:type" content="website" />
|
||||
<meta
|
||||
property="og:url"
|
||||
content="https://apollo-nvim.lukan.cz/novinky.html"
|
||||
/>
|
||||
<meta property="og:title" content="📰 Novinky | ApolloNvim" />
|
||||
<meta
|
||||
property="og:description"
|
||||
content="Changelog a novinky ApolloNvim – sledujte vývoj distribuce a nové verze."
|
||||
/>
|
||||
<meta property="og:image" content="../img/apollonvim.jpg" />
|
||||
<meta property="og:locale" content="cs_CZ" />
|
||||
<meta property="og:site_name" content="ApolloNvim" />
|
||||
|
||||
<!-- Twitter Card -->
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:title" content="📰 Novinky | ApolloNvim" />
|
||||
<meta
|
||||
name="twitter:description"
|
||||
content="Changelog a novinky ApolloNvim – sledujte vývoj distribuce."
|
||||
/>
|
||||
<meta name="twitter:image" content="../img/apollonvim.jpg" />
|
||||
|
||||
<!-- Google Fonts -->
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
|
||||
<!-- Stylesheets -->
|
||||
<link rel="stylesheet" href="../css/style.css" />
|
||||
<link rel="stylesheet" href="../css/animations.css" />
|
||||
|
||||
<!-- Canonical -->
|
||||
<link
|
||||
rel="canonical"
|
||||
href="https://apollo-nvim.lukan.cz/novinky.html"
|
||||
/>
|
||||
|
||||
<style>
|
||||
/* ── Timeline ── */
|
||||
.timeline-wrap {
|
||||
max-width: 760px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.timeline {
|
||||
position: relative;
|
||||
padding-left: 2.5rem;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding-top: 0.5rem;
|
||||
}
|
||||
|
||||
.timeline::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0.55rem;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
width: 2px;
|
||||
background: linear-gradient(
|
||||
to bottom,
|
||||
var(--purple),
|
||||
var(--cyan),
|
||||
transparent
|
||||
);
|
||||
border-radius: 99px;
|
||||
}
|
||||
|
||||
.timeline__item {
|
||||
position: relative;
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
|
||||
.timeline__item::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: -2.05rem;
|
||||
top: 0.35rem;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
border-radius: 50%;
|
||||
background: var(--purple);
|
||||
border: 3px solid var(--bg);
|
||||
box-shadow: 0 0 0 2px var(--purple);
|
||||
transition:
|
||||
box-shadow var(--transition),
|
||||
background var(--transition);
|
||||
}
|
||||
|
||||
.timeline__item:hover::before {
|
||||
background: var(--cyan);
|
||||
box-shadow:
|
||||
0 0 0 2px var(--cyan),
|
||||
0 0 12px rgba(6, 182, 212, 0.4);
|
||||
}
|
||||
|
||||
.timeline__item--current::before {
|
||||
background: var(--green, #22c55e);
|
||||
box-shadow:
|
||||
0 0 0 2px var(--green, #22c55e),
|
||||
0 0 14px rgba(34, 197, 94, 0.5);
|
||||
animation: pulse-dot 2s ease-in-out infinite;
|
||||
}
|
||||
|
||||
@keyframes pulse-dot {
|
||||
0%,
|
||||
100% {
|
||||
box-shadow:
|
||||
0 0 0 2px var(--green, #22c55e),
|
||||
0 0 8px rgba(34, 197, 94, 0.4);
|
||||
}
|
||||
50% {
|
||||
box-shadow:
|
||||
0 0 0 2px var(--green, #22c55e),
|
||||
0 0 20px rgba(34, 197, 94, 0.7);
|
||||
}
|
||||
}
|
||||
|
||||
.timeline__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.6rem;
|
||||
margin-bottom: 0.85rem;
|
||||
}
|
||||
|
||||
.timeline__version {
|
||||
font-family: var(--font-mono);
|
||||
font-size: 1.15rem;
|
||||
font-weight: 700;
|
||||
color: var(--text-primary);
|
||||
}
|
||||
|
||||
.timeline__date {
|
||||
font-size: 0.8rem;
|
||||
color: var(--text-muted);
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.timeline__card {
|
||||
background: var(--surface);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: var(--radius-lg);
|
||||
padding: 1.5rem 1.75rem;
|
||||
transition:
|
||||
border-color var(--transition),
|
||||
box-shadow var(--transition);
|
||||
}
|
||||
|
||||
.timeline__item:hover .timeline__card {
|
||||
border-color: var(--purple);
|
||||
box-shadow: 0 4px 24px rgba(139, 92, 246, 0.1);
|
||||
}
|
||||
|
||||
.timeline__card ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.55rem;
|
||||
}
|
||||
|
||||
.timeline__card li {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: 0.6rem;
|
||||
font-size: 0.9rem;
|
||||
color: var(--text-secondary, var(--text-muted));
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.timeline__card li::before {
|
||||
content: "▸";
|
||||
color: var(--purple);
|
||||
flex-shrink: 0;
|
||||
margin-top: 0.05rem;
|
||||
}
|
||||
|
||||
/* ── Roadmap cards ── */
|
||||
.roadmap-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
|
||||
gap: 1.25rem;
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
||||
.roadmap-card {
|
||||
background: var(--surface);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: var(--radius-lg);
|
||||
padding: 1.5rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.6rem;
|
||||
transition:
|
||||
transform var(--transition),
|
||||
border-color var(--transition),
|
||||
box-shadow var(--transition);
|
||||
}
|
||||
|
||||
.roadmap-card:hover {
|
||||
transform: translateY(-3px);
|
||||
border-color: var(--cyan);
|
||||
box-shadow: 0 6px 24px rgba(6, 182, 212, 0.12);
|
||||
}
|
||||
|
||||
.roadmap-card__icon {
|
||||
font-size: 1.75rem;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.roadmap-card__title {
|
||||
font-size: 1rem;
|
||||
font-weight: 700;
|
||||
color: var(--text-primary);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.roadmap-card__desc {
|
||||
font-size: 0.85rem;
|
||||
color: var(--text-muted);
|
||||
line-height: 1.55;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.roadmap-card__status {
|
||||
margin-top: auto;
|
||||
padding-top: 0.5rem;
|
||||
}
|
||||
|
||||
/* ── CTA / Odber ── */
|
||||
.news-cta {
|
||||
text-align: center;
|
||||
padding: 4rem 2rem;
|
||||
background: linear-gradient(
|
||||
135deg,
|
||||
rgba(139, 92, 246, 0.08) 0%,
|
||||
rgba(6, 182, 212, 0.05) 100%
|
||||
);
|
||||
border-radius: var(--radius-lg);
|
||||
border: 1px solid var(--border);
|
||||
}
|
||||
|
||||
.news-cta__title {
|
||||
font-size: clamp(1.25rem, 3vw, 1.75rem);
|
||||
font-weight: 700;
|
||||
color: var(--text-primary);
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
|
||||
.news-cta__subtitle {
|
||||
font-size: 1rem;
|
||||
color: var(--text-muted);
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
/* Animate on scroll */
|
||||
.animate-on-scroll {
|
||||
opacity: 0;
|
||||
transform: translateY(24px);
|
||||
transition:
|
||||
opacity 0.55s ease,
|
||||
transform 0.55s ease;
|
||||
}
|
||||
|
||||
.animate-on-scroll.visible {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.roadmap-grid {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 420px) {
|
||||
.roadmap-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- ===================== NAVBAR ===================== -->
|
||||
<header class="navbar" id="navbar">
|
||||
<nav class="navbar__inner" aria-label="Hlavní navigace">
|
||||
<a
|
||||
href="../index.html"
|
||||
class="navbar__logo"
|
||||
aria-label="ApolloNvim – Domů"
|
||||
>🚀 <span>ApolloNvim</span></a
|
||||
>
|
||||
<ul class="navbar__links" id="nav-links" role="list">
|
||||
<li><a href="../index.html">Domů</a></li>
|
||||
<li><a href="./instalace.html">Instalace</a></li>
|
||||
<li><a href="./pluginy.html">Pluginy</a></li>
|
||||
<li><a href="./tutorialy.html">Tutoriály</a></li>
|
||||
<li>
|
||||
<a
|
||||
href="./novinky.html"
|
||||
class="active"
|
||||
aria-current="page"
|
||||
>Novinky</a
|
||||
>
|
||||
</li>
|
||||
<li><a href="./zkratky.html">Zkratky</a></li>
|
||||
</ul>
|
||||
<button
|
||||
id="hamburger"
|
||||
class="navbar__hamburger"
|
||||
aria-label="Otevřít menu"
|
||||
aria-expanded="false"
|
||||
aria-controls="mobile-menu"
|
||||
>
|
||||
<span></span><span></span><span></span>
|
||||
</button>
|
||||
</nav>
|
||||
<div class="navbar__mobile" id="mobile-menu" hidden>
|
||||
<ul role="list">
|
||||
<li><a href="../index.html">Domů</a></li>
|
||||
<li><a href="./instalace.html">Instalace</a></li>
|
||||
<li><a href="./pluginy.html">Pluginy</a></li>
|
||||
<li><a href="./tutorialy.html">Tutoriály</a></li>
|
||||
<li><a href="./novinky.html" class="active">Novinky</a></li>
|
||||
<li><a href="./zkratky.html">Zkratky</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main id="main-content">
|
||||
<!-- ===================== HERO ===================== -->
|
||||
<section
|
||||
class="hero"
|
||||
aria-labelledby="hero-title"
|
||||
style="min-height: 42vh"
|
||||
>
|
||||
<canvas id="particles-canvas" aria-hidden="true"></canvas>
|
||||
<div
|
||||
class="hero__content"
|
||||
style="padding-top: 6rem; padding-bottom: 4rem"
|
||||
>
|
||||
<div class="hero__badge">
|
||||
<span>📰 Changelog & Aktualizace</span>
|
||||
</div>
|
||||
<h1 id="hero-title" class="hero__title">Novinky</h1>
|
||||
<p class="hero__subtitle">Changelog a novinky ApolloNvim</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ===================== CHANGELOG TIMELINE ===================== -->
|
||||
<section class="section" aria-labelledby="changelog-title">
|
||||
<div class="container">
|
||||
<header class="section-title section-title--center">
|
||||
<h2 id="changelog-title">📋 Changelog</h2>
|
||||
<p class="section__subtitle section__subtitle--center">
|
||||
Historie verzí a provedených změn
|
||||
</p>
|
||||
<div class="section-title__line"></div>
|
||||
</header>
|
||||
|
||||
<div class="timeline-wrap" style="margin-top: 3.5rem">
|
||||
<ol class="timeline" aria-label="Changelog ApolloNvim">
|
||||
<!-- v25.05 – Aktuální -->
|
||||
<li
|
||||
class="timeline__item timeline__item--current animate-on-scroll"
|
||||
>
|
||||
<div class="timeline__header">
|
||||
<span class="timeline__version"
|
||||
>v26.05</span
|
||||
>
|
||||
<span class="badge badge--green"
|
||||
>Aktuální</span
|
||||
>
|
||||
<time
|
||||
class="timeline__date"
|
||||
datetime="2026-05"
|
||||
>Květen 2026</time
|
||||
>
|
||||
</div>
|
||||
<div class="timeline__card">
|
||||
<ul>
|
||||
<li>Nový redesign webu ApolloNvim</li>
|
||||
<li>
|
||||
Vícestrankový web s HTML/CSS/JS
|
||||
strukturou
|
||||
</li>
|
||||
<li>
|
||||
Temný vesmírný design inspirovaný
|
||||
Dracula tématem
|
||||
</li>
|
||||
<li>
|
||||
Stránky: Domů, Instalace, Pluginy,
|
||||
Tutoriály, Novinky, Zkratky
|
||||
</li>
|
||||
<li>
|
||||
Particle systém s animovanými
|
||||
hvězdičkami
|
||||
</li>
|
||||
<li>
|
||||
Kopírovatelné terminálové bloky,
|
||||
responzivní design
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<!-- v25.04 -->
|
||||
<li class="timeline__item animate-on-scroll">
|
||||
<div class="timeline__header">
|
||||
<span class="timeline__version"
|
||||
>v25.04</span
|
||||
>
|
||||
<span class="badge badge--purple"
|
||||
>Duben 2025</span
|
||||
>
|
||||
<time
|
||||
class="timeline__date"
|
||||
datetime="2025-04"
|
||||
>Duben 2025</time
|
||||
>
|
||||
</div>
|
||||
<div class="timeline__card">
|
||||
<ul>
|
||||
<li>
|
||||
Verze 25.04 – aktuální stabilní
|
||||
vydání
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<!-- v25.02 -->
|
||||
<li class="timeline__item animate-on-scroll">
|
||||
<div class="timeline__header">
|
||||
<span class="timeline__version"
|
||||
>v25.02</span
|
||||
>
|
||||
<span class="badge badge--purple"
|
||||
>Únor 2025</span
|
||||
>
|
||||
<time
|
||||
class="timeline__date"
|
||||
datetime="2025-02"
|
||||
>Únor 2025</time
|
||||
>
|
||||
</div>
|
||||
<div class="timeline__card">
|
||||
<ul>
|
||||
<li>Nový web ApolloNvim</li>
|
||||
<li>Lokalizace do angličtiny</li>
|
||||
<li>
|
||||
Vylepšená instalace pro jednodušší
|
||||
onboarding
|
||||
</li>
|
||||
<li>Podpora pouze pro Linux a Mac</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<!-- v25.01 -->
|
||||
<li class="timeline__item animate-on-scroll">
|
||||
<div class="timeline__header">
|
||||
<span class="timeline__version"
|
||||
>v25.01</span
|
||||
>
|
||||
<span class="badge badge--purple"
|
||||
>Leden 2025</span
|
||||
>
|
||||
<time
|
||||
class="timeline__date"
|
||||
datetime="2025-01"
|
||||
>Leden 2025</time
|
||||
>
|
||||
</div>
|
||||
<div class="timeline__card">
|
||||
<ul>
|
||||
<li>
|
||||
Nová instalace s přepracovaným
|
||||
procesem nastavení
|
||||
</li>
|
||||
<li>
|
||||
Nový website – moderní design a
|
||||
lepší přehlednost
|
||||
</li>
|
||||
<li>
|
||||
Nový obrázek ApolloNvim –
|
||||
aktualizovaná vizuální identita
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<!-- v24.10 -->
|
||||
<li class="timeline__item animate-on-scroll">
|
||||
<div class="timeline__header">
|
||||
<span class="timeline__version"
|
||||
>v24.10</span
|
||||
>
|
||||
<span class="badge badge--purple"
|
||||
>Říjen 2024</span
|
||||
>
|
||||
<time
|
||||
class="timeline__date"
|
||||
datetime="2024-10"
|
||||
>Říjen 2024</time
|
||||
>
|
||||
</div>
|
||||
<div class="timeline__card">
|
||||
<ul>
|
||||
<li>
|
||||
Podpora PHP – LSP a snippety pro PHP
|
||||
vývojáře
|
||||
</li>
|
||||
<li>
|
||||
Automatická instalace pluginů po
|
||||
přidání do <code>init.vim</code>
|
||||
</li>
|
||||
<li>
|
||||
Rainbow Vim – plugin pro barevné
|
||||
závorky pro lepší čitelnost kódu
|
||||
</li>
|
||||
<li>
|
||||
Gitgutter – plugin pro správu a
|
||||
zobrazení git změn v editoru
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
<!-- /.timeline-wrap -->
|
||||
</div>
|
||||
<!-- /.container -->
|
||||
</section>
|
||||
|
||||
<!-- ===================== ROADMAP ===================== -->
|
||||
<section
|
||||
class="section section--alt"
|
||||
aria-labelledby="roadmap-title"
|
||||
>
|
||||
<div class="container">
|
||||
<header class="section-title section-title--center">
|
||||
<h2 id="roadmap-title">🗺️ Plán vývoje</h2>
|
||||
<p class="section__subtitle section__subtitle--center">
|
||||
Co připravujeme pro budoucí verze ApolloNvim
|
||||
</p>
|
||||
<div class="section-title__line"></div>
|
||||
</header>
|
||||
|
||||
<div class="roadmap-grid">
|
||||
<div class="roadmap-card animate-on-scroll">
|
||||
<div class="roadmap-card__icon" aria-hidden="true">
|
||||
🎨
|
||||
</div>
|
||||
<h3 class="roadmap-card__title">
|
||||
Nová uvítací obrazovka
|
||||
</h3>
|
||||
<p class="roadmap-card__desc">
|
||||
Vlastní dashboard při startu – rychlé otevření
|
||||
posledních souborů, zkratky a statistiky.
|
||||
</p>
|
||||
<div class="roadmap-card__status">
|
||||
<span class="badge badge--yellow"
|
||||
>Plánováno</span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="roadmap-card animate-on-scroll">
|
||||
<div class="roadmap-card__icon" aria-hidden="true">
|
||||
🔌
|
||||
</div>
|
||||
<h3 class="roadmap-card__title">Nové pluginy</h3>
|
||||
<p class="roadmap-card__desc">
|
||||
Rozšiřování knihovny pluginů o nejlepší nástroje
|
||||
z ekosystému Neovim komunity.
|
||||
</p>
|
||||
<div class="roadmap-card__status">
|
||||
<span class="badge badge--yellow"
|
||||
>Plánováno</span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="roadmap-card animate-on-scroll">
|
||||
<div class="roadmap-card__icon" aria-hidden="true">
|
||||
📚
|
||||
</div>
|
||||
<h3 class="roadmap-card__title">
|
||||
Návody k pluginům
|
||||
</h3>
|
||||
<p class="roadmap-card__desc">
|
||||
Podrobné tutoriály pro každý zahrnutý plugin s
|
||||
příklady a tipy pro efektivní použití.
|
||||
</p>
|
||||
<div class="roadmap-card__status">
|
||||
<span class="badge badge--cyan">Probíhá</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="roadmap-card animate-on-scroll">
|
||||
<div class="roadmap-card__icon" aria-hidden="true">
|
||||
⚡
|
||||
</div>
|
||||
<h3 class="roadmap-card__title">
|
||||
Instalátor přes link z Git
|
||||
</h3>
|
||||
<p class="roadmap-card__desc">
|
||||
Jednořádkový instalátor přímo z Codeberg – bez
|
||||
klonování, bez komplikací.
|
||||
</p>
|
||||
<div class="roadmap-card__status">
|
||||
<span class="badge badge--yellow"
|
||||
>Plánováno</span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.roadmap-grid -->
|
||||
</div>
|
||||
<!-- /.container -->
|
||||
</section>
|
||||
|
||||
<!-- ===================== CTA / ODBER ===================== -->
|
||||
<section class="section" aria-labelledby="news-cta-title">
|
||||
<div class="container">
|
||||
<div class="news-cta animate-on-scroll">
|
||||
<p
|
||||
style="font-size: 2.5rem; margin-bottom: 1rem"
|
||||
aria-hidden="true"
|
||||
>
|
||||
✈️
|
||||
</p>
|
||||
<h2 id="news-cta-title" class="news-cta__title">
|
||||
Sledujte novinky na Telegramu
|
||||
</h2>
|
||||
<p class="news-cta__subtitle">
|
||||
Buďte první, kdo se dozví o nových verzích,
|
||||
pluginech a tutoriálech ApolloNvim.
|
||||
</p>
|
||||
<a
|
||||
href="https://t.me/apollonvim"
|
||||
class="btn-primary"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
aria-label="Připojit se na Telegram ApolloNvim (otevře se v novém okně)"
|
||||
>
|
||||
<span>✈️</span> Připojit se na Telegram
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<!-- ===================== FOOTER ===================== -->
|
||||
<footer class="footer" role="contentinfo">
|
||||
<div class="container">
|
||||
<div class="footer__grid">
|
||||
<div class="footer__brand">
|
||||
<a
|
||||
href="../index.html"
|
||||
class="footer__logo"
|
||||
aria-label="ApolloNvim – Domů"
|
||||
>
|
||||
🚀 ApolloNvim
|
||||
</a>
|
||||
<p class="footer__tagline">
|
||||
Rychlý, lehký a plně konfigurovatelný Neovim pro
|
||||
Front-End vývojáře.
|
||||
</p>
|
||||
<p
|
||||
class="footer__love"
|
||||
aria-label="Vytvořeno s láskou a klávesnicí"
|
||||
>
|
||||
Made with ❤️ and ⌨️
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<nav class="footer__nav" aria-label="Patička navigace">
|
||||
<h4 class="footer__nav-title">Navigace</h4>
|
||||
<ul class="footer__nav-list" role="list">
|
||||
<li>
|
||||
<a href="../index.html" class="footer__link"
|
||||
>Domů</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a href="./instalace.html" class="footer__link"
|
||||
>Instalace</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a href="./pluginy.html" class="footer__link"
|
||||
>Pluginy</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a href="./tutorialy.html" class="footer__link"
|
||||
>Tutoriály</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a href="./novinky.html" class="footer__link"
|
||||
>Novinky</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a href="./zkratky.html" class="footer__link"
|
||||
>Zkratky</a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="footer__links">
|
||||
<h4 class="footer__nav-title">Externe</h4>
|
||||
<ul class="footer__nav-list" role="list">
|
||||
<li>
|
||||
<a
|
||||
href="https://t.me/apollonvim"
|
||||
class="footer__link"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
aria-label="Telegram (otevře se v novém okně)"
|
||||
>
|
||||
✈️ Telegram
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="https://codeberg.org/ApolloNvim/ApolloNvim2025"
|
||||
class="footer__link"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
aria-label="Codeberg repozitář (otevře se v novém okně)"
|
||||
>
|
||||
🏔️ Codeberg
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="https://lukaskanka.cz/"
|
||||
class="footer__link"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
aria-label="Web autora (otevře se v novém okně)"
|
||||
>
|
||||
🧑💻 Web autora
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer__bottom">
|
||||
<p class="footer__copy">
|
||||
Copyright © 2024 – 2025 🚀 ApolloNvim / Lukáš
|
||||
Kaňka
|
||||
</p>
|
||||
<p class="footer__version">
|
||||
<span class="badge badge--version">v25.04</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- ===================== SCRIPTS ===================== -->
|
||||
<script src="../js/particles.js"></script>
|
||||
<script src="../js/main.js"></script>
|
||||
<script>
|
||||
// Animate on scroll observer
|
||||
(function () {
|
||||
const elements =
|
||||
document.querySelectorAll(".animate-on-scroll");
|
||||
if (!elements.length) return;
|
||||
|
||||
const observer = new IntersectionObserver(
|
||||
(entries) => {
|
||||
entries.forEach((entry) => {
|
||||
if (entry.isIntersecting) {
|
||||
entry.target.classList.add("visible");
|
||||
observer.unobserve(entry.target);
|
||||
}
|
||||
});
|
||||
},
|
||||
{ threshold: 0.1, rootMargin: "0px 0px -40px 0px" },
|
||||
);
|
||||
|
||||
elements.forEach((el, i) => {
|
||||
el.style.transitionDelay = i * 100 + "ms";
|
||||
observer.observe(el);
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because it is too large.
Load diff
File diff suppressed because it is too large.
Load diff
File diff suppressed because it is too large.
Load diff
Reference in new issue
Block a user