1+ <!doctype html>
2+ < html lang ="en ">
3+
4+ < head >
5+ <!-- Required meta tags -->
6+ < meta charset ="utf-8 ">
7+ < meta name ="viewport " content ="width=device-width, initial-scale=1, shrink-to-fit=no ">
8+
9+ < title > Generative Artificial Intelligence Articles | Matteo Gätzner – Blog & Portfolio
10+ </ title >
11+ < link rel ="canonical " href ="https://www.matteogaetzner.com/category/generative-artificial-intelligence.html ">
12+
13+ < link rel ="apple-touch-icon " href ="https://www.matteogaetzner.com/apple-touch-icon.png " sizes ="180x180 ">
14+ < link rel ="icon " type ="image/png " href ="https://www.matteogaetzner.com/favicon-32x32.png " sizes ="32x32 ">
15+ < link rel ="icon " type ="image/png " href ="https://www.matteogaetzner.com/favicon-16x16.png " sizes ="16x16 ">
16+ < link rel ="manifest " href ="https://www.matteogaetzner.com/manifest.json ">
17+ < meta name ="theme-color " content ="#333333 ">
18+
19+ < link rel ="stylesheet " href ="https://stackpath.bootstrapcdn.com/bootswatch/4.3.1/solar/bootstrap.min.css ">
20+ < link rel ="stylesheet " href ="https://www.matteogaetzner.com/theme/css/fontawesome.min.css ">
21+ < link rel ="stylesheet " href ="https://www.matteogaetzner.com/theme/css/pygments/default.min.css ">
22+ < link rel ="stylesheet " href ="https://www.matteogaetzner.com/theme/css/theme.css ">
23+ < link rel ="stylesheet " href ="https://www.matteogaetzner.com/theme/css/oldstyle.css ">
24+
25+ < link rel ="alternate " type ="application/atom+xml " title ="Full Atom Feed "
26+ href ="https://www.matteogaetzner.com/feeds/all.atom.xml ">
27+ < link rel ="alternate " type ="application/atom+xml " title ="Categories Atom Feed "
28+ href ="https://www.matteogaetzner.com/feeds/generative-artificial-intelligence.atom.xml ">
29+ < meta name ="description " content ="The personal blog & portfolio of Matteo Gätzner ">
30+
31+
32+ < script >
33+ window . MathJax = {
34+ loader : { load : [ '[tex]/cases' ] } ,
35+ tex : {
36+ inlineMath : [
37+ [ '\\(' , '\\)' ] ,
38+ [ '$' , '$' ]
39+ ] ,
40+ displayMath : [
41+ [ '$$' , '$$' ] ,
42+ [ '\\[' , '\\]' ] ,
43+ ] ,
44+ packages : [ 'base' , 'ams' , 'mathtools' , 'cases' ] ,
45+ // macros: {
46+ // coloneqq: ['\mathrel{\vcenter{:}}=', 0]
47+ // }
48+ } ,
49+ svg : {
50+ fontCache : 'global'
51+ }
52+ } ;
53+ </ script >
54+ < script type ="text/javascript " id ="MathJax-script " async
55+ src ="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg-full.js ">
56+ </ script >
57+ <!-- <script> -->
58+ <!-- window.MathJax = { -->
59+ <!-- tex: { -->
60+ <!-- inlineMath: [ -->
61+ <!-- ['\(', '\)'], /* keep the \( … \) pair */ -->
62+ <!-- ['$', '$'] /* also pick up $ … $ */ -->
63+ <!-- ], -->
64+ <!-- displayMath: [['$$','$$']], -->
65+ <!-- packages: ['base','ams'] -->
66+ <!-- }, -->
67+ <!-- svg: { -->
68+ <!-- fontCache: 'global' -->
69+ <!-- } -->
70+ <!-- }; -->
71+ <!-- </script> -->
72+ <!-- <script async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js"></script> -->
73+ </ head >
74+
75+ < body >
76+ < header class ="header ">
77+ < div class ="container ">
78+ < div class ="row ">
79+ < div class ="col-sm-4 ">
80+ < a href ="https://www.matteogaetzner.com/ ">
81+ < img class ="img-fluid rounded " src =https://www.matteogaetzner.com/images/header.jpg alt ="Matteo Gätzner – Blog & Portfolio ">
82+ </ a >
83+ </ div >
84+ < div class ="col-sm-8 ">
85+ < h1 class ="title "> < a href ="https://www.matteogaetzner.com/ "> Matteo Gätzner – Blog & Portfolio</ a > </ h1 >
86+ < p class ="text-muted "> Projects, insights & thoughts</ p >
87+ < ul class ="list-inline ">
88+ < li class ="list-inline-item "> < a href ="https://www.matteogaetzner.com/about/ "> About</ a > </ li >
89+ < li class ="list-inline-item "> < a href ="https://www.matteogaetzner.com/resume/ "> Resume</ a > </ li >
90+ < li class =" list-inline-item text-muted "> |</ li >
91+ < li class ="list-inline-item "> < a class ="fab fa-github " href ="https://github.com/MatteoGaetzner " target ="_blank "> </ a > </ li >
92+ < li class ="list-inline-item "> < a class ="fab fa-linkedin " href ="https://linkedin.com/in/matteo-g " target ="_blank "> </ a > </ li >
93+ </ ul >
94+ </ div >
95+ </ div > </ div >
96+ </ header >
97+
98+ < div class ="main ">
99+ < div class ="container ">
100+ < h1 > Generative Artificial Intelligence Articles
101+ </ h1 >
102+ < hr >
103+ < article class ="row teaser ">
104+ < header class ="col-sm-4 text-muted ">
105+ < ul >
106+ < li title ="2025-07-05T14:52:00+02:00 ">
107+ < i class ="fas fa-clock "> </ i >
108+ Sat 05 July 2025
109+ </ li >
110+ < li >
111+ < i class ="fas fa-folder-open "> </ i >
112+ < a href ="https://www.matteogaetzner.com/category/generative-artificial-intelligence.html "> Generative Artificial Intelligence</ a >
113+ </ li >
114+ </ ul >
115+ </ header >
116+ < div class ="col-sm-8 ">
117+ < h4 class ="title ">
118+ < a href ="https://www.matteogaetzner.com/flow-matching-quickstart.html "> Flow Matching Quickstart</ a >
119+ </ h4 >
120+ < div class ="content ">
121+ A very short implementation focused guide about to flow matching
122+ </ div >
123+ </ div >
124+ </ article >
125+ </ div >
126+ </ div >
127+
128+ < footer class ="footer ">
129+ < div class ="container ">
130+ < div class ="row ">
131+ < ul class ="col-sm-6 list-inline ">
132+ < li class ="list-inline-item "> < a href ="https://www.matteogaetzner.com/archives.html "> Archives</ a > </ li >
133+ < li class ="list-inline-item "> < a href ="https://www.matteogaetzner.com/categories.html "> Categories</ a > </ li >
134+ < li class ="list-inline-item "> < a href ="https://www.matteogaetzner.com/tags.html "> Tags</ a > </ li >
135+ </ ul >
136+ < p class ="col-sm-6 text-sm-right text-muted ">
137+ Generated by < a href ="https://github.com/getpelican/pelican " target ="_blank "> Pelican</ a >
138+ / < a href ="https://github.com/nairobilug/pelican-alchemy " target ="_blank "> ✨</ a >
139+ </ p >
140+ </ div > </ div >
141+ </ footer >
142+
143+ </ body >
144+
145+ </ html >
0 commit comments