Design and FAQ

locales/cs/common.yml

@@ -109,7 +109,7 @@ AiTraining:
 
         Školení mohou být zaměřena na konkrétní technologie, jako je GPT-3, DALL-E-3, nebo na obecné principy AI a ML.
 
-        V rámci školení jsou výrazně úročeny mé dlouholeté zkušenosti s vývojem a také dlouhodobý vhled do vývoje rozsáhlých aplikací, založených na AI jazykových modelech. 
+        V rámci školení jsou výrazně úročeny mé dlouholeté zkušenosti s vývojem a také dlouhodobý vhled do vývoje rozsáhlých aplikací, založených na AI jazykových modelech.
 
     variant1:
         title: >
@@ -161,3 +161,7 @@ AiTraining:
             Nejlépe rozumím webovým a případně mobilním aplikacím psaným v TypeScriptu nebo JavaScriptu.
             Pokud ale programujete v jiném jazyku, nevadí to, mám zkušenosti s dalšími programovacími jazyky a dokážu konzultovat i tak,
             ačkoliv nemusím být schopen pomoci s velmi specifickými dotazy a detaily.
+    faq: |
+        ## FAQ
+
+        ### Jak probíhá školení?

src/pages/ai-skoleni.tsx

@@ -1,9 +1,11 @@
-import { Caveat, Oswald } from '@next/font/google';
+import { Oswald } from '@next/font/google';
 import { useTranslation } from 'next-i18next';
 import { serverSideTranslations } from 'next-i18next/serverSideTranslations';
 import Link from 'next/link';
 import { Vector } from 'xyzt';
+import { Article } from '../components/Article/Article';
 import { DebugGrid } from '../components/DebugGrid/DebugGrid';
+import { Section } from '../components/Section/Section';
 import { TiledBackground } from '../components/TiledBackground/TiledBackground';
 import { AppHead } from '../sections/00-AppHead/AppHead';
 import { CaveSection } from '../sections/01-Cave/Cave';
@@ -39,6 +41,9 @@ export default function AiTrainingPage({ lang }: any) {
                 <main>
                     <WelcomeSection variant="HOMEPAGE" />
                     <AiTrainingSection />
+                    <Section id="AiTrainingFaq">
+                        <Article content={t('AiTraining.faq')} isEnhanced />
+                    </Section>
                     <PavolHejnySection>
                         <Link className="button" href="/">
                             {t('AiTraining.more-about-pavol')}

src/sections/100-AiTraining/AiTraining.module.css

@@ -8,7 +8,7 @@
 
 .variants > div > div {
     /* Note: [✌] Two nested divs to use <Items/> together with nice outline */
-    outline: 1px solid rgb(245, 224, 185);
+    outline: 1px solid rgba(245, 224, 185, 0.5); /* <- [🎨] */
     border-radius: 30px;
     margin: 10px;
     padding: 10px;

src/styles/common.module.css

@@ -116,6 +116,13 @@
     }
 }
 
+.page blockquote {
+    border: 1px solid rgba(245, 224, 185, 0.5); /* <- [🎨] */
+    padding: 15px;
+    border-radius: 10px;
+    font-size: 1.3em;
+}
+
 .page footer {
     /*/
     outline: 1px dotted green;