kankys/AkademieProjekt3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

gramatika

Browse Source
This commit is contained in:
kankys 2024-03-30 11:04:58 +01:00
parent a51dce7ed7
commit 86f4fd44a3
3 changed files with 32 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
index.html
View File

@ -69,12 +69,13 @@
<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 abyjste si mohli samy vše modifikovat, což
i click-on distribucí se nenaučíte.
pochopit jak Neovim funguje aby jste si mohli samy vše modifikovat,
což i click-on distribucí se nenaučíte.
</p>
<p>
👉 Toto nastavení jsem si udělal pro vývoj webu. Inspiroval jsem se
pluginy které jsem využíval v VSCode a Webstorm.
👉 Toto nastavení je primárně pro vývoj webu, ale není problém si vše
přizpůsobit. 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>
@ -88,14 +89,14 @@
href="https://git.archoslinux.cz/kankys/zellij-mySetup"
target="_blank"
>Zellij </a
>, ale není to samořejmě podmínkou.
>, ale není to samozřejmě podmínkou.
</p>
</section>
<section id="advantages">
<h2>Přednosti:</h2>
<p>
👉 Hlavní přednosti tohoto nastavení jsou podpora: Tabnine, Prettier,
AutoSave, diplňování HTML, CSS, JS a zkratky k zakomentování a odk
AutoSave, doplňování HTML, CSS, JS a zkratky k zakomentování a odk
omentování kódu. Taky je zde několik pluginu pro příjemnější práci v
Neovim.
</p>
@ -106,8 +107,8 @@
>
v této instalaci využívám
<a href="https://github.com/neoclide/coc.nvim" target="_blank">Coc</a>
pro jeho jednoduchost bez potřeby zásahů do konfigurace Coc. LSP se mi
velmi osvědčilo v modálním editoru
pro jeho jednoduchost s minimálními zásahy do konfigurace Coc. LSP se
mi velmi osvědčilo v modálním editoru
<a href="https://helix-editor.com/" target="_blank">Helix-editor</a>
má konfigurace
<a
@ -156,10 +157,7 @@
</div>
<p>Windows:</p>
<div class="code-box">
<p>
/home/kankys/.local/share/nvim/ (data) <br />
/home/kankys/.local/state/nvim/ (data)
</p>
<p>~\AppData\Local\nvim</p>
</div>
<section id="node">
<h2>Node.js:</h2>
@ -177,6 +175,10 @@
<div class="code-box">
<p>npm i live-server</p>
</div>
<p>
(Platí v případě že chceš dělat front-end nebo programovat v
Javascriptu).
</p>
<p>👉 Ve svém projektu budeš moc pouštět svůj index.html příkazem:</p>
<div class="code-box">
<p>npx live-server</p>
@ -185,7 +187,7 @@
<section id="neovim">
<h2>Neovim:</h2>
<p>
👉 Pro instalaci ApolloNvim Distra ti stačí stáhnout pouze soubor
👉 Pro instalaci 🚀 ApolloNvim Distra ti stačí stáhnout pouze soubor
init.vim s tohoto repositáře.
</p>
<p>
@ -199,9 +201,9 @@
nainstaluješ všechny pluginy. Restartuj Neovim.
</p>
<p>
👉 Pokud ti některý plugin chybí můžeš lehce doinstalovat nebo
odinstalovat pomocí <strong>plug.vim</strong>. Více informací najdeš
na GitHubu
👉 Pokud ti některý plugin chybí můžeš ho lehce doinstalovat nebo
naopak odinstalovat pomocí <strong>plug.vim</strong>. Více informací
najdeš na GitHubu
<a href="https://github.com/junegunn/vim-plug" target="_blank"
>plug.vim</a
>
@ -312,9 +314,10 @@
<p>
👉
<a href="https://wakatime.com/neovim" target="_blank">Wakatime</a>
služba která je schopna kolik času jste trávily při kódování na pc a
i na kterém projektu. Služba se jednoduše propojí přes API. WakaTime
najdeš <a href="https://wakatime.com/" target="_blank">zde</a>.
služba která je schopna měřit kolik času jste trávily při kódování
na pc a i na kterém projektu. Služba se jednoduše propojí přes API.
WakaTime najdeš
<a href="https://wakatime.com/" target="_blank">zde</a>.
</p>
<p>
👉
@ -323,14 +326,7 @@
>
asynchronií vyhledávač souboru v projektu. Pro mnohé je toto
vyhledávaní rychlejší než klasické stromové, chce to trochu času.
Ale jak se dostane pod kůži vše ostatní Vám už přijde nedodělané.
</p>
<p>
👉
<a href="https://github.com/itchyny/lightline.vim)" target="_blank"
>Light Line</a
>
informační pruh do spodní lišty.
Ale jak se dostane pod kůži vše ostatní Vám už přijde pomalé.
</p>
<p>
👉
@ -358,6 +354,7 @@
<p>👉 coc-css</p>
<p>👉 coc-markdown-preview-enhanced</p>
<p>👉 coc-markdownlint</p>
<p>👉 coc-eslint</p>
</section>
<section id="faq">
<h2>Otázky a odpovědi:</h2>
@ -398,6 +395,7 @@
>
</p>
</section>
<section class="login"></section>
<section id="help">
<h2>Podpora:</h2>
<p>

8
script.js
View File

@ -27,8 +27,8 @@ const p = document.querySelector("p");
const solid = document.querySelector(".fa-solid");
const solid1 = document.querySelector(".menu-icon");
const footer = document.querySelector("footer");
//const gotop = document.querySelector("#scrollToTopBtn");
//const theme = document.querySelector("#toggleButton");
const gotop = document.querySelector("#scrollToTopBtn");
const theme = document.querySelector("#toggleButton");
const box = document.querySelectorAll(".code-box");
let isDraculaMode = false;
@ -37,6 +37,8 @@ function setDraculaStyles() {
body.style.backgroundColor = "#2a232b";
body.style.color = "#f8f8f2";
head.style.backgroundColor = "#2a232b";
theme.style.color = "#e7efa7";
gotop.style.color = "#e7efa7";
links.forEach((a) => {
a.style.color = "#f76b00";
});
@ -57,6 +59,8 @@ function setDraculaStyles() {
function setLightStyles() {
body.style.backgroundColor = "#e7efa7";
body.style.color = "#282a36";
theme.style.color = "#2a232b";
gotop.style.color = "#2a232b";
head.style.backgroundColor = "#e7efa7";
nav.style.backgroundColor = "#e7efa7";
solid.style.backgroundColor = "#e7efa7";

1
style.css
View File

@ -63,7 +63,6 @@ nav li a {
float: right;
margin-right: 30px;
margin-top: 10px;
color: black;
padding: 5px;
}