From 841ef616dd95b0bedb7d3b936c77238e4f7b2250 Mon Sep 17 00:00:00 2001
From: marcoslongo <marcosv.longo@gmail.com>
Date: Thu, 20 Oct 2022 11:31:55 -0300
Subject: [PATCH 01/11] Initial

---
 assets/images/banner-infra-300x250-1.webp     | Bin 0 -> 10924 bytes
 assets/images/fav-icon.webp                   | Bin 0 -> 2802 bytes
 ...o-apiki-blog-wordpress-e1613483808992.webp | Bin 0 -> 4592 bytes
 assets/images/marca-apiki-blog-h552.webp      | Bin 0 -> 4070 bytes
 css/reset.css                                 | 156 +++++++++++++
 css/style.css                                 | 214 ++++++++++++++++++
 index.html                                    |  54 +++++
 interna.html                                  |  52 +++++
 js/app.js                                     |  71 ++++++
 js/interna.js                                 |  40 ++++
 10 files changed, 587 insertions(+)
 create mode 100644 assets/images/banner-infra-300x250-1.webp
 create mode 100644 assets/images/fav-icon.webp
 create mode 100644 assets/images/logo-apiki-blog-wordpress-e1613483808992.webp
 create mode 100644 assets/images/marca-apiki-blog-h552.webp
 create mode 100644 css/reset.css
 create mode 100644 css/style.css
 create mode 100644 index.html
 create mode 100644 interna.html
 create mode 100644 js/app.js
 create mode 100644 js/interna.js

diff --git a/assets/images/banner-infra-300x250-1.webp b/assets/images/banner-infra-300x250-1.webp
new file mode 100644
index 0000000000000000000000000000000000000000..637c6be62725213297d138ef903c5db5aaab5413
GIT binary patch
literal 10924
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
OWWDp@?F9L1Pyhgfk!!sG

literal 0
HcmV?d00001

diff --git a/assets/images/fav-icon.webp b/assets/images/fav-icon.webp
new file mode 100644
index 0000000000000000000000000000000000000000..2bd3adc3089630ed9dba9607ba62cfcd32df68b9
GIT binary patch
literal 2802
zcmV<O3JvvANk&HM3IG6CMM6+kP&il$0000G0002L006%L06|PpNZttm00I9)kZrU5
z{^S#gh-CFwgZ{Q{Yt!t0lRC7(io4rj?!W|?51rwB4B2pprcHAH>r<Ln+TXt8i0FUf
zf0Z9bZ`79v6z@|0a?iHj->i(FICt|OZ+H4e35xJLUg@n5S6e8qv3=&tZagU$D53)l
zl9}tZP%I-q81QhU48?KCXW)ys*H8p&9m<^DLeVSVqvVJ{aZ7Db)*VDqtJtReaT3K#
z^qf+~a}=%En=F+a2oxvLyF*oFC`MMxs!wI@C_bT%#T*rOqu506tou~jh@uj1`;ehx
zH-h33X&Bq{sC)^<!ft)N<57dxgJK}kw?1A{(`SJ~7m4=q%?!1jr%~8e?a<;WwLU@t
z+ckH;oKg3RK!Muj0~7mM>OZYSLE5cj-y9m@4I=Q}YM3h0cfV$6%qxMQ@uTBvm>8~m
zzLB9pt6>Bl<j?JLm?j!tZF@9ozYKw`HU3%;!z8P2{D7vN)F619%io_vFh!&uZscg3
z(+Y`s{_#fz%xIappn=&wNYwlM%N>9LvD;fT(&>kUy}*B*YUnO~a_G}Yr%ynl%j3VB
z322QzJEozRJ&*}+@~RI4`l1g{Y3gwkq=tB<Hwax;_qI<{w<{r4k>S;6Dd;Kt<k8s0
zB&6&)=KE|zgMBAMW4+N3<Q_1ue-r9cUpyLnIv^ldcftHeDX4Bbq`7NVkPL4z$a|=@
z9%N~(^TL9pHOWAJBUIY2JsP{&EFk;9W3bf_)P<*LY;H6P>2`+!{p(N``AlP%sv%!}
z!N5CFC<=Y@Y3Tk<8}b!94DR2D8tV-W&Aupsf|3o&99mE^<kQIPWI0sCzEQ3VD!Lq+
znEg^KpdztI$@frDdO`#JuT26<VoQ|Wupw>F(Y)+zEfgizDSeWF^evyJoqwnjP*lD_
zc_#_k(jyvnGExp@RXbFWOF{N6jq+9pLr~XxP8AoWki3?oL8l)YZK$(uT~f(@6mnvM
z#`qieN}*DWyHv9zAeYY2kb~FNP@9~ms%MZKqY>v{x?@n>v_oZ0kc%EtzqfKb1=ZrN
zLuDrx<obPT&aOR7L4D~bDtrmaFVyO+KTg|FFWUC0Fk1_`h(mq;`lBiV9pSMoRn7~@
z^-))5<$em98n>x5*9gf8>hRAOZkJoo6dQG@_M-*4@D9~yJ`W_JulWZRXDc9?cB$4s
zoazcgWAcMX#r|W+4pODN|E@I#ouQk@RK6UB>}#q!c-<U^-ue}v%1_deUZWa+=ViTs
z=Cb!5)w>;#jvP~gckre$0^QN!Q)=*@KtAnI`f|D>0`1n|4z;|oAm8Rw&RHCYK)=<w
zMLiQX6x^bWxA!z{LBG|q<Wh@28-j}G4DK)VL|{VQ7mu2z!ca27pl5H=FhMkY^{B~z
zX+zBdgB?9h!UU`7OP0EF!xj{6Fv#hn1WXVub1t=I1_e|dF#qXD6efha*L>>RtA)A?
z=5s!zU_$iPmPdX5*CZ6W%(Kx16XHXA)aed|pwQ;kmqQlxi<&nMwQe^-X_QxP)kA-{
zecqu~_gw;NOL&Dp8-w=fgDszW4|^e3Wg%~p|K^4TG>iIom(-kl6N6l6s|<Nl{3mxy
zKyQ3tB}>izMyr5ivsZz<DgK?i3BBpDLu$`Fj6iytmB^dqU+!J#j18=K)SjD6LcTJ?
zYseetU*i_E*|l$ud}{Yr8wC`+<<D~DwfW~i8@gim)?6B}d)<bL@+^NQk>BC3vo!RC
zJ7*l4aB$y-5^I*fV#t5QUr(UJs(!xf(S(zs1Qd0+{AD5k7Ju%>pgwkIB}XGJo|i&Z
z^gDk!2(ZAPx1l=PJ)5N&Cof`9_lmy{5nzhvVJHpNzdH12#_>oJ3fo=&-b8>=zJtot
zlTD9?96e4zW$J)`<`LkY*9K*!H&;9w;&0uyp)|70zuqH2&uJWLq8+nmJ`KsOc88%>
zyz}|jFak6zL4~M(wdd0mZ?@TjV)4-D-`5c!l!koy<L@-*c)T3y@3{QiZGeVY|J)^w
z@wV<Ipkct_KNl$|uX%k)bKJR(5Onlr`R~3BwWW8~Y0%+|a_G60;}vsIY1h9y^Jz?O
zbubP+;!&1YJ%>8GZ^flK7jNqYG}$kFUfBaxC65njj{D!8Fto)#@#<_D)FhuB(-{Bc
zeVq+`*EX1EI}8<(p;H>;f4iB0&aPwTn}UjtJsNZPvI<(m<1X{wfV}l6M?;*2{y6kj
ztuVizg8Va&X6!$$gznpC46qIP`yNd=pJ^A+T`|W%W00<Ks6V%UKPjL)boYdTyjIAD
zR;c~#O}z#E)k_R`7=dgbH9HIaAsCQ&nPbqmkhNB+)7u?MTQDGebDx3z7RXj-sV_I%
z5rz@XYd(YTL?HW+y1exV37Ap$#iz_ONPncB(}|`Kj1ZL*4yC*bNdKUY&3h#<B>C==
zl1q?3qw=$fIsro}-)1T6^+4XCTKD_?Bn%PNA2O8R4nzK&D!otbHcYAel%<M?P_RRF
zhofaMCDgOxQ^`>R3cgU0w|OTHQ%dfA_o(P8R18sxzuXyuDHY?#RCXDMin<)-vom!t
zCET^(QQ-)bSR0hRoTwHsLzE5gcvN{<0yQ@&mzzk#5YhSRl8PTfQFwzAxyfrVr0Urr
zm4A;wRlCoi?tHy~5ha654%PczQ1^uace^Z@V6{w~Qp-FPR-7@&#c&7)SamNBsp&io
zl@ER9^;fE(->P`Hk)<yG36zFcnJ+sOg7)~WC5IZ<B2b&o@alsG=q??Y%TcRS1=SBc
zUbR{dts>F;>CC5I|1p%?bG%|94xORy*%Rtt2tj>vpZ_d}pfBD%b4e2pQ_#_p<6l2Y
zp)1}weeBZ+w;g((`23x1f}T*v)DcbbN1#be@b??&h;~k%)1Vm(x?(H*>6JrywC%%@
zN0Zj#&{w+8Z%`~6-|qV~>!=JmtBzhnrByq2K;uqpp|_zG%0&6&jU3IpY)66E{c{<b
z==Pu>MBS@1n(16eAw>I^vozEh6fi&bXxFEyxqboTlcN_j_q+?nC!U_t;NupUF8U5=
z@?IrOx5s^&yjTL`hdmnXy^g^6>KqMr?g$t!W@+$NEearhOk>@N7z*K<M^jJw1q!0d
zr<v|d0tJ%H(8!%03x#5@)4=R#3<Y$X#<{cCP*C<an&mFH3KUqy9u4x>J1rDmYLTY6
z^KAkJ8M<>o6V4|aEEH_X$R%~}JV~LjV?(>tc=(}Fpzx!;a~IU%9!_?~Q7p>t%sEu+
zu0L;%ptywEo-ZAHRN);hk9I{-ltjF$|M{oQ<BOcnKyK#b`{x(^m2rV07f#i*_TL>E
zeKR@p`Rn|`&$-Xj@5hI3cQ;f-@xMe?P&gpw0000`5dfV5D!>5106v{ao=T;pBB80s
z0I(B@V{YMfOWyyE{y;oHV32zMfRsd-wQ0Da3FgFHA?ajuv{d`L&(@o5SpDCT6lk=9
zj!>pc3Haw3=@eQ)XADl)kH<c)A|*%*ICL+Qa#ZzkMvDwmI*b?7p5h9(IHN_PD5Wx3
zPscdSKqKDQHX`8<O*a%FH>y`SCjbEc`lNIH=YMW=*W3m8Uh!ouDyLt#-!(a$9UYIV
zW2EogwAOUi0000001q6D{yEcMbqRXJ@kN$^_3x<;(SJm+W>MUZgygWoi&N}-ji#mm
E0Gh>h_y7O^

literal 0
HcmV?d00001

diff --git a/assets/images/logo-apiki-blog-wordpress-e1613483808992.webp b/assets/images/logo-apiki-blog-wordpress-e1613483808992.webp
new file mode 100644
index 0000000000000000000000000000000000000000..52013a695c7ac77aabc917a0738d939d049f315e
GIT binary patch
literal 4592
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
aD(zq%0*j(qWJ3WGMFZ>MEB5`M0001pWZ-!K

literal 0
HcmV?d00001

diff --git a/assets/images/marca-apiki-blog-h552.webp b/assets/images/marca-apiki-blog-h552.webp
new file mode 100644
index 0000000000000000000000000000000000000000..4f83e401a3b883c6a63304cb098bd40023a516d1
GIT binary patch
literal 4070
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
Yq@b6RT7P61emT$dzHK|edN42$0JnazE&u=k

literal 0
HcmV?d00001

diff --git a/css/reset.css b/css/reset.css
new file mode 100644
index 00000000..1daa0c5c
--- /dev/null
+++ b/css/reset.css
@@ -0,0 +1,156 @@
+/*Reset*/
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
+    margin-top: 0;
+    margin-bottom: 0.5rem;
+    font-family: var(--font);
+    font-weight: 700;
+    line-height: 1.2;
+}
+
+a {
+    text-decoration: none;
+    text-decoration: none;
+    color: var(--bs-dark);
+}
+
+h1, .h1 {
+    font-size: calc(1.375rem + 1.5vw);
+}
+@media (min-width: 1200px) {
+h1, .h1 {
+    font-size: 2.5rem;
+}
+}
+
+h2, .h2 {
+    font-size: calc(1.325rem + 0.9vw);
+}
+@media (min-width: 1200px) {
+h2, .h2 {
+    font-size: 2rem;
+}
+}
+
+h3, .h3 {
+    font-size: calc(1.3rem + 0.6vw);
+}
+@media (min-width: 1200px) {
+h3, .h3 {
+    font-size: 1.75rem;
+}
+}
+
+h4, .h4 {
+    font-size: calc(1.275rem + 0.3vw);
+}
+@media (min-width: 1200px) {
+h4, .h4 {
+    font-size: 1.5rem;
+}
+}
+
+h5, .h5 {
+    font-size: 1.25rem;
+}
+
+h6, .h6 {
+    font-size: 1rem;
+}
+
+p {
+    margin-top: 0;
+    margin-bottom: 1rem;
+    font-family: var(--font);
+}
+  
+article, aside, details, figcaption, figure, 
+footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+:root {
+    --bs-dark: #000;
+    --bs-light: #fff;
+    --bs-gray: #67666a;
+    --bs-light-gray: #cccc;
+    --bs-pink: #ba007c;
+    --font: 'Montserrat',Helvetica,Arial,sans-serif;
+}
+body {
+	line-height: 1;
+    margin: 0;
+    font-family: var(--font);
+    display: block;
+    position: relative;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+figure {
+    margin: 0;
+    padding: 0;
+}
+
+.container {
+  width: 100%;
+  padding-right: var(--bs-gutter-x, 0.75rem);
+  padding-left: var(--bs-gutter-x, 0.75rem);
+  margin-right: auto;
+  margin-left: auto;
+}
+
+@media (min-width: 576px) {
+  .container {
+    max-width: 540px;
+  }
+}
+@media (min-width: 768px) {
+  .container {
+    max-width: 720px;
+  }
+}
+@media (min-width: 992px) {
+  .container {
+    max-width: 960px;
+  }
+}
+@media (min-width: 1200px) {
+  .container {
+    max-width: 1140px;
+  }
+}
+@media (min-width: 1400px) {
+  .container {
+    max-width: 1320px;
+  }
+}
+
+.text-center {
+    text-align: center;
+}
+.text-left {
+    text-align: left;
+}
+.text-right {
+    text-align: right;
+}
+.row {
+    display: flex;
+    flex-wrap: wrap;
+}
diff --git a/css/style.css b/css/style.css
new file mode 100644
index 00000000..3e006631
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,214 @@
+/*Topo*/
+.topo {
+    background-color: var(--bs-dark);
+    padding: 10px 0;
+}
+
+.header-page {
+    background-color: var(--bs-gray);
+    color: var(--bs-light);
+    padding: 20px 0;
+    margin-bottom: 40px;
+}
+
+/*Listagem do blog*/
+#lista-posts {
+    width: 100%;
+    margin-bottom: 50px;
+}
+#lista-posts a {
+    display: block;
+    overflow: hidden;
+    margin-bottom: 30px;
+    transition: 00.2s;
+}
+
+#lista-posts a .box-item-blog {
+    display: flex;
+    align-items: center;
+    border: 1px solid var(--bs-light-gray);
+    transition: 0.2s;
+    flex-wrap: wrap;
+}
+
+#lista-posts a .box-item-blog img {
+    display: block;
+    width: 40%;
+    height: auto;
+    margin-right: 3%;
+}
+#lista-posts a .box-item-blog figcaption {
+    width: 57%;
+    padding: 1rem;
+}
+
+#lista-posts a .box-item-blog h2 {
+    color: var(--bs-dark);
+}
+
+#lista-posts a .box-item-blog p {
+    color: var(--bs-gray);
+}
+
+#lista-posts a .box-item-blog h2,
+#lista-posts a .box-item-blog p {
+    transition: 0.2s;
+}   
+
+#lista-posts a:hover {
+    box-shadow: 10px 11px 30px 0px rgb(168 163 168 / 49%);
+}
+#lista-posts a:hover .box-item-blog h2,
+#lista-posts a:hover .box-item-blog p {
+    color: var(--bs-pink);
+}
+
+@media (max-width: 768px) {
+    #lista-posts a .box-item-blog img{
+        width: 40%;
+    }
+}
+@media (max-width: 600px) {
+    #lista-posts a .box-item-blog {
+        flex-direction: column;
+    }
+    #lista-posts a .box-item-blog img {
+        width: 100%;
+    }
+    #lista-posts a .box-item-blog figcaption {
+        width: 100%;
+        margin-top: 20px;
+    }
+}
+
+.box-btns {
+    display: flex;
+    width: 100%;
+    justify-content: center;
+}
+.btn {
+    display: block;
+    padding: 20px;
+    font-weight: 500;
+    background-color: var(--bs-pink);
+    color: var(--bs-light);
+    font-size: 1.2rem;
+    transition: 00.2s;
+    font-family: var(--font);
+    border: 0;
+    cursor: pointer;
+}
+.btn:hover {
+    background-color: var(--bs-dark);
+}
+#load-any-less {
+    margin-right: 1rem;
+}
+
+
+/*Interna*/
+#exibe-post {
+    width: 70%;
+}
+.wp-caption {
+    width: 100% !important;
+}
+.wp-caption img {
+    width: 100% !important;
+}
+.box-image-internal {
+    margin-bottom: 50px;
+}
+.box-image-internal img {
+    display: block;
+    width: 100%;
+}
+.content-blog {
+    justify-content: space-between;
+}
+
+.author {
+    display: flex;
+    border: 1px solid #ccc;
+    padding: 20px;
+    box-shadow: 10px 11px 30px 0px rgba(168,163,168,0.49);
+    border-radius: 20px;
+    margin-top: 40px;
+}
+.author img {
+    border-radius: 50%;
+    border: 6px solid var(--bs-pink);
+    margin-right: 1.2rem;
+    display: block;
+    width: 15%;
+}
+.author .box-text-author {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    width: 85%;
+}
+.author .box-text-author p.name {
+    font-weight: 700;
+    color: var(--bs-pink);
+    font-size: 20px;
+}
+.author .box-text-author p.description {
+    margin-bottom: 0;
+    color: var(--bs-gray);
+}
+@media (max-width: 1100px) {
+    .author img {
+        width: 40%;
+    }
+}
+
+@media (max-width: 576px) {
+    .author {
+        flex-direction: column;
+        align-items: center;
+    }
+    .author img {
+        width: 40%;
+    }
+    .author .box-text-author {
+        text-align: center;
+        margin-top: 10px;
+    }
+}
+/*Side bar*/
+.side-bar {
+    width: 24%;
+}
+.side-bar a {
+    display: block;
+    width: 100%;
+}
+.side-bar a img {
+    display: block;
+    padding: 20px;
+    border: 1px solid var(--bs-light-gray);
+    box-shadow: 10px 11px 30px 0px rgba(168,163,168,0.49);
+    width: 100%;
+}
+@media (max-width: 768px) {
+    .side-bar {
+        width: 100%;
+    }
+    #exibe-post {
+        width: 100%;
+    }
+}
+
+
+
+/*Footer*/
+footer {
+    background-color: var(--bs-dark);
+    margin-top: 100px;
+    padding: 50px 0;
+}
+footer p {
+    color: var(--bs-light);
+    margin: 0;
+}
diff --git a/index.html b/index.html
new file mode 100644
index 00000000..a78b244f
--- /dev/null
+++ b/index.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!-- Favicon-->
+    <link rel="icon" type="image/x-icon" href="assets/images/fav-icon.webp" />
+    <!-- Font Awesome icons (free version)-->
+    <script src="https://use.fontawesome.com/releases/v6.1.0/js/all.js" crossorigin="anonymous"></script>
+    <!-- Google fonts-->
+    <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900" rel="stylesheet" type="text/css" />
+    <link rel="stylesheet" href="css/reset.css">
+    <link rel="stylesheet" href="css/style.css">
+    <title>Blog Dev - Apiki</title>
+</head>
+<body>
+    <header class="topo">
+        <div class="container">
+            <div class="logo">
+                <a href="index.html">
+                    <img src="assets/images/marca-apiki-blog-h552.webp" alt="">
+                </a>
+            </div>
+            <nav></nav>
+        </div>
+    </header>
+    <section class="title-page">
+        <section class="header-page">
+            <section class="container">
+                <h1 class="text-center title-page">Blog Dev - Apiki</h1>
+            </section>
+        </section>
+    </section>
+    <section class="container">
+        <div class="row content-blog">
+            <div id="lista-posts" class="row">
+
+            </div>
+            
+            <div class="box-btns">
+                <button type="button" id="load-any-less" class="btn text-center" title="Carregar posts anteriores">Carregar posts anteriores</a>
+                <button type="button" id="load-more" class="btn text-center" title="Carregar mais posts">Carregar mais posts</a>
+            </div>
+        </div>
+    </section>
+    <footer>
+        <section class="container">
+            <p class="text-center">© 2022 Apiki - Empresa especializada em WordPress.</p>
+        </section>
+    </footer>
+    <script src="js/app.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/interna.html b/interna.html
new file mode 100644
index 00000000..e99db0ac
--- /dev/null
+++ b/interna.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!-- Favicon-->
+    <link rel="icon" type="image/x-icon" href="assets/images/fav-icon.webp" />
+    <!-- Font Awesome icons (free version)-->
+    <script src="https://use.fontawesome.com/releases/v6.1.0/js/all.js" crossorigin="anonymous"></script>
+    <!-- Google fonts-->
+    <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900" rel="stylesheet" type="text/css" />
+    <link rel="stylesheet" href="css/reset.css">
+    <link rel="stylesheet" href="css/style.css">
+    <title>Blog Dev - Apiki</title>
+</head>
+<body>
+    <header class="topo">
+        <div class="container">
+            <div class="logo">
+                <a href="index.html">
+                    <img src="assets/images/marca-apiki-blog-h552.webp" alt="">
+                </a>
+            </div>
+            <nav></nav>
+        </div>
+    </header>
+    <section class="header-page">
+        <section class="container">
+            <h1 class="text-center title-page"></h1>
+        </section>
+    </section>
+    <section class="container">
+        <div class="row content-blog">
+            <section id="exibe-post">
+
+            </section>
+            <aside class="side-bar">
+                <a href="https://blog.apiki.com/linkout/14837" target="_blank">
+                    <img src="assets/images/banner-infra-300x250-1.webp" alt="">
+                </a>
+            </aside>
+        </div>
+    </section>
+    <footer>
+        <section class="container">
+            <p class="text-center">© 2022 Apiki - Empresa especializada em WordPress.</p>
+        </section>
+    </footer>
+    <script src="js/interna.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/js/app.js b/js/app.js
new file mode 100644
index 00000000..6b69e245
--- /dev/null
+++ b/js/app.js
@@ -0,0 +1,71 @@
+const httprequest = new XMLHttpRequest();
+const listaPosts = document.querySelector("#lista-posts");
+
+httprequest.open("GET", "https://blog.apiki.com/wp-json/wp/v2/posts?_embed&categories=518");
+httprequest.send();
+
+
+let posts;
+httprequest.onreadystatechange = function(){
+    if(httprequest.readyState === 4 && httprequest.status === 200){
+        posts = JSON.parse(httprequest.response);
+        exibePosts();
+    } 
+}
+
+function exibePosts () {
+    let html = "";
+    posts.forEach((post) => {
+        html += `<a href="interna.html" title="${post.title.rendered}">
+                    <figure class="box-item-blog">
+                        <img src="${post._embedded['wp:featuredmedia'][0].media_details.sizes.medium_large.source_url}" alt="${post.title.rendered}"/>
+                        <figcaption>
+                            <h2>${post.title.rendered}</h2>
+                            <p><i class="fa-solid fa-user"></i>  By: ${post._embedded['author'][0].name}</p>
+                            <p>${post.excerpt.rendered}</p>
+                        </figcaption>
+                    </figure>
+                </a>`
+        
+    });
+    listaPosts.innerHTML = html;
+}
+
+const btCarregarMais = document.querySelector("#load-more");
+btCarregarMais.addEventListener("click", carregarMais);
+
+var page = 1
+function carregarMais() {
+    httprequest.open('GET', 'https://blog.apiki.com/wp-json/wp/v2/posts?_embed&categories=518&page=' + (page + 1), true)
+    httprequest.onload = function() {
+        var posts = JSON.parse(this.response)
+
+        if(httprequest.status === 200 && httprequest.status === 400) {
+            exibePosts(posts)
+        }
+    } 
+    httprequest.send()
+    page++
+    window.scrollTo(0,0)
+}
+
+const btCarregarAnteriores = document.querySelector("#load-any-less");
+btCarregarAnteriores.addEventListener("click", carregarAnteriores);
+
+var page = 1
+function carregarAnteriores() {
+    httprequest.open('GET', 'https://blog.apiki.com/wp-json/wp/v2/posts?_embed&categories=518&page=' + (page - 1), true)
+    httprequest.onload = function() {
+        var posts = JSON.parse(this.response)
+
+        if(httprequest.status === 200 && httprequest.status === 400) {
+            exibePosts(posts)
+        }
+    } 
+    httprequest.send()
+    page--
+    window.scrollTo(0,0)
+}
+
+
+
diff --git a/js/interna.js b/js/interna.js
new file mode 100644
index 00000000..76ea25f1
--- /dev/null
+++ b/js/interna.js
@@ -0,0 +1,40 @@
+const httprequest = new XMLHttpRequest();
+const listaPosts = document.querySelector("#exibe-post");
+const loadMore = document.querySelector(".btn-load-more");
+
+httprequest.open("GET", "https://blog.apiki.com/wp-json/wp/v2/posts?_embed&slug=wordpress-escolha-site-pequenas-empresas");
+httprequest.send();
+
+
+let post;
+httprequest.onreadystatechange = function(){
+    if(httprequest.readyState === 4 && httprequest.status === 200){
+        post = JSON.parse(httprequest.response);
+        exibePost();
+    } 
+}
+
+function exibePost () {
+    let html = "";
+    post.forEach((post) => {
+        //Altera h1 da página interna
+        document.querySelector(".title-page").innerHTML= post.title.rendered;
+
+        html += `<figure class="box-image-internal">
+                        <img src="${post._embedded['wp:featuredmedia'][0].media_details.sizes.medium_large.source_url}" alt="${post.title.rendered}"/>
+                    </figure>
+                    <article>${post.content.rendered}</article>
+                    <div class="author">
+                        <img src="${post._embedded['author'][0].avatar_urls['96']}" alt="${post._embedded['author'][0].name}"/>
+                        <div class="box-text-author">
+                            <p class="name">${post._embedded['author'][0].name}</p>
+                            <p class="description">${post._embedded['author'][0].description}</p>
+                        </div>
+                    </div>`
+    });
+    listaPosts.innerHTML = html;
+}
+
+
+
+

From 2f368e195c7c1eab934e8758e1d28f9883538fee Mon Sep 17 00:00:00 2001
From: marcoslongo <marcosv.longo@gmail.com>
Date: Thu, 20 Oct 2022 22:00:27 -0300
Subject: [PATCH 02/11] update

---
 index.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/index.html b/index.html
index a78b244f..3966a91e 100644
--- a/index.html
+++ b/index.html
@@ -12,6 +12,7 @@
     <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900" rel="stylesheet" type="text/css" />
     <link rel="stylesheet" href="css/reset.css">
     <link rel="stylesheet" href="css/style.css">
+    <meta name="theme-color" content="#000">
     <title>Blog Dev - Apiki</title>
 </head>
 <body>

From 496ae527094454aba02e06c61b52d7cce4a3a651 Mon Sep 17 00:00:00 2001
From: marcoslongo <marcosv.longo@gmail.com>
Date: Thu, 20 Oct 2022 22:06:37 -0300
Subject: [PATCH 03/11] update

---
 interna.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/interna.html b/interna.html
index e99db0ac..d47416d7 100644
--- a/interna.html
+++ b/interna.html
@@ -12,6 +12,7 @@
     <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900" rel="stylesheet" type="text/css" />
     <link rel="stylesheet" href="css/reset.css">
     <link rel="stylesheet" href="css/style.css">
+    <meta name="theme-color" content="#000">
     <title>Blog Dev - Apiki</title>
 </head>
 <body>

From f6cc6a170416fa8317470eaf6f42362afac52e95 Mon Sep 17 00:00:00 2001
From: marcoslongo <marcosv.longo@gmail.com>
Date: Fri, 21 Oct 2022 17:20:41 -0300
Subject: [PATCH 04/11] Ajuste das rotas

---
 css/style.css |  9 ++++---
 js/app.js     | 71 ++++++++++++++++++++++++++-------------------------
 js/interna.js |  6 +++--
 3 files changed, 46 insertions(+), 40 deletions(-)

diff --git a/css/style.css b/css/style.css
index 3e006631..5f0aadde 100644
--- a/css/style.css
+++ b/css/style.css
@@ -110,12 +110,14 @@
 #exibe-post {
     width: 70%;
 }
-.wp-caption {
-    width: 100% !important;
-}
+.wp-block-image,
+.wp-block-image img,
+.wp-caption,
 .wp-caption img {
     width: 100% !important;
+    height: auto !important;
 }
+
 .box-image-internal {
     margin-bottom: 50px;
 }
@@ -127,6 +129,7 @@
     justify-content: space-between;
 }
 
+
 .author {
     display: flex;
     border: 1px solid #ccc;
diff --git a/js/app.js b/js/app.js
index 6b69e245..2bc6319a 100644
--- a/js/app.js
+++ b/js/app.js
@@ -5,18 +5,19 @@ httprequest.open("GET", "https://blog.apiki.com/wp-json/wp/v2/posts?_embed&categ
 httprequest.send();
 
 
+
 let posts;
-httprequest.onreadystatechange = function(){
-    if(httprequest.readyState === 4 && httprequest.status === 200){
-        posts = JSON.parse(httprequest.response);
-        exibePosts();
-    } 
+httprequest.onreadystatechange = function() {
+	if (httprequest.readyState === 4 && httprequest.status === 200) {
+		posts = JSON.parse(httprequest.response);
+		exibePosts();
+	}
 }
 
-function exibePosts () {
-    let html = "";
-    posts.forEach((post) => {
-        html += `<a href="interna.html" title="${post.title.rendered}">
+function exibePosts() {
+	let html = "";
+	posts.forEach((post) => {
+		html += `<a href="interna.html?slug=${post.slug}" title="${post.title.rendered}">
                     <figure class="box-item-blog">
                         <img src="${post._embedded['wp:featuredmedia'][0].media_details.sizes.medium_large.source_url}" alt="${post.title.rendered}"/>
                         <figcaption>
@@ -26,46 +27,46 @@ function exibePosts () {
                         </figcaption>
                     </figure>
                 </a>`
-        
-    });
-    listaPosts.innerHTML = html;
+	});
+    
+	listaPosts.innerHTML = html;
 }
 
 const btCarregarMais = document.querySelector("#load-more");
 btCarregarMais.addEventListener("click", carregarMais);
 
 var page = 1
+
 function carregarMais() {
-    httprequest.open('GET', 'https://blog.apiki.com/wp-json/wp/v2/posts?_embed&categories=518&page=' + (page + 1), true)
-    httprequest.onload = function() {
-        var posts = JSON.parse(this.response)
+	httprequest.open('GET', 'https://blog.apiki.com/wp-json/wp/v2/posts?_embed&categories=518&page=' + (page + 1), true)
+	httprequest.onload = function() {
+		var posts = JSON.parse(this.response)
 
-        if(httprequest.status === 200 && httprequest.status === 400) {
-            exibePosts(posts)
-        }
-    } 
-    httprequest.send()
-    page++
-    window.scrollTo(0,0)
+		if (httprequest.status === 200 && httprequest.status === 400) {
+			exibePosts(posts)
+		}
+	}
+	httprequest.send()
+	page++
+	window.scrollTo(0, 0)
 }
 
 const btCarregarAnteriores = document.querySelector("#load-any-less");
 btCarregarAnteriores.addEventListener("click", carregarAnteriores);
 
 var page = 1
+
 function carregarAnteriores() {
-    httprequest.open('GET', 'https://blog.apiki.com/wp-json/wp/v2/posts?_embed&categories=518&page=' + (page - 1), true)
-    httprequest.onload = function() {
-        var posts = JSON.parse(this.response)
+	httprequest.open('GET', 'https://blog.apiki.com/wp-json/wp/v2/posts?_embed&categories=518&page=' + (page - 1), true)
+	httprequest.onload = function() {
+		var posts = JSON.parse(this.response)
 
-        if(httprequest.status === 200 && httprequest.status === 400) {
-            exibePosts(posts)
-        }
-    } 
-    httprequest.send()
-    page--
-    window.scrollTo(0,0)
+		if (httprequest.status === 200 && httprequest.status === 400) {
+			exibePosts(posts);
+            
+		}
+	}
+	httprequest.send()
+	page--
+	window.scrollTo(0, 0)
 }
-
-
-
diff --git a/js/interna.js b/js/interna.js
index 76ea25f1..e6b50c88 100644
--- a/js/interna.js
+++ b/js/interna.js
@@ -1,8 +1,10 @@
 const httprequest = new XMLHttpRequest();
 const listaPosts = document.querySelector("#exibe-post");
-const loadMore = document.querySelector(".btn-load-more");
 
-httprequest.open("GET", "https://blog.apiki.com/wp-json/wp/v2/posts?_embed&slug=wordpress-escolha-site-pequenas-empresas");
+const params = new URL(location.href).searchParams;
+const slug = params.get('slug');
+
+httprequest.open("GET", "https://blog.apiki.com/wp-json/wp/v2/posts?_embed&slug="+slug);
 httprequest.send();
 
 

From 7614098d2473d91fe4554325cef9804f64818391 Mon Sep 17 00:00:00 2001
From: marcoslongo <marcosv.longo@gmail.com>
Date: Fri, 21 Oct 2022 21:03:01 -0300
Subject: [PATCH 05/11] Ajustes carregar mais posts

---
 css/style.css |  3 ---
 index.html    |  1 -
 js/app.js     | 23 +----------------------
 3 files changed, 1 insertion(+), 26 deletions(-)

diff --git a/css/style.css b/css/style.css
index 5f0aadde..3d8bd3d2 100644
--- a/css/style.css
+++ b/css/style.css
@@ -101,9 +101,6 @@
 .btn:hover {
     background-color: var(--bs-dark);
 }
-#load-any-less {
-    margin-right: 1rem;
-}
 
 
 /*Interna*/
diff --git a/index.html b/index.html
index 3966a91e..140c3222 100644
--- a/index.html
+++ b/index.html
@@ -40,7 +40,6 @@ <h1 class="text-center title-page">Blog Dev - Apiki</h1>
             </div>
             
             <div class="box-btns">
-                <button type="button" id="load-any-less" class="btn text-center" title="Carregar posts anteriores">Carregar posts anteriores</a>
                 <button type="button" id="load-more" class="btn text-center" title="Carregar mais posts">Carregar mais posts</a>
             </div>
         </div>
diff --git a/js/app.js b/js/app.js
index 2bc6319a..8607e0e6 100644
--- a/js/app.js
+++ b/js/app.js
@@ -29,7 +29,7 @@ function exibePosts() {
                 </a>`
 	});
     
-	listaPosts.innerHTML = html;
+	listaPosts.innerHTML += html;
 }
 
 const btCarregarMais = document.querySelector("#load-more");
@@ -48,25 +48,4 @@ function carregarMais() {
 	}
 	httprequest.send()
 	page++
-	window.scrollTo(0, 0)
-}
-
-const btCarregarAnteriores = document.querySelector("#load-any-less");
-btCarregarAnteriores.addEventListener("click", carregarAnteriores);
-
-var page = 1
-
-function carregarAnteriores() {
-	httprequest.open('GET', 'https://blog.apiki.com/wp-json/wp/v2/posts?_embed&categories=518&page=' + (page - 1), true)
-	httprequest.onload = function() {
-		var posts = JSON.parse(this.response)
-
-		if (httprequest.status === 200 && httprequest.status === 400) {
-			exibePosts(posts);
-            
-		}
-	}
-	httprequest.send()
-	page--
-	window.scrollTo(0, 0)
 }

From 2b7042cacdd91d1768212e3735de6fdbb6355c22 Mon Sep 17 00:00:00 2001
From: marcoslongo <marcosv.longo@gmail.com>
Date: Fri, 21 Oct 2022 21:58:09 -0300
Subject: [PATCH 06/11] =?UTF-8?q?Implementa=C3=A7=C3=A3o=20do=20loader=20n?=
 =?UTF-8?q?as=20paginas?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/style.css |  4 ++++
 index.html    | 16 +++++++++++++++-
 interna.html  | 16 +++++++++++++++-
 js/app.js     | 11 ++++-------
 js/interna.js |  8 +++-----
 js/loader.js  |  4 ++++
 6 files changed, 45 insertions(+), 14 deletions(-)
 create mode 100644 js/loader.js

diff --git a/css/style.css b/css/style.css
index 3d8bd3d2..048444fa 100644
--- a/css/style.css
+++ b/css/style.css
@@ -15,6 +15,7 @@
 #lista-posts {
     width: 100%;
     margin-bottom: 50px;
+    justify-content: center;
 }
 #lista-posts a {
     display: block;
@@ -106,6 +107,9 @@
 /*Interna*/
 #exibe-post {
     width: 70%;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
 }
 .wp-block-image,
 .wp-block-image img,
diff --git a/index.html b/index.html
index 140c3222..a1f31f9e 100644
--- a/index.html
+++ b/index.html
@@ -36,7 +36,20 @@ <h1 class="text-center title-page">Blog Dev - Apiki</h1>
     <section class="container">
         <div class="row content-blog">
             <div id="lista-posts" class="row">
-
+                <div id="loader" class="loader loader--style2" title="1">
+                    <svg version="1.1" id="loader-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+                       width="100px" height="100px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve">
+                    <path fill="#000" d="M25.251,6.461c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615V6.461z">
+                      <animateTransform attributeType="xml"
+                        attributeName="transform"
+                        type="rotate"
+                        from="0 25 25"
+                        to="360 25 25"
+                        dur="0.6s"
+                        repeatCount="indefinite"/>
+                      </path>
+                    </svg>
+                </div>
             </div>
             
             <div class="box-btns">
@@ -50,5 +63,6 @@ <h1 class="text-center title-page">Blog Dev - Apiki</h1>
         </section>
     </footer>
     <script src="js/app.js"></script>
+    <script src="js/loader.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/interna.html b/interna.html
index d47416d7..f6e1260e 100644
--- a/interna.html
+++ b/interna.html
@@ -34,7 +34,20 @@ <h1 class="text-center title-page"></h1>
     <section class="container">
         <div class="row content-blog">
             <section id="exibe-post">
-
+                <div id="loader" class="loader loader--style2" title="1">
+                    <svg version="1.1" id="loader-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+                       width="100px" height="100px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve">
+                    <path fill="#000" d="M25.251,6.461c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615V6.461z">
+                      <animateTransform attributeType="xml"
+                        attributeName="transform"
+                        type="rotate"
+                        from="0 25 25"
+                        to="360 25 25"
+                        dur="0.6s"
+                        repeatCount="indefinite"/>
+                      </path>
+                    </svg>
+                </div>
             </section>
             <aside class="side-bar">
                 <a href="https://blog.apiki.com/linkout/14837" target="_blank">
@@ -49,5 +62,6 @@ <h1 class="text-center title-page"></h1>
         </section>
     </footer>
     <script src="js/interna.js"></script>
+    <script src="js/loader.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/js/app.js b/js/app.js
index 8607e0e6..dd2a1717 100644
--- a/js/app.js
+++ b/js/app.js
@@ -14,6 +14,7 @@ httprequest.onreadystatechange = function() {
 	}
 }
 
+
 function exibePosts() {
 	let html = "";
 	posts.forEach((post) => {
@@ -22,7 +23,7 @@ function exibePosts() {
                         <img src="${post._embedded['wp:featuredmedia'][0].media_details.sizes.medium_large.source_url}" alt="${post.title.rendered}"/>
                         <figcaption>
                             <h2>${post.title.rendered}</h2>
-                            <p><i class="fa-solid fa-user"></i>  By: ${post._embedded['author'][0].name}</p>
+                            <p><i class="fa-solid fa-pen"></i>  By: ${post._embedded['author'][0].name}</p>
                             <p>${post.excerpt.rendered}</p>
                         </figcaption>
                     </figure>
@@ -35,17 +36,13 @@ function exibePosts() {
 const btCarregarMais = document.querySelector("#load-more");
 btCarregarMais.addEventListener("click", carregarMais);
 
-var page = 1
-
+let page = 1
 function carregarMais() {
 	httprequest.open('GET', 'https://blog.apiki.com/wp-json/wp/v2/posts?_embed&categories=518&page=' + (page + 1), true)
 	httprequest.onload = function() {
-		var posts = JSON.parse(this.response)
-
 		if (httprequest.status === 200 && httprequest.status === 400) {
-			exibePosts(posts)
+			exibePosts()
 		}
 	}
 	httprequest.send()
-	page++
 }
diff --git a/js/interna.js b/js/interna.js
index e6b50c88..f57feeb6 100644
--- a/js/interna.js
+++ b/js/interna.js
@@ -8,6 +8,7 @@ httprequest.open("GET", "https://blog.apiki.com/wp-json/wp/v2/posts?_embed&slug=
 httprequest.send();
 
 
+
 let post;
 httprequest.onreadystatechange = function(){
     if(httprequest.readyState === 4 && httprequest.status === 200){
@@ -16,6 +17,7 @@ httprequest.onreadystatechange = function(){
     } 
 }
 
+
 function exibePost () {
     let html = "";
     post.forEach((post) => {
@@ -35,8 +37,4 @@ function exibePost () {
                     </div>`
     });
     listaPosts.innerHTML = html;
-}
-
-
-
-
+}
\ No newline at end of file
diff --git a/js/loader.js b/js/loader.js
new file mode 100644
index 00000000..8e3cc634
--- /dev/null
+++ b/js/loader.js
@@ -0,0 +1,4 @@
+const loader = document.querySelector("#loader");
+window.onload = function () {
+    loader.parentNode.removeChild(loader);
+}
\ No newline at end of file

From 71a5eb74e3c90d0fdefdc2f3d731a3eff141ae80 Mon Sep 17 00:00:00 2001
From: marcoslongo <marcosv.longo@gmail.com>
Date: Fri, 21 Oct 2022 22:08:47 -0300
Subject: [PATCH 07/11] update

---
 css/style.css | 1 +
 js/app.js     | 1 -
 2 files changed, 1 insertion(+), 1 deletion(-)

diff --git a/css/style.css b/css/style.css
index 048444fa..c69e7d26 100644
--- a/css/style.css
+++ b/css/style.css
@@ -120,6 +120,7 @@
 }
 
 .box-image-internal {
+    width: 100%;
     margin-bottom: 50px;
 }
 .box-image-internal img {
diff --git a/js/app.js b/js/app.js
index dd2a1717..f9e3374e 100644
--- a/js/app.js
+++ b/js/app.js
@@ -29,7 +29,6 @@ function exibePosts() {
                     </figure>
                 </a>`
 	});
-    
 	listaPosts.innerHTML += html;
 }
 

From 0812d3cfe8b28cd27c9a00b5eeb19a803a64e395 Mon Sep 17 00:00:00 2001
From: marcoslongo <marcosv.longo@gmail.com>
Date: Sat, 22 Oct 2022 10:06:52 -0300
Subject: [PATCH 08/11] ajustes

---
 css/style.css |  3 +++
 js/app.js     |  7 +++++--
 js/interna.js | 21 ++++++++++-----------
 3 files changed, 18 insertions(+), 13 deletions(-)

diff --git a/css/style.css b/css/style.css
index c69e7d26..12544552 100644
--- a/css/style.css
+++ b/css/style.css
@@ -111,6 +111,9 @@
     align-items: center;
     flex-direction: column;
 }
+#exibe-post article {
+    width: 100%;
+}
 .wp-block-image,
 .wp-block-image img,
 .wp-caption,
diff --git a/js/app.js b/js/app.js
index f9e3374e..da8762d1 100644
--- a/js/app.js
+++ b/js/app.js
@@ -14,7 +14,6 @@ httprequest.onreadystatechange = function() {
 	}
 }
 
-
 function exibePosts() {
 	let html = "";
 	posts.forEach((post) => {
@@ -23,12 +22,13 @@ function exibePosts() {
                         <img src="${post._embedded['wp:featuredmedia'][0].media_details.sizes.medium_large.source_url}" alt="${post.title.rendered}"/>
                         <figcaption>
                             <h2>${post.title.rendered}</h2>
-                            <p><i class="fa-solid fa-pen"></i>  By: ${post._embedded['author'][0].name}</p>
+                            <p><i class="fa-solid fa-user"></i>  By: ${post._embedded['author'][0].name}</p>
                             <p>${post.excerpt.rendered}</p>
                         </figcaption>
                     </figure>
                 </a>`
 	});
+    
 	listaPosts.innerHTML += html;
 }
 
@@ -36,12 +36,15 @@ const btCarregarMais = document.querySelector("#load-more");
 btCarregarMais.addEventListener("click", carregarMais);
 
 let page = 1
+
 function carregarMais() {
 	httprequest.open('GET', 'https://blog.apiki.com/wp-json/wp/v2/posts?_embed&categories=518&page=' + (page + 1), true)
 	httprequest.onload = function() {
+
 		if (httprequest.status === 200 && httprequest.status === 400) {
 			exibePosts()
 		}
 	}
 	httprequest.send()
+	page++
 }
diff --git a/js/interna.js b/js/interna.js
index f57feeb6..8cec85bb 100644
--- a/js/interna.js
+++ b/js/interna.js
@@ -17,7 +17,6 @@ httprequest.onreadystatechange = function(){
     } 
 }
 
-
 function exibePost () {
     let html = "";
     post.forEach((post) => {
@@ -25,16 +24,16 @@ function exibePost () {
         document.querySelector(".title-page").innerHTML= post.title.rendered;
 
         html += `<figure class="box-image-internal">
-                        <img src="${post._embedded['wp:featuredmedia'][0].media_details.sizes.medium_large.source_url}" alt="${post.title.rendered}"/>
-                    </figure>
-                    <article>${post.content.rendered}</article>
-                    <div class="author">
-                        <img src="${post._embedded['author'][0].avatar_urls['96']}" alt="${post._embedded['author'][0].name}"/>
-                        <div class="box-text-author">
-                            <p class="name">${post._embedded['author'][0].name}</p>
-                            <p class="description">${post._embedded['author'][0].description}</p>
-                        </div>
-                    </div>`
+                    <img src="${post._embedded['wp:featuredmedia'][0].media_details.sizes.medium_large.source_url}" alt="${post.title.rendered}"/>
+                </figure>
+                <article>${post.content.rendered}</article>
+                <div class="author">
+                    <img src="${post._embedded['author'][0].avatar_urls['96']}" alt="${post._embedded['author'][0].name}"/>
+                    <div class="box-text-author">
+                        <p class="name">${post._embedded['author'][0].name}</p>
+                        <p class="description">${post._embedded['author'][0].description}</p>
+                    </div>
+                </div>`
     });
     listaPosts.innerHTML = html;
 }
\ No newline at end of file

From be93b95a52e90dc735a89347de0a7c380fee42eb Mon Sep 17 00:00:00 2001
From: marcoslongo <marcosv.longo@gmail.com>
Date: Sat, 22 Oct 2022 10:15:26 -0300
Subject: [PATCH 09/11] update

---
 js/app.js                    | 2 +-
 js/{interna.js => single.js} | 0
 interna.html => single.html  | 2 +-
 3 files changed, 2 insertions(+), 2 deletions(-)
 rename js/{interna.js => single.js} (100%)
 rename interna.html => single.html (98%)

diff --git a/js/app.js b/js/app.js
index da8762d1..c94a4047 100644
--- a/js/app.js
+++ b/js/app.js
@@ -17,7 +17,7 @@ httprequest.onreadystatechange = function() {
 function exibePosts() {
 	let html = "";
 	posts.forEach((post) => {
-		html += `<a href="interna.html?slug=${post.slug}" title="${post.title.rendered}">
+		html += `<a href="single.html?slug=${post.slug}" title="${post.title.rendered}">
                     <figure class="box-item-blog">
                         <img src="${post._embedded['wp:featuredmedia'][0].media_details.sizes.medium_large.source_url}" alt="${post.title.rendered}"/>
                         <figcaption>
diff --git a/js/interna.js b/js/single.js
similarity index 100%
rename from js/interna.js
rename to js/single.js
diff --git a/interna.html b/single.html
similarity index 98%
rename from interna.html
rename to single.html
index f6e1260e..4373602d 100644
--- a/interna.html
+++ b/single.html
@@ -61,7 +61,7 @@ <h1 class="text-center title-page"></h1>
             <p class="text-center">© 2022 Apiki - Empresa especializada em WordPress.</p>
         </section>
     </footer>
-    <script src="js/interna.js"></script>
+    <script src="js/single.js"></script>
     <script src="js/loader.js"></script>
 </body>
 </html>
\ No newline at end of file

From 93df349f0aa2ef76138f744feeeb2ef5b820431c Mon Sep 17 00:00:00 2001
From: marcoslongo <marcosv.longo@gmail.com>
Date: Sat, 22 Oct 2022 10:17:01 -0300
Subject: [PATCH 10/11] update

---
 index.html              | 2 +-
 js/{app.js => index.js} | 0
 2 files changed, 1 insertion(+), 1 deletion(-)
 rename js/{app.js => index.js} (100%)

diff --git a/index.html b/index.html
index a1f31f9e..df98f3fc 100644
--- a/index.html
+++ b/index.html
@@ -62,7 +62,7 @@ <h1 class="text-center title-page">Blog Dev - Apiki</h1>
             <p class="text-center">© 2022 Apiki - Empresa especializada em WordPress.</p>
         </section>
     </footer>
-    <script src="js/app.js"></script>
+    <script src="js/index.js"></script>
     <script src="js/loader.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/js/app.js b/js/index.js
similarity index 100%
rename from js/app.js
rename to js/index.js

From bdd6d190232c2c8e4551c2503b693a4da435634a Mon Sep 17 00:00:00 2001
From: marcoslongo <marcosv.longo@gmail.com>
Date: Sat, 22 Oct 2022 11:08:44 -0300
Subject: [PATCH 11/11] update

---
 css/style.css | 4 ++++
 js/index.js   | 6 +++---
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/css/style.css b/css/style.css
index 12544552..2fc69d69 100644
--- a/css/style.css
+++ b/css/style.css
@@ -37,6 +37,7 @@
     width: 40%;
     height: auto;
     margin-right: 3%;
+    transition: .2s;
 }
 #lista-posts a .box-item-blog figcaption {
     width: 57%;
@@ -59,6 +60,9 @@
 #lista-posts a:hover {
     box-shadow: 10px 11px 30px 0px rgb(168 163 168 / 49%);
 }
+#lista-posts a:hover img {
+    transform: scale(1.1);
+}
 #lista-posts a:hover .box-item-blog h2,
 #lista-posts a:hover .box-item-blog p {
     color: var(--bs-pink);
diff --git a/js/index.js b/js/index.js
index c94a4047..ad0f1f7a 100644
--- a/js/index.js
+++ b/js/index.js
@@ -4,8 +4,6 @@ const listaPosts = document.querySelector("#lista-posts");
 httprequest.open("GET", "https://blog.apiki.com/wp-json/wp/v2/posts?_embed&categories=518");
 httprequest.send();
 
-
-
 let posts;
 httprequest.onreadystatechange = function() {
 	if (httprequest.readyState === 4 && httprequest.status === 200) {
@@ -42,9 +40,11 @@ function carregarMais() {
 	httprequest.onload = function() {
 
 		if (httprequest.status === 200 && httprequest.status === 400) {
-			exibePosts()
+			exibePosts();
 		}
 	}
 	httprequest.send()
 	page++
 }
+
+