new project apollonvim web

This commit is contained in:
kankys 2024-10-20 00:48:23 +02:00
parent bfd61cdeef
commit 84b86e3527
16 changed files with 446 additions and 183 deletions

View File

@ -0,0 +1 @@
<footer><p>Lukáš Kaňka &copy 2024. Všechna práva vyhrazena.</p></footer>

View File

@ -0,0 +1,20 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="ApolloNvim modální editor" />
<meta name="keywords" content="Projekt modálního editoru" />
<meta name="author" content="Lukáš Kaňka" />
<link rel="stylesheet" href="style.css" />
<!--nav bar-->
<script src="https://kit.fontawesome.com/0a43c6cd1f.js" crossorigin="anonymous"></script>
<!--icons dark, go to up-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" />
<!--ubuntu fonts-->
<style>
@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");
</style>
<!-- líbivé ikony -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css"
integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous" />
<title>🚀 ApolloNvim</title>
</head>

View File

@ -0,0 +1,25 @@
<header>
<div class="logo">
<link rel="stylesheet" href="style.css" />
<img src="img/1702045296079.jpeg" alt="" />
<h1 class="title"><a href="./index.php">🚀 ApolloNvim </a></h1>
</div>
<!--navigation -->
<nav class="navigation">
<ul>
<li><a href="./novinky.php">💻 Novinky</a></li>
<li><a href="https://git.arch-linux.cz/kankys/ApolloNvim" target="_blank">🚀 ApolloNvim Git</a></li>
<li><a href="./konfigurace.php">🛠 Konfigurace</a></li>
<li><a href="./navody.php">📄 Návody</a></li>
<li><a href="./kontakty.php">📱 Kontakty</a></li>
</ul>
</nav>
<div class="menu-icon">
<!-- Ikona hamburger -->
<i class="fa-solid fa-bars"></i>
<!-- Ikona cross -->
<!-- <i class="fa-solid fa-xmark"></i> -->
</div>
</header>

View File

@ -0,0 +1,3 @@
<button onclick="scrollToTop()" id="scrollToTopBtn" title="Go to top">
<i class="fas fa-arrow-up"></i>
</button>

View File

@ -0,0 +1,35 @@
// Navbar menu
const menuIcon = document.querySelector(".menu-icon");
const menuList = document.querySelector("nav");
const hamburgerIcon = document.querySelector(".fa-solid");
menuIcon.addEventListener("click", () => {
if (hamburgerIcon.classList.contains("fa-bars")) {
hamburgerIcon.classList.add("fa-xmark");
hamburgerIcon.classList.remove("fa-bars");
menuList.style.display = "block";
} else {
hamburgerIcon.classList.add("fa-bars");
hamburgerIcon.classList.remove("fa-xmark");
menuList.style.display = "none";
}
});
// Tlačítko go to top
window.onscroll = function () {
scrollFunction();
};
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
document.getElementById("scrollToTopBtn").style.display = "block";
} else {
document.getElementById("scrollToTopBtn").style.display = "none";
}
}
// Posunout nahoru, když uživatel klikne na tlačítko
function scrollToTop() {
document.body.scrollTop = 0; // Pro Safari
document.documentElement.scrollTop = 0; // Pro ostatní prohlížeče
}

View File

@ -0,0 +1,155 @@
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
max-width: 1000px;
margin: 0 auto;
font-family: "Ubuntu", sans-serif;
}
/*Header */
h1 {
padding-left: 8px;
}
h3 {
padding-top: 15px;
}
p {
padding-top: 3px;
}
.nav-p {
text-align: center;
}
header {
margin-top: 25px;
display: flex;
align-items: center;
height: 70px;
flex-direction: row;
/*position: fixed;*/
}
.title {
padding-top: 25px;
}
.title a {
text-decoration: none;
}
.logo {
flex-grow: 1;
display: flex;
}
.logo img {
/*width: 100px;*/
height: 100px;
padding-top: 15px;
margin-left: 20px;
}
/* navigation */
nav {
margin-right: 30px;
}
nav li {
display: inline-block;
list-style-type: none;
margin-right: 20px;
}
nav li a {
text-decoration: none;
color: black;
}
/* navigation icons */
.menu-icon {
display: none;
margin-right: 30px;
}
/*Header small display*/
@media (max-width: 600px) {
body {
padding: 10px;
}
header {
position: relative;
}
header nav {
position: absolute;
top: 70px;
width: 100%;
display: none;
}
.menu-icon {
display: block;
font-size: 23px;
}
header nav li {
display: block !important;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
}
hr {
display: none;
}
}
/* sekce */
.welcome {
padding-top: 115px;
padding-bottom: 50px;
}
.contact {
text-align: center;
}
footer {
bottom: 0;
margin-bottom: 10px;
margin-left: 25px;
margin-top: 20px;
text-align: center;
}
/* Styl pro ikonu */
#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;
}
/* Styl pro ikonu */
#scrollToTopBtn i {
font-size: 34px;
}

51
apollo-nvim/index.php Normal file
View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="ApolloNvim modální editor" />
<meta name="keywords" content="Projekt modálního editoru" />
<meta name="author" content="Lukáš Kaňka" />
<link rel="stylesheet" href="assets/style.css" />
<!--nav bar-->
<script src="https://kit.fontawesome.com/0a43c6cd1f.js" crossorigin="anonymous"></script>
<!--icons dark, go to up-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" />
<!--ubuntu fonts-->
<style>
@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");
</style>
<!-- líbivé ikony -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css"
integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous" />
<title>🚀 ApolloNvim</title>
</head>
<body>
<?php require "assets/header.php" ?>
<h1>Na webu se pilně pracuje. Omlouváme se za nepříjemnosti, zatím můžete navštívit náš git <a href="https://git.arch-linux.cz/kankys/ApolloNvim" target="_blank">🚀 ApolloNvim</a>.</h1>
<section class="content" id="welcome">
<section class="welcome">
<h2>Programování je mnohem zábavnější, když jste efektivní. Neovim vás tam může časem dostat, ale musíte být ochotni zkoušet nové věci. Nové pluginy, nové remapy atd.</h2>
<p>🚀 ApolloNvim je Český komunitní projekt pro nováčky prostředí Neovim, ale i ostřílené borce v Neovimu.</p>
<h3>Úvod:</h3>
<p><strong>Vždy se podívej před instalací nových pluginu, na dokumentaci k plaginům na Githubu. Předejdeš tím případným problémům! Pokud si nejsi jistý postupem nebo ti není něco jasné, tak raději se podívej do dokumentace, napiš nám nebo na fórech najdeš odpověď. Táke si vše vždy před změnou vše zálohuj!</strong></p>
<p>👉 Neovim setup pro Front-End vývoj postavený na Coc a Lua.</p>
<p>👉 Výhody Neovim oproti klasickému IDE jsou nesporně ve svobodě konfigurace, je tisíce možností, jak Váš Neovim může vypadat a fungovat. Pro Vaši inspiraci a použití vznikl tento projekt 🚀 ApolloNvim.</p>
<p>👉 Tato distribuce nefunguje jen, že kliknete na tlačítko a nainstaluje se. Vede Vás k samostatné instalaci pomocí tohoto webu. Cílem je pochopit, jak Neovim funguje, abyste si sami mohli vše modifikovat, což i click-on distribucí se nenaučíte.</p>
<p>👉 Toto nastavení jsem vytvořil pro vývoj webu. Inspiroval jsem se pluginy, které jsem využíval v VSCode a Webstorm.</p>
<p>👉 Velký důraz je kladen na rychlost a lehkost.</p>
<p>👉 🚀 ApolloNvim Distro je pravidelně aktualizováno tak i celý projekt.</p>
<p>👉 Pro nejlepší zážitek s 🚀 ApolloNvim Distro doporučuji používat multiplexor Zellij, ale není to samozřejmě podmínkou.</p>
<h3>Přednosti:</h3>
<p>👉 Hlavní předností tohoto nastavení jsou podpora: Codeium alternativa k Copilot zdarma, Prettier, AutoSave, diplňování HTML, CSS, JS a zkratky k zakomentování a odkomentování kódu. Taky je zde několik pluginu pro příjemnější práci v Neovim.</p>
<p>👉 S LSP v této instalaci využívám Coc pro jeho jednoduchost bez potřeby zásahů do konfigurace Coc. LSP se mi velmi osvědčilo v modálním editoru Helix konfigurace Helixu.</p>
<p>👉 Ty nejlepší témata pro Neovim ( je nemusíte hledat), je defaultně nastavéné Dracula.</p>
<p>👉 Téma v Neovim si jednoduše změníte v command line příkazem colorscheme a tlačítkem Tab se budete přepínat mezi jednotlivými tématy.</p>
</section>
</section>
<?php require "assets/returnbutton.php" ?>
<?php require "assets/footer.php" ?>
<script src="assets/script.js"></script>
</body>
</html>

View File

@ -0,0 +1,37 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="ApolloNvim modální editor" />
<meta name="keywords" content="Projekt modálního editoru" />
<meta name="author" content="Lukáš Kaňka" />
<link rel="stylesheet" href="assets/style.css" />
<!--nav bar-->
<script src="https://kit.fontawesome.com/0a43c6cd1f.js" crossorigin="anonymous"></script>
<!--icons dark, go to up-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" />
<!--ubuntu fonts-->
<style>
@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");
</style>
<!-- líbivé ikony -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css"
integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous" />
<title>🚀 ApolloNvim</title>
</head>
<body>
<?php require "assets/header.php" ?>
<section class="content" id="welcome">
<section class="config">
</section>
</section>
<?php require "assets/returnbutton.php" ?>
<?php require "assets/footer.php" ?>
<script src="assets/script.js"></script>
</body>
</html>

39
apollo-nvim/kontakty.php Normal file
View File

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="ApolloNvim modální editor" />
<meta name="keywords" content="Projekt modálního editoru" />
<meta name="author" content="Lukáš Kaňka" />
<link rel="stylesheet" href="assets/style.css" />
<!--nav bar-->
<script src="https://kit.fontawesome.com/0a43c6cd1f.js" crossorigin="anonymous"></script>
<!--icons dark, go to up-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" />
<!--ubuntu fonts-->
<style>
@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");
</style>
<!-- líbivé ikony -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css"
integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous" />
<title>🚀 ApolloNvim</title>
</head>
<body>
<?php require "assets/header.php" ?>
<section class="content" id="welcome">
<section class="contact">
<h2>Kontakty:</h2>
<p>🚀 ApolloNvim Telegram skupina</p>
<p>Osobní web autora 🚀 ApolloNvim </p>
</section>
</section>
<?php require "assets/returnbutton.php" ?>
<?php require "assets/footer.php" ?>
<script src="assets/script.js"></script>
</body>
</html>

37
apollo-nvim/navody.php Normal file
View File

@ -0,0 +1,37 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="ApolloNvim modální editor" />
<meta name="keywords" content="Projekt modálního editoru" />
<meta name="author" content="Lukáš Kaňka" />
<link rel="stylesheet" href="assets/style.css" />
<!--nav bar-->
<script src="https://kit.fontawesome.com/0a43c6cd1f.js" crossorigin="anonymous"></script>
<!--icons dark, go to up-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" />
<!--ubuntu fonts-->
<style>
@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");
</style>
<!-- líbivé ikony -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css"
integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous" />
<title>🚀 ApolloNvim</title>
</head>
<body>
<?php require "assets/header.php" ?>
<section class="content" id="welcome">
<section class="contact">
</section>
</section>
<?php require "assets/returnbutton.php" ?>
<?php require "assets/footer.php" ?>
<script src="assets/script.js"></script>
</body>
</html>

37
apollo-nvim/novinky.php Normal file
View File

@ -0,0 +1,37 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="ApolloNvim modální editor" />
<meta name="keywords" content="Projekt modálního editoru" />
<meta name="author" content="Lukáš Kaňka" />
<link rel="stylesheet" href="assets/style.css" />
<!--nav bar-->
<script src="https://kit.fontawesome.com/0a43c6cd1f.js" crossorigin="anonymous"></script>
<!--icons dark, go to up-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" />
<!--ubuntu fonts-->
<style>
@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");
</style>
<!-- líbivé ikony -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css"
integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous" />
<title>🚀 ApolloNvim</title>
</head>
<body>
<?php require "assets/header.php" ?>
<section class="content" id="welcome">
<section class="contact">
</section>
</section>
<?php require "assets/returnbutton.php" ?>
<?php require "assets/footer.php" ?>
<script src="assets/script.js"></script>
</body>
</html>

View File

@ -1,165 +0,0 @@
<!DOCTYPE html>
<html lang="cs-cz">
<head>
<meta charset="utf-8" />
<title>Lukáš bloguje</title>
<meta name="description" content="Blog o všem možném i nemožném...." />
<meta name="keywords" content="Hlavní strana" />
<meta name="author" content="Lukáš Kaňka" />
<link rel="shortcut icon" href="img/tux.png" />
<link type="text/css" rel="stylesheet" href="styly.css" />
<!-- Script pro hezčí ikony -->
<script
crossorigin="anonymous"
src="https://kit.fontawesome.com/0a43c6cd1f.js"
></script>
</head>
<body>
<div class="title">
<strong>
<figure>
<center>
<figcaption>
<!-- <img src="obrazky/tux.png" width="150" height="100" alt="linux" /> -->
<h1>Lukáš Bloguje</h1>
<h3>Blog o všem možném i nemožném....</h3>
</figcaption>
</center>
</figure>
</strong>
</div>
<hr>
<div class="flexbox">
<!-- <div class="menu-conteiner"> -->
<div class="menu-navigation">
<!-- <h3>Navigace:</h3>
--> <ul>
<li><img src="img/1702045296079.jpeg" width="150" height="150"> </li>
<li>
<strong><a href="./zivotopis/index.php" target="_blank" class="tlacitko">Životopis</a></strong>
</li>
<li>
<strong><a href="./project/index.php" class="tlacitko">Projekty a odkazy</a></strong>
</li>
<li>
<strong><a href="privaci-polici.php" class="tlacitko">Zásady ochrany osobních údaju</a></strong>
</li>
</ul>
</div>
<div class="text-title">
<b>
<?php
echo 'test echo';
?>
<p>Jsem IT nadšenec s pozitivním přístupem k životu a vášní pro
technologie, ve kterých se neustále vzdělávám. Absolvoval jsem kurz
testingu a SQL v Acamaru, další kurz byl web developer u společnosti Engeto. Pracoval jsem na pozici testera ve společnosti Uniprog a nyní pracuji ve společnosti Kyndryl na projektu České Spořitelny pro platformu SMART. Stále se vzdělávám, a nyní hlavně v PHP, která velmi nadchlo.</p>
<p>Nyní navíc nabízím IT služby, pro více informací<a class="tlacitko" href="services/" target="_blank"> klikněte sem</a>.</p>
<p> ropozitáře na projekty najdete pod tímto <a class="tlacitko" href="https://git.archoslinux.cz/kankys" target="_blank">odkazem</a>.</p>
<p> CV najdete <a class="tlacitko" href="./zivotopis/index.php" target="_blank">zde</a>. </p>
</b>
</div>
<div class="menu-contact">
<!-- <h3>Kde všude najdete:</h3>
--> <ul>
<!-- <li>
<strong><a href="https://www.linkedin.com/in/luk%C3%A1%C5%A1-ka%C5%88ka-b2a0a1a0/" target="_blank"
class="tlacitko"><i class="fa fa-linkedin"></i> LinkedIn</a></strong>
</li>
<li>
<strong><a href="https://git.archoslinux.cz/kankys" target="_blank" class="tlacitko" ><i class="fa fa-gitea"></i> Gitea na ArchLinux
CZ</a></strong></strong>
</li>
<a href="https://t.me/Kankys" target="_blank" class="tlacitko"><i class="fa fa-telegram"></i> Telegram</a>
<li>
<strong></strong>
</li> -->
<!-- <div class="clock">
<div style="
margin: 15px 0px 0px;
display: inline-block;
text-align: center;
width: 118px;
">
<noscript>
<div style="
display: inline-block;
padding: 2px 4px;
margin: 0px 0px 5px;
border: 1px solid rgb(204, 204, 204);
text-align: center;
background-color: rgb(255, 255, 255);
">
<a href="https://localtimes.info/Europe/Czech_Republic/Prague/" style="
text-decoration: none;
font-size: 13px;
color: var(--my-black);
"><img src="https://localtimes.info/images/countries/cz.png"="" border="0"=""
style="border: 0; margin: 0; padding: 0"="" />
Prague</a>
</div>
</noscript>
<script type="text/javascript"
src="https://localtimes.info/clock.php?continent=Europe&country=Czech Republic&city=Prague&cp1_Hex=000000&cp2_Hex=FFFFFF&cp3_Hex=000000&fwdt=118&ham=0&hbg=0&hfg=0&sid=0&mon=0&wek=0&wkf=0&sep=0&widget_number=121"></script>
</div>
</div> -->
</ul>
</div>
</div>
<!-- <div class="text-obsah">
<b>
<p>
Možná znáš můj blog, který běží na Wordpressu. Přednedávnem jsem
si založil tuto další doménu.
</p>
<p>
Proč jsem to udělal? Původní blog běží zcela na Wordpressu. Teď jsem
se jako samouk začal učit HTML/CSS. Proto jsem se rozhodl založit
tento blog.
</p>
<p>
Navíc jsem se přihlásil do Akademie Engeto kde jsem nastoupil na kurz Front-end Developer,který mi doufám
pomůže k práci web developra.
</p>
<p>
Tento blog bude takové hřiště na zdokolování psaní
automatizovaných testů a tvorbu webů.
</p>
<p>
Pokud se o mně a co dělám chceš dozvědět více mrkni do sekce: <a class="tlacitko" href="o-mne.html">O
mně.</a>
</p>
</b>
</div> -->
<!-- </div> -->
<footer> © 2024 - Lukáš Kaňka. All Rights Reserved.
</footer>
</body>
</html>

View File

@ -33,7 +33,7 @@
</div>
<!-- Kakoune - navigation -->
<!--navigation -->
<nav class="navigation">
<ul>
<li><a href="https://endeavouros.cz/" target="_blank">🚀 EndeavourOS</a></li>
@ -78,7 +78,8 @@
<img class="picture2" src="img/endeavourOS-astronaught-3246654328.jpg" alt="EndeavourOS" />
</section>
<section id="plans">
<h2>Kam přispívám a projekty:</h2>
<h2>Kam přispívám a projekty:</h2>
<p><a href="https://lukaskanka.cz/apollo-nvim/index.php" target="_blank">🚀 ApolloNvim - tento projekt je věnován editoru Neovim.</p>
<p><a href="../butcher" target="_blank">Textová hra plná napětí z podsvětí temného města.</a></p>
<p><a href="https://endeavouros.cz/" target="_blank">Jsem zakládající člen České komunity EndeavourOS.</a></p>
<p><a href="https://arch-linux.cz/" target="_blank">Aktivně přispívám do české komunity Arch Linux a přidružených projektů Oscloud a další. </a></p>

View File

@ -1,7 +0,0 @@
include.path=${php.global.include.path}
php.version=PHP_83
source.encoding=UTF-8
src.dir=.
tags.asp=false
tags.short=false
web.root=.

View File

@ -1,9 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://www.netbeans.org/ns/project/1">
<type>org.netbeans.modules.php.project</type>
<configuration>
<data xmlns="http://www.netbeans.org/ns/php-project/1">
<name>Blog_PhpProject</name>
</data>
</configuration>
</project>

View File

@ -25,5 +25,8 @@ echo "<h3>Návody, články, zajímavosti ze světa Linuxu, tvorby webu, opensou
?>
<div></div>
<div class="test"></div>
<?php
echo "test"
?>
</body>
</html>