Merge branch 'upgrade-n-fix' into 'master'

Upgrade n fix

See merge request !59

.gitlab-ci.yml

@@ -5,7 +5,7 @@ stages:
 mkdocs:
   stage: build
   image:
-    name: squidfunk/mkdocs-material:7.1.7
+    name: squidfunk/mkdocs-material:7.3.1
     entrypoint: [""]
   script:
     - mkdocs build

Dockerfile

-FROM squidfunk/mkdocs-material:7.1.7
+FROM squidfunk/mkdocs-material:7.3.1
 
 ADD . /docs/
 

README.md

@@ -15,8 +15,8 @@ Ez a repo [MkDocs](https://www.mkdocs.org/) segítségével generál statikus HT
 *Git*-et használva, *SSH*-n keresztül töltsük le a projektet, majd lépjünk be az imént létrejött mappába:
 
 ```powershell
-git clone git@git.sch.bme.hu:schdesign/roadmap.git
-cd roadmap
+git clone git@git.sch.bme.hu:schdesign/schdesign-roadmap.git
+cd schdesign-roadmap
 ```
 
 ## Futtatás egyszerűen

build.ps1

+# remove previous image
+docker image rm schdesign/roadmap:mkdocs-material
+
+# build docker image
+docker build -t schdesign/roadmap:mkdocs-material .

docs/3d/hasznos-oldalak.md

+# Hasznos oldalak
+
+!!! todo
+    Összegyűjteni, megírni
\ No newline at end of file

docs/grafika/grafika-hasznos.md

----
-title: Hasznos oldalak
----
-
-# Hasznos oldalak
\ No newline at end of file

docs/grafika/hasznos-oldalak.md

+# Hasznos oldalak
+
+## Weboldal
+
+### [Coolors](https://coolors.co/)
+
+Színkeverés
+
+### [Color Hunt](https://colorhunt.co/)
+
+Előre elkészített palettákból tudunk válogatni az oldalon.
+
+### [tamberella.gumroad.com](https://tamberella.gumroad.com/)
+
+Devin Elle Kurtz brush packjei Photoshophoz, a legtöbb ingyenes/becsületkasszás.
+
+### [Color Calculator](https://www.sessions.edu/color-calculator/)
+
+## YouTube csatornák
+
+### [Logos By Nick](https://www.youtube.com/c/LogosByNick)
+
+Inkscape és gimp, de AI-ban és PS-ben is könnyen elsajátítható tudást ad. Főleg adobe tagadóknak.
+
+### [Ben Marriott](https://www.youtube.com/c/BenMarriott)
+
+After Effects működését magyarázza el az alapoktól, de egészen haladó videói is vannak.
+
+### [Dom Designs](https://www.youtube.com/c/DomDesigns)
+
+Kezdő Illustratorosoknak nagyon hasznos trükköket mutat.
+
+### [Adobe Creative Cloud](https://www.youtube.com/c/AdobeCreativeCloud)
+
+### [Figma](https://www.youtube.com/c/Figmadesign)
+
+A Figma rejtett erejét mutatja be. Főképp az Auto Layoutok miatt érdemes megnézni.
\ No newline at end of file

docs/index.md

@@ -52,7 +52,7 @@ Emellett helyett kapott itt a [GitLab repora mutató link](https://git.sch.bme.h
 
 ### Footer
 
-Tartalmilag, mint minden más weboldalnak a footerje. Link az [schdesign.hu](https://schdesign.hu/)-ra, hivatkozás a [host](https://kszk.sch.bme.hu/)ra és egyéb, közösségi médiás profiljaink linkjei: [:fontawesome-brands-youtube:](https://www.youtube.com/channel/UCrpoUHr-I8VjjLgXUz-AV6Q), [:fontawesome-brands-facebook:](https://www.facebook.com/schonherzdesignstudio/), [:fontawesome-brands-instagram:](https://www.instagram.com/schdesign.hu/), [:fontawesome-brands-behance:](https://www.behance.net/wearethesds/), és [:fontawesome-brands-gitlab:](https://git.sch.bme.hu/schdesign).
+Tartalmilag, mint minden más weboldalnak a footerje. Link az [schdesign.hu](https://schdesign.hu/)-ra, hivatkozás a [host](https://kszk.sch.bme.hu/)ra és egyéb, közösségi médiás profiljaink linkjei: [:fontawesome-brands-youtube:](https://www.youtube.com/channel/UCrpoUHr-I8VjjLgXUz-AV6Q), [:fontawesome-brands-facebook:](https://www.facebook.com/schonherzdesignstudio/), [:fontawesome-brands-instagram:](https://www.instagram.com/schdesign.hu/), [:fontawesome-brands-behance:](https://www.behance.net/wearethesds/), [:fontawesome-brands-gitlab:](https://git.sch.bme.hu/schdesign) és [:fontawesome-brands-github:](https://github.com/simonyiszk).
 
 ### Sidebar
 

docs/schdesign/oldalaink.md

+# Oldalaink
+
+Körünk a létrejöttétől kezdve számos weboldallal, közösségi médiás profillal gyarapodott. Ezeket az oldalakat láthatod itt, egy kisebb leírással együtt.
+
+## Általunk karbantartott oldalak
+
+### [schdesign.hu](https://schdesign.hu/)
+
+Körünk weboldala. A körnek a bemutatkozóját, körtagjainkat találhatod meg itt, kiemelt munkáinkkal együtt.
+
+### [Logótár](https://logotar.schdesign.hu/)
+
+BME-s és VIK-es logók gyűjtőoldala. Könnyedén tudod SVG, AI és PNG formátumban letölteni valamelyik körnek a logóját.
+
+### [Roadmap](https://roadmap.schdesign.hu/)
+
+Írásos anyagaink megosztására használt weboldal. Markdown formátumban lehet szerkeszteni, amiből később mágiával statikus weboldal fog képződni.
+
+## Közösségi médiás profiljaink
+
+### [YouTube](https://www.youtube.com/channel/UCrpoUHr-I8VjjLgXUz-AV6Q)
+
+### [Facebook](https://www.facebook.com/schonherzdesignstudio/)
+
+### [Instagram](https://www.instagram.com/schdesign.hu/)
+
+### [Behance](https://www.behance.net/wearethesds/)
+
+### [GitLab](https://git.sch.bme.hu/schdesign)
+
+### [GitHub](https://github.com/simonyiszk)
\ No newline at end of file

docs/schdesign/todo.md

@@ -11,9 +11,9 @@ Szia!
 
 Nagyon örülök, hogy rátaláltál az oldalra. Gőzerőkkel fejlesztjük, rengeteg technikai és tartalmi fejlesztés van folyamatban.
 
-A projekt a [roadmap git repóból](http://git.sch.bme.hu/schdesign/roadmap) [MkDocs](http://mkdocs.org) segítségével automatikusan generál egy statikus weboldalt markdown (.md) fájlokból, amit most is éppen olvasol. :)
+A projekt a [roadmap git repóból](http://git.sch.bme.hu/schdesign/schdesign-roadmap) [MkDocs](http://mkdocs.org) segítségével automatikusan generál egy statikus weboldalt markdown (.md) fájlokból, amit most is éppen olvasol. :)
 
-Ha van kedved beszállni az oldal fejlesztésébe, akkor nézz rá a [git repóra](http://git.sch.bme.hu/schdesign/roadmap). 
+Ha van kedved beszállni az oldal fejlesztésébe, akkor nézz rá a [git repóra](http://git.sch.bme.hu/schdesign/schdesign-roadmap). 
 A közeljövőben igyekszem minél átláthatóbbá tenni a technológiai hátteret az érdeklődők számára. Jelenleg a vonatkozó dokumentációkat célszerű böngészgetni, ha van hozzá kedved.
 
 **Ha szeretnél beszállni a projekt fejlesztésébe (akár tartalommal, akár fejlesztéssel), vagy csak kíváncsi vagy, hogy hogyan is áll össze ez az egész, akkor nyugodtan dobj egy e-mailt nekem a barnabas.borcsok@schdesign.hu címre, vagy keress meg bárhol máshol.**

docs/schdesign/tutorial/hozzajarulas.md

@@ -17,7 +17,7 @@ Ez a GitLab példány a KSZK által van hosztolva a kollégiumból. Ahhoz, hogy
 
 #### Ha már van felhasználód
 
-Az oldalra GitLaben keresztül történik a tartalom feltöltése. Ahhoz, hogy hozzá tudjál járulni az oldalhoz, először is hozzáférés fog kelleni vagy a [repo](https://git.sch.bme.hu/schdesign/roadmap)-hoz, vagy a [GitLab group](https://git.sch.bme.hu/schdesign)-hoz.
+Az oldalra GitLaben keresztül történik a tartalom feltöltése. Ahhoz, hogy hozzá tudjál járulni az oldalhoz, először is hozzáférés fog kelleni vagy a [repo](https://git.sch.bme.hu/schdesign/schdesign-roadmap)-hoz, vagy a [GitLab group](https://git.sch.bme.hu/schdesign)-hoz.
 
 GitLab grouphoz csak **owner** rangú személy tud hozzáadni, így érdemes a [csoport tagjai](https://git.sch.bme.hu/groups/schdesign/-/group_members) közt körbenézni, hogy kinek van ehhez joga.
 
@@ -58,11 +58,11 @@ Vagy konzolon keresztül vagy grafikus kliensen keresztül másold le azt a pél
 
 === "SSH"
     ```git
-    git clone git@git.sch.bme.hu:schdesign/roadmap.git
+    git clone git@git.sch.bme.hu:schdesign/schdesign-roadmap.git
     ```
 === "HTTPS"
     ```git
-    git clone https://git.sch.bme.hu/schdesign/roadmap.git
+    git clone https://git.sch.bme.hu/schdesign/schdesign-roadmap.git
     ```
 
 ### 2. Indítsd el a Docker példányodat

docs/web/hasznos-oldalak.md

+# Hasznos oldalak
+
+## Weboldalak
+
+### [www.w3schools.com](https://www.w3schools.com/)
+
+Freemium, programozást oktató weboldal, ahol többek közt webes technológiákat is megismerhetsz.
+
+### [developer.mozilla.org](https://developer.mozilla.org/)
+
+Webfejlesztőknek szánt, ingyenes weboldal. Fejlesztőktől, fejlesztőknek.
+
+### [www.freecodecamp.org](https://www.freecodecamp.org/)
+
+Ingyenes, programozást oktató weboldal.
+
+### [coder-coder.com](https://coder-coder.com/)
+
+Logikusan felépített webfejlesztést segítő tervek. Ha a "mit szeretnél" kérdésre már tudod a választ, de a "hogyan"-ra még nem, akkor tökéletes kiindulás lehet ez a weboldal.
+
+### [css-tricks.com](https://css-tricks.com/)
+
+Napi cikkek HTML, CSS és JS trükkökről és minden másról, ami a web design-hoz köthető.
+
+### [caniuse.com](https://caniuse.com/)
+
+Naprakész információval tud szolgálni webes frontend technológiákról. Egyszerűen meg tudod rajta nézni, hogy a felhasználandó technológia mennyire van támogatva.
+
+### [fonts.google.com](https://fonts.google.com/)
+
+Ingyenes, szabadon felhasználható betűtípusok és ikonok gyűjtőoldala.
+
+## YouTube csatornák
+
+### [Fireship](https://www.youtube.com/c/Fireship)
+
+### [Web Dev Simplified](https://www.youtube.com/c/WebDevSimplified)
+
+### [Kevin Powell](https://www.youtube.com/kepowob/)
+
+### [DesignCourse](https://www.youtube.com/channel/UCVyRiMvfUNMA1UPlDPzG5Ow)
+
+### [Online Tutorials](https://www.youtube.com/c/OnlineTutorials4Designers)
+
+### [Clever Programmer](https://www.youtube.com/c/CleverProgrammer)

docs/web/tutorial/editor/index.md

+# Mit használjak?
+
+!!! todo
+    Megírni
\ No newline at end of file

docs/web/tutorial/editor/vscode.md

+# Visual Studio Code
+
+!!! todo
+    Megírni a szöveget
\ No newline at end of file

docs/web/tutorial/editor/webstorm.md

+# WebStorm
+
+!!! todo
+    Megírni a szöveget
\ No newline at end of file

mkdocs.yml

@@ -8,7 +8,7 @@ site_description: >-
 
 # Repository
 repo_name: schdesign/roadmap
-repo_url: https://git.sch.bme.hu/schdesign/roadmap
+repo_url: https://git.sch.bme.hu/schdesign/schdesign-roadmap
 edit_uri: "" # "edit/master/docs/" # it would add and edit link at the top of all the articles
 
 # Copyright
@@ -84,6 +84,8 @@ extra:
       link: https://www.behance.net/wearethesds/
     - icon: fontawesome/brands/gitlab
       link: https://git.sch.bme.hu/schdesign
+    - icon: fontawesome/brands/github
+      link: https://github.com/simonyiszk
 
 # Extensions
 markdown_extensions:
@@ -113,7 +115,7 @@ markdown_extensions:
   - pymdownx.magiclink:
       repo_url_shorthand: true
       user: schdesign
-      repo: roadmap
+      repo: schdesign-roadmap
   - pymdownx.mark
   - pymdownx.smartsymbols
   - pymdownx.superfences:
@@ -139,6 +141,7 @@ nav:
       - Alapok: schdesign/tutorial/markdown-alapok.md
       - Cheatsheet: schdesign/tutorial/markdown-cheatsheet.md
     - Hozzájárulás: schdesign/tutorial/hozzajarulas.md
+    - Oldalaink: schdesign/oldalaink.md
     - Rólunk: schdesign/index.md
   - Web:
     - web/index.md
@@ -147,20 +150,25 @@ nav:
       - 2020/21/1 Todo lista: web/workshop/2020-21-1_todo-list.md
       - 2020/21/2 Web kezdő: web/workshop/2021-02-22.md
       - 2020/21/2 Web haladó: web/workshop/2021-03-03.md
+    - Szerkesztő programok:
+      - Mit használjak?: web/tutorial/editor/index.md
+      - Visual Studio Code: web/tutorial/editor/vscode.md
+      - WebStorm: web/tutorial/editor/webstorm.md
     - Weboldal készítés az alapoktól:
       - 0. Bevezető: web/tutorial/step-by-step/index.md
       - 1. HTML: web/tutorial/step-by-step/html.md
       - 2. CSS: web/tutorial/step-by-step/css.md
       - 3. JS: web/tutorial/step-by-step/js.md
       - 4. Hova tovább: web/tutorial/step-by-step/hova-tovabb.md
+    - Hasznos oldalak: web/hasznos-oldalak.md
   - Grafika:
     - grafika/index.md
-    - Hasznos oldalak: grafika/grafika-hasznos.md
     - Workshopok: 
       - 2020/21/2 Photoshop kezdő: grafika/workshop/2021-02-24.md
       - 2020/21/2 Photoshop haladó: grafika/workshop/2021-03-01.md
       - 2020/21/2 Illustrator kezdő: grafika/workshop/2021-03-08.md
       - 2020/21/2 Illustrator haladó: grafika/workshop/2021-03-17.md
+    - Hasznos oldalak: grafika/hasznos-oldalak.md
   - 3D:
     - 3d/index.md
     - Interfész bemutatása:
@@ -170,3 +178,4 @@ nav:
     - Workshopok: 
       - 2020/21/2 3D kezdő: 3d/workshop/2021-03-10.md
       - 2020/21/2 3D haladó: 3d/workshop/2021-03-15.md
+    - Hasznos oldalak: 3d/hasznos-oldalak.md

run.ps1

+# start docker image
+docker run --rm -it -p 8000:8000 -v ${PWD}:/docs schdesign/roadmap:mkdocs-material