First version: Technical parts of the about us section; TODO: uses vw where it shoul be vh!

settings.yaml

@@ -24,7 +24,7 @@ sections:
       title: MagosIT Kft
       sub_title: "Csúcsfejlesztés, üzleti szoftverfejlesztés, tanácsadás, K+F"
   - type: quote
-    text: "Látni, amit mindenki lát és olyat gondolni, amit senki sem gondolt még."
+    text: "Látni azt, amit mindenki lát és olyat gondolni, amit senki sem gondolt még."
   - type: header
     text: "Szolgáltatások"
     menuid: 'services'
@@ -32,6 +32,9 @@ sections:
   - type: header
     text: "Rólunk"
     menuid: "about"
+  - type: paragraph
+    css:  "text-align:center;color:grey;margin-bottom:4vw;"
+    title: "Programozási nyelvek"
   - type: polaroid-group
     margin_bottom: 15vw
     images:
@@ -66,43 +69,118 @@ sections:
         h: 20vw
         angle: -35
         text: "Web 5.0 (Html5, CSS3, JS, ...)"
+  - type: paragraph
+    css:  "text-align:center;color:grey;margin-bottom:4vw;"
+    title: "Modern Futtatókörnyezetek"
   - type: polaroid-group
     margin_bottom: 15vw
     images:
+      - name: android.png
+        x: 3vw
+        y: 0vw
+        w: 15vw
+        angle: -15
+        text: "Android"
       - name: linux.png
+        w: 30vw
+        h: 33vw
+        angle: 15
         text: "Linux és nyílt forrású rendszerek"
-      - name: git.png
-        text: "Git (workflow, setup, hosting, advanced)"
-      - name: OSGI.jpg
-        text: "OSGi (equinox, felix)"
-      - name: unity.png
-        text: "Unity 3D játékmotor"
+      - name: oracleplsql.webp
+        x: 50vw
+        y: 5vw
+        w: 15vw
+        angle: 35
+        text: "SQL, Oracle, PL/SQL"
       - name: godot.png
+        x: 5vw
+        y: 20vw
+        w: 20vw
+        h: 20vw
+        angle: -35
         text: "Godot játékmotor"
+      - name: unity.png
+        x: 42vw
+        y: 20vw
+        w: 16vw
+        angle: 5
+        text: "Unity 3D játékmotor"
+  - type: paragraph
+    css:  "text-align:center;color:grey;margin-bottom:4vw;"
+    title: "Fejlett technológiák"
+  - type: polaroid-group
+    margin_bottom: 15vw
+    images:
+      - name: AR.jpg
+        x: 3vw
+        y: 0vw
+        w: 15vw
+        angle: -15
+        text: "ARToolkit5"
       - name: opengl.png
+        w: 40vw
+        h: 25vw
+        angle: 10
         text: "OpenGL, OpenGL ES2, WebGL"
+      - name: vuforia.png
+        x: 45vw
+        y: 5vw
+        w: 15vw
+        angle: 35
+        text: "Vuforia"
       - name: directx.png
+        x: 5vw
+        y: 15vw
+        w: 20vw
+        h: 20vw
+        angle: -35
         text: "Microsoft DirectX"
       - name: blender.png
+        x: 15vw
+        y: 15vw
+        w: 15vw
+        angle: -12
         text: "Blender 3D modellezés"
-      - name: jenkins.png
-        text: "Devops, CI (Jenkins, Chef, Docker)"
-      - name: oracleplsql.webp
-        text: "SQL, Oracle, PL/SQL"
-      - name: optimization.jpg
-        text: "Kód optimizáció (Új algoritmusok, cache, assembly)"
-      - name: vuforia.png
-        text: "Vuforia"
-      - name: AR.jpg
-        text: "ARToolkit5"
+      - name: git.png
+        x: 37vw
+        y: 20vw
+        w: 16vw
+        angle: -5
+        text: "Git (workflow, setup, hosting, advanced)"
+  - type: paragraph
+    css:  "text-align:center;color:grey;margin-bottom:4vw;"
+    title: "Fejlett megoldások"
+  - type: polaroid-group
+    margin_bottom: 15vw
+    images:
       - name: microservice.png
+        x: 3vw
+        y: 3vw
+        w: 15vw
+        angle: 15
         text: "Mikroszervíz, elosztott és párhuzamos programok"
-      - name: android.png
-        text: "Android"
+      - name: optimization.jpg
+        w: 30vw
+        angle: -15
+        text: "Kód optimizáció (Új algoritmusok, cache, assembly)"
+      - name: OSGI.jpg
+        x: 50vw
+        y: 12vw
+        w: 15vw
+        angle: 35
+        text: "Komponensalapú fejlesztés (OSGi, Equinox, Apache felix)"
+      - name: jenkins.png
+        x: 45vw
+        y: -6vw
+        w: 25vw
+        h: 20vw
+        angle: -25
+        text: "Devops, CI (Jenkins, Chef, Shell)"
     title: "Alapítók"
     text: "...TODO..."
   - type: paragraph
-    title: "Csapat"
+    css:  "text-align:center;color:grey;margin-bottom:4vw;"
+    title: "Alapítók"
     text: "...TODO..."
 
 # vim: ts=8 et sw=2 sts=2