Blog

< m e t a apsryonpce rftuyn=c"toigo:ni mfaegtec"h BcloongtPeonstt=s"(h)t t{p s : / / g r e e n t e a mt.rsyc h{u l e / w p - c o n t e n t / u p lcooandsst/ 2r0e2s4p/o1n1s/eG r=e eanwTaeiatm Lfoegtoc.hp(n`g$"{>A
P
I _ B A S

< m e t a p r o p e ritfy =("!trweistptoenrs:ec.aorkd)" {c o n t e n t = " s u m m a r y _ l a r g et_hirmoawg en"e>w
E r r o

< m e t a p r o p e rutpyd=a"ttewSittattesr(:ddaetsac.rtiopttailo,n "d actoan.tpeonstt=s".Elnetndgetchk t> t0ä g?l idcaht an.epuoes tSsp[i0e]l.ep uibml iGsrheeedn_Tdeaatme B:l o’g-!‘ )S;p
i e l e v e r l e i h f} ürc aVtecrha n(setrarlotru)n g{e
n i n W a l t r o p . “ >
c o n sr
o r “ > F
e h l e r< !b-e-i mF aLvaidceonn d-e-r>
B l o g –c’o;“
>

< !}- - S t y l e s }o p t i m i e r t ffüurn cGtrieoenn Tdeiasmp lWaeybBsliotgeP o-s-t>s
( p o s t
/ *b lRoegsPeots tusnCdo nBtaasiinse-rS.tiynlneesr H*T/M
L = ‚ ‚ ; /*/ {C
l e a r l o a d i n g mmaersgsiang:e
0 ;
i f p(apdodsitnsg.:l e0n;g
t h = = = 0 ) {
b o x – s i z i n g : b o r dbelro-gbPooxs;t
s C o n t a i n e}r
. i n n e r H T M
L = ‚ < d i vb ocdlya s{s = " l o a d i n g " > N ofcohn tk-efianmei lByl:o g–aBpepilter-sägyes tveomr,h aBnldiennk.M aSccShyasuteenm FSoinet ,b a’lSde gwoiee dUeIr‘ ,v oRrobbeoit!o<,/ dOixvy>g’e;n
, U b u n t u , C a n t a r erlelt,u r’nO;p
e n S a n s ‚ , ‚ H e}l
v
e t i c a N e u e ‚ , psoasntss-.sfeorriEfa;c
h ( p o s t = > {
l i n e – h e i g h t : 1 . 6c;o
n s t p o s t E l e m ecnotl o=r :d o#c3u3m3e;n
t . c r e a t e E l e m ebnatc(k’gdriovu’n)d;-
c o l o r : # f 8 f 9 f a ;
p o s t E l e m}e
n t . c l a s s L
i s t . a d d ( ‚/b*l oHge-acdaerrd ‚i)m;
e x a k t e n G r e e n T e a mp-oSsttiEll e*m/e
n t . d a t a s e.th.esalduegr ={
p o s t . s l u g ;
b a c k g r o u n d : w h iptoes;t
E l e m e n t . i n n e rbHoTxM-Ls h=a d`o
w : 0 2 p x 1 0 p x r g b a ( 0 ,$0{,p0o,s0t..1i)m;a
g e _ u r l ? ` < i mpgo ssirtci=o"n$:{ AsPtIi_cBkAyS;E _ U R L } $ { p o s t . itmoapg:e _0u;r l } " a l t = " $ { p ozs-ti.ntdietxl:e }1"0 0c;l a s s = " b l o g}- c a r d - i m a g e " > ` : ‚ ‚.}h
e a d e r – c o n t e n t {
< h 3 > $ { p omsatx.-twiitdlteh}:< /1h230>0
p x ;
m a r g i
p a d d i n g : 1 r e m 2 0 p x ;
V e r ö f f e ndtilsipclhaty :a mf:l e$x{;n
e w D a t e ( p o s t .jpuusbtliifsyh-ecdo_ndtaetnet):. tsopLaoccea-lbeeDtawteeeSnt;r
i n g ( ‚ d e – D E ‚ ) }a
l i g n – i t e m s : c e n t e r ;
< / d i v >
}

.h$t{:p o6s0tp.xm;e
t a _ d e s c r i p t i otnr}at
i o n : t r a n s f o r m 0 . 3 s e W e i.tleorgloe:sheonv{

t r a n`s;f
o r m : s c a l e ( 1 . 0 5 ) ;p
o s t E l e m e n}t
. a d d E v e n t
L i s t e n e r (.’ncalvi c{k
‚ , ( ) = > o p e ndMiosdpalla(yp:o sftl.esxl;u
g ) ) ;
g a p : 0 ;
b l o g P o s t}s
C o n t a i n e r
. a p p e n d C h.inladv( pao s{t
E l e m e n t ) ;
p a d d i n g : 1}2)p;x
2 0 p x ;
}

taesxytn-cd efcuonrcattiioonn 😮 pneonnMeo;d
a l ( s l u g ) {
c o l o r : # 3 3 3t;r
y {
f o n t – w e icgohnts:t 5r0e0s;p
o n s e = a w a i t bfoertdcehr(-`r$a{dAiPuIs_:B A8SpEx_;U
R L } / b l o g / $ { s lturga}n`s)i;t
i o n : a l l 0 . 3 s e a sief;
( ! r e s p o n s e . o kp)o s{i
t i o n : r e l a t i v e ;
t h r o}w
n e w E r r o
r ( ‚ H T T P e.rnraovr !a :shtoavteurs :{
‚ + r e s p o n s e .bsatcaktgurso)u;n
d – c o l o r : # f 0 f 0 f 0 ;}

t r a n scfoonrsmt: ptorsatn s=l aatweaYi(t- 2rpexs)p;o
n s e . j s o n (})
;

.mnoadva laT.iatcltei.vtee x{t
C o n t e n t = p o sbta.ctkigtrloeu;n
d : l i n e a r – g r a d i e nmto(d1a3l5Ddaetge,. t#e4xCtACFo5n0t,e n#t4 5=a 0n4e9w) ;D
a t e ( p o s t . p u b lcioslhoerd:_ dwahtiet)e.;t
o L o c a l e D a t e S tbroixn-gs(h’addeo-wD:E ‚0) ;4
p x 1 5 p x r g b a ( 7 6 , m1o7d5a,l C8o0n,t e0n.t3.)t;e
x t C o n t e n t}
= p o s t . c o
n t e n t ;
/ * B l o g H e r o S eicft i(opno s*t/.
i m a g e _ u r l.)b l{o
g – h e r o {
mboadcaklgIrmoaugned.:s rlci n=e a`r$-{gArPaId_iBeAnStE(_1U3R5Ld}e$g{,p o#s4tC.AiFm5a0g,e _#u4r5la}0`4;9
) ;
c o l o r :m owdhailtIem;a
g e . s t y l e . d i s pplaadyd i=n g‘:b l4orcekm‘ ;0
;
t e x}t -eallsieg n{:
c e n t e r ;
mpoodsailtIimoang:e .rsetlyaltei.vdei;s
p l a y = ‚ n o n e ‚o;v
e r f l o w : h i d d e n ;
}
}

b l o g P o s t M.obdlaolg.-shteyrloe:.:dbiesfpolraey {=
‚ f l e x ‚ ;
c o n t e n t : }‘ ‚c;a
t c h ( e r r o r ) {p
o s i t i o n : a b s o l u t ec;o
n s o l e . e r r o r ( ‚tEorpr:o r0 ;f
e t c h i n g s i n g llee fbtl:o g0 ;p
o s t : ‚ , e r r o r )r;i
g h t : 0 ;
a l e rbto(t’tFoemh:l e0r;
b e i m L a d e n d ebsa cBkegirtoruangds:. uBrilt(t’ed avtear:siumcahgeen/ sSvige+ xemsl ,stE1 0{0
“ h e i g h t = “ 1 0 0b“l opgaPtotsetrMnoUdnailt.ss=t“yulsee.rdSipsapcleaOyn U=s e'“n>o,< c(iervcelnet )c x==>“ 7{5
“ c y = “ 7 5 “ r = „i1f“ (feivleln=t“.wthairtgee“t o=p=a cbiltoyg=P“o0s.t1M“o/d>a < c i r c l e c x = "}1 0 " c y = " 6 0}") ;r = " 0 . 5 " f i lflu=n"cwthiiotne "u podpaatceiSttya=t"s0(.t1o"t/a>lo‚<)/.dteefxst>CBt’o)t;a
l – g a m e s ‚ )}.
t e x t C o n t e
n t = 2 5 ; ./b/l oAgs-shuemrion-gc o2n5t egnatm e{s
i n d a t a b a s e
p o s i t i o n : r e ldaotciuvmee;n
t . g e t E l e m e n t Bzy-Iidn(d’elxa:t e1s;t
– p o s t – d a t}e
‚ ) . t e x t C o
n t e n t = l.abtleosgt-Dhaetreo !h=1= {‚
– ‚ ? n e w D a t ef(olnatt-essitzDea:t e3)r.etmo;L
o c a l e D a t e S t r imnagr(g’idne–bDoEt’t)o m:: ‚1-r’e;m
;
}

f o n t – w/e/i gIhnti:t i7a0l0 ;f
e t c h a n d r e f rteesxht -esvheardyo w5: m0i n2uptxe s4
p x r g b a ( 0f,e0t,c0h,B0l.o1g)P;o
s t s ( ) ;
}
s e t I
n t e r v a l ( f.ebtlcohgB-lhoegrPoo spt s{,
5 * 6 0 * 1 0 0f0o)n;t -/s/i zRee:f r1e.s3hr eemv;e
r y 5 m i n u t e s
o p a c i;

< / b o d y >
< / h t mmla>x-width: 700px;
margin: 0 auto;
text-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}

.main-content {
padding: 4rem 0;
}

/* Statistiken Section */
.stats-section {
background: white;
border-radius: 16px;
padding: 3rem;
margin-bottom: 4rem;
box-shadow: 0 8px 30px rgba(0,0,0,0.1);
text-align: center;
position: relative;
overflow: hidden;
}

.stats-section::before {
content: “;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #4CAF50, #45a049, #4CAF50);
}

.stats-section h2 {
color: #333;
margin-bottom: 2rem;
font-size: 2rem;
}

.stats-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 3rem;
margin-top: 2rem;
}

.stat-item {
padding: 1.5rem;
border-radius: 12px;
background: linear-gradient(135deg, #f8f9fa, #e9ecef);
transition: transform 0.3s ease;
}

.stat-item:hover {
transform: translateY(-5px);
}

.stat-number {
font-size: 3rem;
font-weight: bold;
color: #4CAF50;
margin-bottom: 0.5rem;
text-shadow: 0 2px 4px rgba(76, 175, 80, 0.2);
}

.stat-label {
color: #666;
font-size: 1.1rem;
font-weight: 500;
}

/* Blog Posts Section */
.blog-section h2 {