From deb0052b7abad7b06a8dd725acbda78d7a6fd8d7 Mon Sep 17 00:00:00 2001 From: JoaoVazMello <144739103+JoaoVazMello@users.noreply.github.com> Date: Tue, 21 Nov 2023 10:07:07 -0300 Subject: [PATCH] =?UTF-8?q?Adicionando=20f=C3=B3rum?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Fórum Comentários e curtidas nos posts --- src/forum/DetalhesForum.html | 105 ++++++++++ src/forum/assets/css/style.css | 298 +++++++++++++++++++++++++++ src/forum/assets/css/style2.css | 287 ++++++++++++++++++++++++++ src/forum/assets/css/style3.css | 348 +++++++++++++++++++++++++++++++ src/forum/assets/css/style4.css | 349 ++++++++++++++++++++++++++++++++ src/forum/assets/css/style5.css | 310 ++++++++++++++++++++++++++++ src/forum/assets/img/gostar.png | Bin 0 -> 8948 bytes src/forum/assets/js/app.js | 110 ++++++++++ src/forum/assets/js/app2.js | 50 +++++ src/forum/cadastrodepost.html | 122 +++++++++++ src/forum/deletepost.html | 89 ++++++++ src/forum/index.html | 80 ++++++++ src/forum/updatepost.html | 136 +++++++++++++ 13 files changed, 2284 insertions(+) create mode 100644 src/forum/DetalhesForum.html create mode 100644 src/forum/assets/css/style.css create mode 100644 src/forum/assets/css/style2.css create mode 100644 src/forum/assets/css/style3.css create mode 100644 src/forum/assets/css/style4.css create mode 100644 src/forum/assets/css/style5.css create mode 100644 src/forum/assets/img/gostar.png create mode 100644 src/forum/assets/js/app.js create mode 100644 src/forum/assets/js/app2.js create mode 100644 src/forum/cadastrodepost.html create mode 100644 src/forum/deletepost.html create mode 100644 src/forum/index.html create mode 100644 src/forum/updatepost.html diff --git a/src/forum/DetalhesForum.html b/src/forum/DetalhesForum.html new file mode 100644 index 0000000..901b6c3 --- /dev/null +++ b/src/forum/DetalhesForum.html @@ -0,0 +1,105 @@ + + + + + + + + Tela de cadastro + + + + +
+ + + + + + + + +
+ +
+
+

Essa parte sera feita quando houver a junçao de todas as partes

+ +
+ +

Descriçao

+ +

Essa parte sera feita quando houver a junçao de todas as partes

+ +

Categoria

+

Essa parte sera feita quando houver a junçao de todas as partes

+
+ + + +
+ +
+ + + + + + + + \ No newline at end of file diff --git a/src/forum/assets/css/style.css b/src/forum/assets/css/style.css new file mode 100644 index 0000000..e0a34f6 --- /dev/null +++ b/src/forum/assets/css/style.css @@ -0,0 +1,298 @@ +@import url('https://fonts.googleapis.com/css2?family=Bungee&display=swap'); +@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap"); + +:root { + --principal-blue: #1372bf; + --white: #f9f9f9; + --light-grey: #cccccc; + --grey: #858585; + --black: #2C2C2C; + --light-blue: #88FFFF; + --light-yellow: #FFFC5C; + --light-red: #FF5544; + --light-green: #55AA55; +} + +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + background-color: var(--white); + font-family: "Poppins", sans-serif; +} + +h1 { + margin-top: 20px; + text-align: center; +} + +h2 { + display: block; + margin: 1em auto 0.5em; + font-size: 2em; + text-align: start; +} + +h3 { + width: 100%; + margin: 1em 0 .5em; + font-size: 1.4em; + color: var(--white); +} + +a { + text-decoration: none; +} + +ul { + list-style: none; +} + +/* HEADER */ +header { + position: sticky; + top: 0; + width: 100%; + padding: 1em 0; + z-index: 1; + background-color: var(--black); +} + +.logo { + display: inline-block; + margin-left: 20px; + color: var(--principal-blue); + font-size: 1.5em; + font-family: 'Bungee', sans-serif; +} + +nav { + position: fixed; + width: 100%; + height: 100%; + max-height: 0; + overflow: hidden; + background-color: var(--black); + transition: max-height .5s ease-out; +} + +.menu a { + display: block; + padding: 10px 25px; + color: var(--white); +} + +nav ul { + margin: 0 20px; +} + +nav ul li{ + margin: 0 3px; +} + +nav ul li:hover, +nav ul li:last-child { + background: var(--principal-blue); + transition: .5s linear; +} + +.hamb { + margin: 0 2em; + padding: 20px 20px; + float: right; + cursor: pointer; +} + +.hamb-line { + display: block; + position: relative; + width: 24px; + height: 3px; + background: var(--white); +} + +.hamb-line::before, +.hamb-line::after { + display: block; + position: absolute; + width: 100%; + height: 100%; + content: ''; + background: var(--white); + transition: all .2s ease-out; +} + +.hamb-line::before { + top: 7px; +} + +.hamb-line::after { + top: -7px; +} + +.side-menu { + display: none; +} + +.side-menu:checked ~ nav { + max-height: 100%; +} + +.side-menu:checked ~ .hamb .hamb-line { + background: transparent; +} + +.side-menu:checked ~ .hamb .hamb-line::before { + top:0; + transform: rotate(-45deg); +} + +.side-menu:checked ~ .hamb .hamb-line::after { + top:0; + transform: rotate(45deg); +} + +@media (min-width: 768px) { + nav { + position: relative; + width: fit-content; + max-height: none; + top: 0; + float: right; + background-color: transparent; + } + + .menu li { + float: left; + } + + .hamb { + display: none; + } +} + +/* MAIN CONTENT */ + +main section{ + margin: 10px; +} + +main section div{ + display: inline-block; + margin: 10px; + font-size: large; +} + +main section div h2{ + position: relative; + font-size: 30pt; + top: 10px; + left: 40px; +} + +main section div div + div{ + position: relative; + padding: 10px; + bottom: 20px; + left: 850px; +} + +main section div + div button{ + position: relative; + left: 50px; + padding: 10px; + border-radius: 10px; +} + +main section div div + div button:hover{ + padding: 10px; + border-radius: 10px; + background-color: rgb(81, 195, 81); +} + +main article{ + background-color: rgba(228, 225, 225, 0.891); + margin: 0px auto 40px; + padding: 20px; + width: 80%; + height: auto; + border-radius: 40px; +} + +.foto{ + margin-right: 60px; + float: right; + position: relative; + left: 20px; +} + +.quantidade{ + float: right; + position: relative; + right: 18px; + top: 8px; +} + +/* FOOTER */ +footer { + display: grid; + grid-template-columns: 4fr 3fr; + margin-top: 3em; + padding: 1em 4em 3em; + background-color: var(--black); + color: var(--light-grey); +} + +footer section { + display: flex; + width: 100%; + min-height: 15em; + padding: 0 2em; + flex-direction: column; +} + +footer section p { + margin-top: .5em; + text-align: justify; +} + +footer section li { + list-style: none; +} + +footer section li a { + font-weight: bold; + text-decoration: underline; + color: inherit; +} + +@media screen and (max-width: 1024px) { + footer { + padding: 1em; + } +} + +@media screen and (max-width: 768px) { + footer { + grid-template-columns: 1fr; + padding: 0; + } +} + +#posts a { + color: inherit; +} + +#posts h4 { + text-transform: capitalize; +} + +#posts span { + float: right; + background-color: var(--light-grey); + padding: 5px 10px; + border-radius: 1vmax; +} diff --git a/src/forum/assets/css/style2.css b/src/forum/assets/css/style2.css new file mode 100644 index 0000000..47019a8 --- /dev/null +++ b/src/forum/assets/css/style2.css @@ -0,0 +1,287 @@ +@import url('https://fonts.googleapis.com/css2?family=Bungee&display=swap'); +@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap"); + +:root { + --principal-blue: #1372bf; + --white: #f9f9f9; + --light-grey: #cccccc; + --grey: #858585; + --black: #2C2C2C; + --light-blue: #88FFFF; + --light-yellow: #FFFC5C; + --light-red: #FF5544; + --light-green: #55AA55; +} + +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + background-color: var(--white); + font-family: "Poppins", sans-serif; +} + +h1 { + margin-top: 20px; + text-align: center; +} + +h2 { + display: block; + margin: 1em auto 0.5em; + font-size: 2em; + text-align: start; +} + +h3 { + width: 100%; + margin: 1em 0 .5em; + font-size: 1.4em; + color: var(--white); +} + +a { + text-decoration: none; +} + +ul { + list-style: none; +} + +/* HEADER */ +header { + position: sticky; + top: 0; + width: 100%; + padding: 1em 0; + z-index: 1; + background-color: var(--black); +} + +.logo { + display: inline-block; + margin-left: 20px; + color: var(--principal-blue); + font-size: 1.5em; + font-family: 'Bungee', sans-serif; +} + +nav { + position: fixed; + width: 100%; + height: 100%; + max-height: 0; + overflow: hidden; + background-color: var(--black); + transition: max-height .5s ease-out; +} + +.menu a { + display: block; + padding: 10px 25px; + color: var(--white); +} + +nav ul { + margin: 0 20px; +} + +nav ul li{ + margin: 0 3px; +} + +nav ul li:hover, +nav ul li:last-child { + background: var(--principal-blue); + transition: .5s linear; +} + +.hamb { + margin: 0 2em; + padding: 20px 20px; + float: right; + cursor: pointer; +} + +.hamb-line { + display: block; + position: relative; + width: 24px; + height: 3px; + background: var(--white); +} + +.hamb-line::before, +.hamb-line::after { + display: block; + position: absolute; + width: 100%; + height: 100%; + content: ''; + background: var(--white); + transition: all .2s ease-out; +} + +.hamb-line::before { + top: 7px; +} + +.hamb-line::after { + top: -7px; +} + +.side-menu { + display: none; +} + +.side-menu:checked ~ nav { + max-height: 100%; +} + +.side-menu:checked ~ .hamb .hamb-line { + background: transparent; +} + +.side-menu:checked ~ .hamb .hamb-line::before { + top:0; + transform: rotate(-45deg); +} + +.side-menu:checked ~ .hamb .hamb-line::after { + top:0; + transform: rotate(45deg); +} + +@media (min-width: 768px) { + nav { + position: relative; + width: fit-content; + max-height: none; + top: 0; + float: right; + background-color: transparent; + } + + .menu li { + float: left; + } + + .hamb { + display: none; + } +} + +/* MAIN CONTENT */ + +main section div{ + font-size: larger; + position: relative; + left: 20px; +} + +main article form div{ + background-color: rgba(228, 225, 225, 0.891); + justify-content: center; + position: relative; + left: 350px; + width: 40%; + padding: 30px; + border-radius: 30px; +} + +main article form div h4{ + font-size: 15pt; + text-align: center; + margin-top: 30px; +} + +main form div input{ + width: 100%; + height: 40px; + border-radius: 20px; + text-align: center; +} + + +main article form div button{ + margin-top: 20px; + position: relative; + justify-content: center; + width: 100%; + padding: 10px; + border-radius: 20px; +} + +main article form div button:hover{ + background-color: green; +} + +.conteudo{ + height: 200px; +} + + +/* FOOTER */ + +footer { + display: grid; + grid-template-columns: 4fr 3fr; + margin-top: 3em; + padding: 1em 4em 3em; + background-color: var(--black); + color: var(--light-grey); +} + +footer section { + display: flex; + width: 100%; + min-height: 15em; + padding: 0 2em; + flex-direction: column; +} + +footer section p { + margin-top: .5em; + text-align: justify; +} + +footer section li { + list-style: none; +} + +footer section li a { + font-weight: bold; + text-decoration: underline; + color: inherit; +} + +@media screen and (max-width: 1024px) { + footer { + padding: 1em; + } +} + +@media screen and (max-width: 768px) { + footer { + grid-template-columns: 1fr; + padding: 0; + } +} + +#posts a { + color: inherit; +} + +#posts h4 { + text-transform: capitalize; +} + +#posts span { + float: right; + background-color: var(--light-grey); + padding: 5px 10px; + border-radius: 1vmax; +} \ No newline at end of file diff --git a/src/forum/assets/css/style3.css b/src/forum/assets/css/style3.css new file mode 100644 index 0000000..cdcbcbe --- /dev/null +++ b/src/forum/assets/css/style3.css @@ -0,0 +1,348 @@ +@import url('https://fonts.googleapis.com/css2?family=Bungee&display=swap'); +@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap"); + +:root { + --principal-blue: #1372bf; + --white: #f9f9f9; + --light-grey: #cccccc; + --grey: #858585; + --black: #2C2C2C; + --light-blue: #88FFFF; + --light-yellow: #FFFC5C; + --light-red: #FF5544; + --light-green: #55AA55; +} + +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + background-color: var(--white); + font-family: "Poppins", sans-serif; +} + +h1 { + margin-top: 20px; + text-align: center; +} + +h2 { + display: block; + margin: 1em auto 0.5em; + font-size: 2em; + text-align: start; +} + +h3 { + width: 100%; + margin: 1em 0 .5em; + font-size: 1.4em; + color: var(--white); +} + +a { + text-decoration: none; +} + +ul { + list-style: none; +} + +/* HEADER */ +header { + position: sticky; + top: 0; + width: 100%; + padding: 1em 0; + z-index: 1; + background-color: var(--black); +} + +.logo { + display: inline-block; + margin-left: 20px; + color: var(--principal-blue); + font-size: 1.5em; + font-family: 'Bungee', sans-serif; +} + +nav { + position: fixed; + width: 100%; + height: 100%; + max-height: 0; + overflow: hidden; + background-color: var(--black); + transition: max-height .5s ease-out; +} + +.menu a { + display: block; + padding: 10px 25px; + color: var(--white); +} + +nav ul { + margin: 0 20px; +} + +nav ul li{ + margin: 0 3px; +} + +nav ul li:hover, +nav ul li:last-child { + background: var(--principal-blue); + transition: .5s linear; +} + +.hamb { + margin: 0 2em; + padding: 20px 20px; + float: right; + cursor: pointer; +} + +.hamb-line { + display: block; + position: relative; + width: 24px; + height: 3px; + background: var(--white); +} + +.hamb-line::before, +.hamb-line::after { + display: block; + position: absolute; + width: 100%; + height: 100%; + content: ''; + background: var(--white); + transition: all .2s ease-out; +} + +.hamb-line::before { + top: 7px; +} + +.hamb-line::after { + top: -7px; +} + +.side-menu { + display: none; +} + +.side-menu:checked ~ nav { + max-height: 100%; +} + +.side-menu:checked ~ .hamb .hamb-line { + background: transparent; +} + +.side-menu:checked ~ .hamb .hamb-line::before { + top:0; + transform: rotate(-45deg); +} + +.side-menu:checked ~ .hamb .hamb-line::after { + top:0; + transform: rotate(45deg); +} + +@media (min-width: 768px) { + nav { + position: relative; + width: fit-content; + max-height: none; + top: 0; + float: right; + background-color: transparent; + } + + .menu li { + float: left; + } + + .hamb { + display: none; + } +} + +/* MAIN CONTENT */ + +main section div{ + font-size: larger; + position: relative; + left: 210px; +} + +main article form div{ + background-color: rgba(228, 225, 225, 0.891); + justify-content: center; + position: relative; + width: 100%; + padding: 30px; + border-radius: 30px; +} + +main article form div h4{ + font-size: 15pt; + text-align: center; + margin-top: 30px; +} + +main form div input{ + width: 100%; + height: 40px; + border-radius: 20px; + text-align: center; +} + + +main article form div button{ + margin-top: 20px; + position: relative; + justify-content: center; + width: 100%; + padding: 10px; + border-radius: 20px; +} + +main article form div button:hover{ + background-color: green; +} + +.conteudo{ + height: 200px; + overflow: auto; +} + +/* MAIN CONTAINT 2*/ + +main section{ + margin: 10px; +} + +main section div{ + display: inline-block; + margin: 10px; + font-size: large; +} + +main section div h2{ + position: relative; + font-size: 30pt; + top: 10px; + left: 40px; +} + +main section div div + div{ + position: relative; + padding: 10px; + bottom: 20px; + left: 850px; +} + +main section div + div button{ + position: relative; + left: 780px; + padding: 10px; + border-radius: 10px; +} + +main section div div + div button:hover{ + padding: 10px; + border-radius: 10px; + background-color: rgb(81, 195, 81); +} + +main article{ + background-color: rgba(228, 225, 225, 0.891); + margin: 0px auto 40px; + padding: 20px; + width: 80%; + height: auto; + border-radius: 40px; +} + +.foto{ + margin-right: 60px; + float: right; + position: relative; + left: 20px; +} + +.quantidade{ + float: right; + position: relative; + right: 18px; + top: 8px; +} + +/* FOOTER */ + +footer { + display: grid; + grid-template-columns: 4fr 3fr; + margin-top: 3em; + padding: 1em 4em 3em; + background-color: var(--black); + color: var(--light-grey); +} + +footer section { + display: flex; + width: 100%; + min-height: 15em; + padding: 0 2em; + flex-direction: column; +} + +footer section p { + margin-top: .5em; + text-align: justify; +} + +footer section li { + list-style: none; +} + +footer section li a { + font-weight: bold; + text-decoration: underline; + color: inherit; +} + +@media screen and (max-width: 1024px) { + footer { + padding: 1em; + } +} + +@media screen and (max-width: 768px) { + footer { + grid-template-columns: 1fr; + padding: 0; + } +} + +#posts a { + color: inherit; +} + +#posts h4 { + text-transform: capitalize; +} + +#posts span { + float: right; + background-color: var(--light-grey); + padding: 5px 10px; + border-radius: 1vmax; +} \ No newline at end of file diff --git a/src/forum/assets/css/style4.css b/src/forum/assets/css/style4.css new file mode 100644 index 0000000..be3edca --- /dev/null +++ b/src/forum/assets/css/style4.css @@ -0,0 +1,349 @@ +@import url('https://fonts.googleapis.com/css2?family=Bungee&display=swap'); +@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap"); + +:root { + --principal-blue: #1372bf; + --white: #f9f9f9; + --light-grey: #cccccc; + --grey: #858585; + --black: #2C2C2C; + --light-blue: #88FFFF; + --light-yellow: #FFFC5C; + --light-red: #FF5544; + --light-green: #55AA55; +} + +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + background-color: var(--white); + font-family: "Poppins", sans-serif; +} + +h1 { + margin-top: 20px; + text-align: center; +} + +h2 { + display: block; + margin: 1em auto 0.5em; + font-size: 2em; + text-align: start; +} + +h3 { + width: 100%; + margin: 1em 0 .5em; + font-size: 1.4em; + color: var(--white); +} + +a { + text-decoration: none; +} + +ul { + list-style: none; +} + +/* HEADER */ +header { + position: sticky; + top: 0; + width: 100%; + padding: 1em 0; + z-index: 1; + background-color: var(--black); +} + +.logo { + display: inline-block; + margin-left: 20px; + color: var(--principal-blue); + font-size: 1.5em; + font-family: 'Bungee', sans-serif; +} + +nav { + position: fixed; + width: 100%; + height: 100%; + max-height: 0; + overflow: hidden; + background-color: var(--black); + transition: max-height .5s ease-out; +} + +.menu a { + display: block; + padding: 10px 25px; + color: var(--white); +} + +nav ul { + margin: 0 20px; +} + +nav ul li{ + margin: 0 3px; +} + +nav ul li:hover, +nav ul li:last-child { + background: var(--principal-blue); + transition: .5s linear; +} + +.hamb { + margin: 0 2em; + padding: 20px 20px; + float: right; + cursor: pointer; +} + +.hamb-line { + display: block; + position: relative; + width: 24px; + height: 3px; + background: var(--white); +} + +.hamb-line::before, +.hamb-line::after { + display: block; + position: absolute; + width: 100%; + height: 100%; + content: ''; + background: var(--white); + transition: all .2s ease-out; +} + +.hamb-line::before { + top: 7px; +} + +.hamb-line::after { + top: -7px; +} + +.side-menu { + display: none; +} + +.side-menu:checked ~ nav { + max-height: 100%; +} + +.side-menu:checked ~ .hamb .hamb-line { + background: transparent; +} + +.side-menu:checked ~ .hamb .hamb-line::before { + top:0; + transform: rotate(-45deg); +} + +.side-menu:checked ~ .hamb .hamb-line::after { + top:0; + transform: rotate(45deg); +} + +@media (min-width: 768px) { + nav { + position: relative; + width: fit-content; + max-height: none; + top: 0; + float: right; + background-color: transparent; + } + + .menu li { + float: left; + } + + .hamb { + display: none; + } +} + +/* MAIN CONTENT */ + +main section div{ + font-size: larger; + position: relative; + left: 200px; +} + +main article form div{ + background-color: rgba(228, 225, 225, 0.891); + justify-content: center; + position: relative; + width: 100%; + padding: 30px; + border-radius: 30px; +} + +main article form div h4{ + font-size: 15pt; + text-align: center; + margin-top: 30px; +} + +main form div input{ + width: 100%; + height: 40px; + border-radius: 20px; + text-align: center; +} + + +main article form div button{ + margin-top: 20px; + position: relative; + justify-content: center; + width: 100%; + padding: 10px; + border-radius: 20px; +} + +main article form div button:hover{ + background-color: green; +} + +.conteudo{ + height: 200px; + overflow: auto; +} + +/* MAIN CONTAINT 2*/ + +main section{ + margin: 10px; +} + +main section div{ + display: inline-block; + margin: 10px; + font-size: large; +} + +main section div h2{ + position: relative; + font-size: 30pt; + top: 10px; + left: 40px; +} + +main section div div + div{ + position: relative; + padding: 10px; + bottom: 20px; + left: 850px; +} + +main section div + div button{ + position: relative; + left: 780px; + padding: 10px; + border-radius: 10px; +} + +main section div div + div button:hover{ + padding: 10px; + border-radius: 10px; + background-color: rgb(81, 195, 81); +} + +main article{ + background-color: rgba(228, 225, 225, 0.891); + margin: 0px auto 40px; + padding: 20px; + width: 80%; + height: auto; + border-radius: 40px; +} + +.foto{ + margin-right: 60px; + float: right; + position: relative; + left: 20px; +} + +.quantidade{ + float: right; + position: relative; + right: 18px; + top: 8px; +} + + +/* FOOTER */ + +footer { + display: grid; + grid-template-columns: 4fr 3fr; + margin-top: 3em; + padding: 1em 4em 3em; + background-color: var(--black); + color: var(--light-grey); +} + +footer section { + display: flex; + width: 100%; + min-height: 15em; + padding: 0 2em; + flex-direction: column; +} + +footer section p { + margin-top: .5em; + text-align: justify; +} + +footer section li { + list-style: none; +} + +footer section li a { + font-weight: bold; + text-decoration: underline; + color: inherit; +} + +@media screen and (max-width: 1024px) { + footer { + padding: 1em; + } +} + +@media screen and (max-width: 768px) { + footer { + grid-template-columns: 1fr; + padding: 0; + } +} + +#posts a { + color: inherit; +} + +#posts h4 { + text-transform: capitalize; +} + +#posts span { + float: right; + background-color: var(--light-grey); + padding: 5px 10px; + border-radius: 1vmax; +} \ No newline at end of file diff --git a/src/forum/assets/css/style5.css b/src/forum/assets/css/style5.css new file mode 100644 index 0000000..c8fa215 --- /dev/null +++ b/src/forum/assets/css/style5.css @@ -0,0 +1,310 @@ +@import url('https://fonts.googleapis.com/css2?family=Bungee&display=swap'); +@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap"); + +:root { + --principal-blue: #1372bf; + --white: #f9f9f9; + --light-grey: #cccccc; + --grey: #858585; + --black: #2C2C2C; + --light-blue: #88FFFF; + --light-yellow: #FFFC5C; + --light-red: #FF5544; + --light-green: #55AA55; +} + +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + background-color: var(--white); + font-family: "Poppins", sans-serif; +} + +h1 { + margin-top: 20px; + text-align: center; +} + +h2 { + display: block; + margin: 1em auto 0.5em; + font-size: 2em; + text-align: start; +} + +h3 { + width: 100%; + margin: 1em 0 .5em; + font-size: 1.4em; + color: var(--white); +} + +a { + text-decoration: none; +} + +ul { + list-style: none; +} + +/* HEADER */ +header { + position: sticky; + top: 0; + width: 100%; + padding: 1em 0; + z-index: 1; + background-color: var(--black); +} + +.logo { + display: inline-block; + margin-left: 20px; + color: var(--principal-blue); + font-size: 1.5em; + font-family: 'Bungee', sans-serif; +} + +nav { + position: fixed; + width: 100%; + height: 100%; + max-height: 0; + overflow: hidden; + background-color: var(--black); + transition: max-height .5s ease-out; +} + +.menu a { + display: block; + padding: 10px 25px; + color: var(--white); +} + +nav ul { + margin: 0 20px; +} + +nav ul li{ + margin: 0 3px; +} + +nav ul li:hover, +nav ul li:last-child { + background: var(--principal-blue); + transition: .5s linear; +} + +.hamb { + margin: 0 2em; + padding: 20px 20px; + float: right; + cursor: pointer; +} + +.hamb-line { + display: block; + position: relative; + width: 24px; + height: 3px; + background: var(--white); +} + +.hamb-line::before, +.hamb-line::after { + display: block; + position: absolute; + width: 100%; + height: 100%; + content: ''; + background: var(--white); + transition: all .2s ease-out; +} + +.hamb-line::before { + top: 7px; +} + +.hamb-line::after { + top: -7px; +} + +.side-menu { + display: none; +} + +.side-menu:checked ~ nav { + max-height: 100%; +} + +.side-menu:checked ~ .hamb .hamb-line { + background: transparent; +} + +.side-menu:checked ~ .hamb .hamb-line::before { + top:0; + transform: rotate(-45deg); +} + +.side-menu:checked ~ .hamb .hamb-line::after { + top:0; + transform: rotate(45deg); +} + +@media (min-width: 768px) { + nav { + position: relative; + width: fit-content; + max-height: none; + top: 0; + float: right; + background-color: transparent; + } + + .menu li { + float: left; + } + + .hamb { + display: none; + } +} + +/* MAIN CONTENT*/ + +main article{ + position: relative; + left: 30px; +} + +main article h1{ + position: relative; + right: 40px; + margin-bottom: 20px; +} + +main article section{ + margin-left: 20px; + background-color: rgba(228, 225, 225, 0.891); + padding: 25px; + display: inline-block; + width: 90%; + border-radius: 20px; + position: static; +} + +main article section h3{ + text-align: center; + color: black; +} + +main article section p{ + text-align: center; +} + +main article aside{ + margin: 20px; + width: 90%; + background-color: rgba(228, 225, 225, 0.891); + padding: 20px; + border-radius: 20px; +} + +main article aside input{ + width: 100%; + height: 50px; + text-align: center; +} + +main article aside button{ + margin-top: 20px; + padding: 10px; + border-radius: 10px; + position: relative; + left: 280px; + width: 50%; +} + +main article aside p{ + margin-top: 50px; +} + +main article aside h3{ + position: relative; + font-size: 16pt; + color: black; + left: 30px; +} + +main article aside button:hover{ + background-color: green; +} + +.nomeusuario{ + margin-top: 20px; +} + +/* Footer */ +footer { + display: grid; + grid-template-columns: 4fr 3fr; + margin-top: 3em; + padding: 1em 4em 3em; + background-color: var(--black); + color: var(--light-grey); +} + +footer section { + display: flex; + width: 100%; + min-height: 15em; + padding: 0 2em; + flex-direction: column; +} + +footer section p { + margin-top: .5em; + text-align: justify; +} + +footer section li { + list-style: none; +} + +footer section li a { + font-weight: bold; + text-decoration: underline; + color: inherit; +} + +@media screen and (max-width: 1024px) { + footer { + padding: 1em; + } +} + +@media screen and (max-width: 768px) { + footer { + grid-template-columns: 1fr; + padding: 0; + } +} + +#posts a { + color: inherit; +} + +#posts h4 { + text-transform: capitalize; +} + +#posts span { + float: right; + background-color: var(--light-grey); + padding: 5px 10px; + border-radius: 1vmax; +} \ No newline at end of file diff --git a/src/forum/assets/img/gostar.png b/src/forum/assets/img/gostar.png new file mode 100644 index 0000000000000000000000000000000000000000..3a6900ad698fbe1367245bf4acdd9d7cdd543096 GIT binary patch literal 8948 zcmeHt_gfP|+b#+M(SSlilO_-dNH1bUIs^hjAataMUZi&rlui&rQF;w1ML|KZ&=gFF zprQe#h)9#(d&h6_ea}zl{0HaD?q=qB=6>2evwLOdO0pqZo8kQB^Hfw+3_2)HBPy!1 zK=&*aJvGpLcmn$fG}Hm=Iwth=^dl1n#gZ0+nF zu#Qg7F0O9w9-dxzynTHA`~w1mfX!XqN@Mn&Jd9}^oFpOBc8j7xctnubr$$jo~9 zC_5)NFTbF$sJNuGj8Ijm_5J_F+ zkKH|=K7Z-``i;`p|NY0n;Lz~Tkzb>~$Hpfnr~XXO%+Ad(EG{jttgfwZY;JAu?C$L! z93CB?EYc5OqoU%m($Q2iVdq%xptFB8y}vdwb_ly+sme?bqsfyftU_F!d{E0m!f1S%vT=3XwHK2W>366$V^3z1^6@G z_!?2XxZ(S1eEHqibiNU=i04yF)0Z_aKWg%)14KdBF1iZHo)95Db5-HJ5dkx;V>pOE zb)B8i=xy2U!aKg|Vp9auNyn9-M5J%0`;iw2yPaC@*9qSY1}%{wGJc(chhxkskIf%V z#Gy*q1hvF3g2|v1!e7+V<)}xAkn?X}!X#M6h@jX4nCi2 z*=ON;dTbN^WF5?v!VOoFzd=nl<0!fHRcVZuY(&1r|9Rvb87--+{+&C;vD^lxMwp$j zm^0IPH~>Nnh*-cuFM}n;oKaR|y>N#EMQQL&j=ljJX1BGha|pBKXIXLKd>1%5`hJ*i z=u~aI!RKM`_VirSkWj3gX_NvkjQ6!BKe5JV zCjgPXm*JLn?!YTzNYc(D-J)?R#xZ#WNlE`io3U=LXeW7J|3f`d4x`wU-Oy9nh*Hh+ zT{0BG$;0CU_wKuRBzV4>3Mq&ic}^mSAw*U|mt_xq0}Pa>xo52Gsv^jfy)UbDZO!j^wyKwOIbjPXtQaY0 zo8}P-dL>l>SDToaE#s)_a=4%o&J5*gmq;aWB#HxJS>h9)hg6pSN1#Otovdic%5&ag z?=xn>867EErSL~ciUEO4g?rWpkLdILEIQMRYYf3c_o4w0f`EtfNRBhDjm#v(e_`~c zch2MbFhd=uxQ9$c4Yw`_I*sreb?MwIzgeM&*i(VEImcX;YEfBRn&u`D%Ss$46BEiy zQeCn~8S4w5r^ia*)J{DxvOnN2x$;|EnjV1l-*DRiP2PpZTUvCaXCD;D3F%%cY5b=2 zoL!W?uTNy(?KgkYi~$DRc|M^rP(D9Ql)i$Qbmf^nO1ot_WyUndT~(SMKvIUQo-pev z;qC)o5*iFNjQ8a_sI?)|JD0PkQaJM}2%D52UPs`7uNfIlcXV{?c#6HW*yK$fk% zIhGyz54a_>Krgpx$486&=fBO`?b|OwVktcmf?nvZX4UuPsCQ!`sR91Y+OJW4>3>8l zy#gU&3%_qZsY(-MjYuX4Lg3R&0yWNgL~N!oD=;4lZ|Q$1)e^CCxcH%tbghHv3qOj8 zPXCp9d(>p7jIlD8N$SAt@cxdkTDcq7CofX%sx$TO*#`EQ$B=J%E<&wic5m62Etgfo# zci~MU@Il~@BCSlsorxZ*CeZ%+1U_!-goO!R?6qEvb%g<`iu)VVRo+4_Q((_(&2DUB^=!J`&i5N#S$Un*f19?$Vg5Sx{b@a zO8X;aL1fY|$L)8QM8c&Ov5P-~h#g$1GdhJPl<3;3-$FceI1jreEdBFaho#MFp88{zYFSjb4Auwd_lHJ`BYgcL&TDL(#j_N`VCW)k;#g)o9%PGeCUv5Ac2Rz33D^9%#}#OTUI!WlO*#f2hsf|hC3#eL{8jdz~}qt`TmghAIi?NB9|a_#k)vX#F;7G&l7Np;B*b11m2*SNfO1 zS#QYbVM6G!p`7Go#XauZnjy@75xR0YfRLzpoh)E$>4|(Pj$R!xkK{7=)s-?MAm&V; z^*7ObpqyCC^+guZwz@d!$iE(el!H%hDfnd1{f0$l2my<7tJ#=D&LH|o0yp7&P{ujJ z;YB6iG`E!xW(nWk*u$FbzEL|;S`+$54(gzz;P6QX%7c#iJLbuFjrseZw+U5%Yp-v& zDQ$WNOA`6BFS7YybxW};Y+FQIHiL^02PmK!5^-r1N)KH2)HhiTj)&D&_> z@RjpS#*#QoM4PB<``%Cv&#FWMpiyf}xzFZ#X{8DpIeKjAqie6LWd-3+YJdcHSB?go+MgrDI2RpLdauefk|o zN^|jFz`-r;RHFwaeE}Mn&tw zt~2hv!E!6HiKt1J@O+f?HisrVAshHDGoGQ$V4{6SW8do9%gP+S^aXhrmZ z`77>g9-8v?pLlL${;kea@*G$)_=$R`w-nUJwD)Ezh?$R?WONi7`x=0aV9Iq-_s&dD zzc^{LeChJl#^7wI#nV-?^IT1cHIn~9fzIyC3VN3|b-#1x225jw(?Iz~qFivn-i<8c zkO6eH@9}3Fq2rT0=S-&*pMqTN{Cwdkmrz*OZ$fBn8jf-Q#Aa2l$E@LGel-ooz;K&S z`F5~?+76VY_sURaf(#^>7p^of=G?wzn^k^7!?4>+85i|NDEE zzY;Zvkx)rh%7jXkTiI5_oUt}XUsu}pnxRO)5U{o=`-zzq& z@3z@Ug*Ug4p7A0lA23Hm%4DqFEHyo{);Y@nEl_+d%4gnacodnh&o9na(D>V0&z^QM zmriS3qt~53W5zz~L5lLtoKo<>{`TN{z*Hc!2V<~E>#@&`xF3F)^-Ud#`0s193_{~V%qR|RS}nCX_Mk1cs6s?_OPvv+W%Ag(}AKD?F6j`r!%AI?4Z zV>ASGosN_H*gyJ+-OK;awY`Jm5!i203-_;VbmJdB@Y{v)@v5vY_v=k=TNS4~n&Gld z?Xkz(l=P4dK857##58Ny_vhx|FdWaMCx`hXZIlWs-q77z-qB>7Fx<%7i-2eSkqRK0 z?Ur}HXFeyn^5A(F=#vhk<&L;mlhq=)dDbEEm+M91*xQhFIiF?yOr+J%rdN%qcQH|K zVM&F1QllF$)O){!_F4|XnX~WR6NtC1Ol|&qv^|-=fN6(49lvmV{={_-9Z&Qb?M<0a zOJtx`lxK_%c-N=OY;zpIToy!$*}uSQZfb6N9TMAD6!J5yvglUQCr5H0_r(hj!o%r~ zYDW)^GerUpPPT{(=Qi2Ia^IB_QukPvTl;%&F3Wuu&>9P+Nm*`Fk3l5EIL-LhE%!c3 z8vJfi0U0aK7qc*D3Er(A#4N&+ICYwruL^3VuKwO`i#?B0^jTtgjud>uSw9d~%S?=J zK(!Z{qwKFq9!+eG%IFa8Jh$XmYg$e%YW0MrFO+#PXxKiYx;)l8y=0@5DLM5qF&~y2 zBKsoat@&B^n=!Qln-?(@xwhk+fZfm7MUj?TtrkE{1174Ox48ac$} z)%JN$zl)BvmuUOc(x4w{%HBMl(Y%vONxYJsdRSQd+)Xo~TZ-e+ChAg(adI?SEnzW$mm9C^66WT6`*3QtS98qyvOR62o#`F&xXa=aT z3gdODu7@FPgsnw!2B^E1ytk-SKFt4QASCSwOdq3;nu_E5Q@J$*gsZ)Mi}pMaw3Svt zgg5DoV3C=h?R(Y73yz4<11h94H@nfNGnEsrHv4*oD|hel;{gQe2&6*MdFcyXE&o_a zt)Y9v$KdE_&X4O0o$vuNYvz4@SyG3_J_N$hS07*(_Fj`bKU6 zn8<^uO8H%O zOwveeK*`LpX9ln9E+nlaLR1IBF-t&-fs4-;FQEAThEl`twfP&00o7lZ5gM~pJ@0-b zg1&TEZixm!wc~c$=|*+W--9OEp(zFQE-iRilh|S`geZT9u*b&D(QI@w<7V{f(V}lm zu9M+WqN;>f22_?jPP0+$wj-EiEI9peibe)4wx}SG@K#&B5L8r1$g@Nc4Rjgmt8U2(FD^)gXim6S@mLwSCWt%z zO@IboKwoj4DLa7MNO?_6PE-^l4aR92IBU9G=VKgRc9vwttfWlRWTsr54Q#d_T7n{QCFB$M$Y0XmJ#V-VimNtzw_def66Z)j6e%{Fsp=~n@Q z)jh~i6lOh$VH9B#n1wpOdWOQ#1zIwn^t>Z&Q@~&2iOT%-S~G|rZ9gNj9>i^9C7wU4 zl-{~OFjdqeaIVZpFcfkf>3gyi*X-RT{7v@?EDqr3h{`{>DOnRqNb8)7e zJqeO!_byIi*G*owQB-4{wR>9uhb_$2G_bk90{f@K==h6kU>-mUrn3lDLVsQ+myOy( zKcVV$p(KQK`26)Me>|`^(Sn6G!OX>R?TGs30}T^+eR5e5pJ^DP-lL7?M_i=541#Z~ z4=NX?U7yhbD(96izmc2@Mzfn9LB7N(%1a^2m85#aTfX*Ksq#0k?enR6u!894|@qPun<>waC7zTym~SI8-Owe;e=1M4C;KR;A`~A zQ)ka~4ZruF`nUqUlvey;U$g&Qc_VXNT8t=RKasqWaT zy-mZ(QFy6YggRBRTZ-u%HFVsOlhdZ01Jb`<%3-DJN()!yDZzK% z#Px#Fp_)GG0k9%~(6^N=Bnt&#*))U;;U@0R1B7*F3AftJopy}fg3BSX5Fy^kH0*T+ zX++tE9F7u*^;LJ4$I1MYIdDd&t;|K_Uoiz4L|H>c#!A@ZKqp^yBx|YgV}V$R#HJyb z@Sj$5?&EmeCj}@Ez=LnM<^%6#)#NzYZgAxBL_&u*xs@a_;kZ9C`SdqNoj!B-api@5y`^KuMY3K1!~C zfC9`*%5t6RHo^v2lzvu>HSkl$lUKPCJXZJtraK*o+jBhSqO@@62G277YB-w>K#A`l zdmvuC6wrdBHuNKZspf#u^m?tdyf5v_ZqbsXw3VIK{HSeY5d#HlD0yYGqu4qQt`Y8I zlzf!;ohP2OWPh?=>UiahP_u*Y(#~EXX$+%pjLITj{XEWVr}6t@)a>dj)-<(=q*eX}8W#LmT;%73pQDp3;9W$d-=AMVK_=Azs4?G9fqjF9 z-z5bB%g4{l_6+HP@WQK9P~JzHLz{8{7m782{=D<-o9yyE;~5oDz$ z^EkSIJIKwP$;ln{U4F8O6SFgyu~@gkIDU2i=~6e6`)*d^=6e5{HrCPYHJD_d=_!Q^ zFZ|onJ{!W*?p@0-pAh^=m^RBg7V~{7azb>qIPKl`Ad`Sbi?i@6!MCrp>lqVUyJbU! z?y1yWL9?Yyie%Qju!O>=9!jRGDt{KTC8rSTFLul6$kAo4^sGFz|G5MAK1`m`%bd5Q zK(l`9`dCPw(HDx+KyHS~cL%(2t3i3jo_xEaCjJo~WeIFbY4zn=67tZOMfZ;tKy`)1 zx$yj^mJG3XEI;~Nwgi>JrZ39h0-xwAD$3_ZisXOYtrijy8pW6V#Nm)EEGbvBwRL!@ zdlAtQ*!6uL&!ku~EuDeJc9*oMPRtbVN4~08JvbbR1wfiJ`R64T`eEgzEoE0UCMW9E zx^QQzuBPQ_blR+Y;)i~in~2p}pV%#eN?HZdRGO36o6w=fZ$iDcc2`TEzB@?JV)no< zGFG}SWcxHWq)N?2Z>?+pVQ$$x(T!A;S6E>>5^ML+e&{8SfdbSEwl8^R$;_zS&sGCh_!3W#Yj@2A+T|)yxWa(#Eu?huN{g9cnXSuIROn z2p8tcYBW>{8)mO1U<^r!;XU@{XY2<`8T%mK$|zku$#_zW_M@udk8T;844m*)Va>g@Nz2 z)mGY{8*n%r?TS?R)*P03a(ZeZsf6q@mWzXwziRUQ2QhyA#9Mzf|60&?%#|xw=;_Z6 zBdvPiWju;)c|2=FouB;>*>C6RFyWmq;y?L`ZDy@%&u4&Ny$Hoq5UlP>o2=m<9dF%i zFG+SxeN?GrVBq}XaehOapV#_cM!>u@UQ#3~0+GhDAlXtxv$oeTYWIm;|GuE|t``N za^0>CM_ixtDi};0uMpZF{K}e%O6bjwoaQckxYZL?DF!P8+gSLIzw8ah^F^43L`F_!ue~(~jhB8Ww~E`=E%_`Jp*N3qXkHc1Evwj(Tx`47 z96ls6@XEI)$qD__^$z z53{pb!{YiE<_%O@Giy5p?tOG1bIaz!s!PIlAG%CtnHt?Ty8Z9`iGNX5q`ds-2Idtr z-oEuNzTk}pE6D74;Q`0X+d6T-`ZD|eds;th@;GR84=DFS@^pkz)8!nSyUQzmH?%P} zwlO|l*M@1l%j~-!e~xqeQ^$FI-nQKx(SZ2c&jMTg=eYl5VzXO!;|*@lGw{sApN@Yz z(B$W7!#X38q?p~AI>K%!!Y)a(;ibUvaK_RSDmWN+^JZodcXyg5%`kZQ^P-i7;pvf% zT>3d+B3V~eWnohPCc}1iVoTH3LG8as$-fQ6OqOn(=D+R4&jZ=nGueMVyxra1t=pPk l1qT6dzdwIAsW0sPeJ$A-q@XlVbNXKc9VA+_PTfA{e*n~_T)6-M literal 0 HcmV?d00001 diff --git a/src/forum/assets/js/app.js b/src/forum/assets/js/app.js new file mode 100644 index 0000000..60a5262 --- /dev/null +++ b/src/forum/assets/js/app.js @@ -0,0 +1,110 @@ +const apiUrl = 'https://jsonserver.joao-paulopa392.repl.co/forum'; + +window.addEventListener('load', readPosts, false) + +btnExcluir = document.getElementById('excluir'); +btnExcluir.addEventListener('click', deletePosts, false) + +function displayMessage(mensagem) { + msg = document.getElementById('msg'); + msg.innerHTML = '
' + mensagem + '
'; +} + +function createContato(forum) { + fetch(apiUrl, { + method: 'POST', + headers: { + 'Content-Type': 'application/json', + }, + body: JSON.stringify(forum), + }) + .then(response => response.json()) + .then(data => { + displayMessage("Contato inserido com sucesso"); + }) + .catch(error => { + console.error('Erro ao inserir contato via API JSONServer:', error); + displayMessage("Erro ao inserir contato"); + }); +} + +function readPosts() { + fetch(apiUrl) + .then(function (response) { return response.json() }) + .then(function(db) { + let textoHTML = '' + for (i=0; i < db.length; i++) { + let post = db[i] + + textoHTML += + ` + + ` + } + document.getElementById('posts').innerHTML = textoHTML + }) +} + +function ContarCurtida(){ + fetch(apiUrl) + .then(function (response) { return response.json() }) + .then(function(db) { + for(i = 0; db.length; i++) + { + let post = db[i] + + let titulo = post.titulo + let categoria = post.categoria + let conteudo = post.conteudo + let somacurtida = parseInt(post.curtida) + 1 + let id = db[i].id + + atualizarCurtida(titulo, categoria, conteudo, somacurtida,id); + } + }) +} + +function atualizarCurtida(titulo, categoria, conteudo, somacurtida,Campoid){ + + let curtidaAtualizar = { + titulo: titulo, + categoria : categoria, + conteudo: conteudo, + curtida: somacurtida + } + + fetch(`${apiUrl}/${Campoid}`, { + method: 'PUT', + headers: { + 'Content-Type': 'application/json', + }, + body: JSON.stringify(curtidaAtualizar), + }) + + readPosts(); +} + +function deletePosts(){ + let id = document.getElementById('id').value; + + fetch(`${apiUrl}/${id}`, { + method: 'DELETE', + }) + + readPosts(); +} \ No newline at end of file diff --git a/src/forum/assets/js/app2.js b/src/forum/assets/js/app2.js new file mode 100644 index 0000000..a268d1e --- /dev/null +++ b/src/forum/assets/js/app2.js @@ -0,0 +1,50 @@ +const apiUrl = 'https://jsonserver.joao-paulopa392.repl.co/postdetalhado'; + +window.addEventListener('load', readPosts, false) +window.addEventListener('load', readPosts2, false) + +function createComentario(detalhesForum) { + fetch(apiUrl, { + method: 'POST', + headers: { + 'Content-Type': 'application/json', + }, + body: JSON.stringify(detalhesForum), + }) + .then(response => response.json()) + .then(data => { + displayMessage("Contato inserido com sucesso"); + }) + .catch(error => { + console.error('Erro ao inserir contato via API JSONServer:', error); + displayMessage("Erro ao inserir contato"); + }); + +} + +function readPosts() { + fetch(apiUrl) + .then(function (response) { return response.json() }) + .then(function(db) { + + let parametros = new URLSearchParams(location.search) + let id = parametros.get('id') + + let textoHTML = '' + + for (i=0; i < db.length; i++) { + let post = db[i] + + if(db[i].auxiliar == id) + { + textoHTML += ` +

${post.usuario}

+

${post.comentario}

+

+ ` + } + } + document.getElementById('exibir_comentario').innerHTML = textoHTML + }) +} + diff --git a/src/forum/cadastrodepost.html b/src/forum/cadastrodepost.html new file mode 100644 index 0000000..f298a94 --- /dev/null +++ b/src/forum/cadastrodepost.html @@ -0,0 +1,122 @@ + + + + + + + + + Cadastro de comentario + + + +
+ + + + + + + + +
+ +
+
+
+
+

Criar Post

+
+
+
+ +
+
+
+

Titulo

+ + +

Categoria

+ + +

Conteúdo

+ + + +
+
+
+
+ +
+
+

Sobre

+

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Consectetur veniam nihil quibusdam fugit + sapiente + iusto natus voluptas obcaecati dolor amet numquam nemo nostrum, adipisci officiis consequuntur optio + beatae + dolores corrupti.

+

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Consectetur veniam nihil quibusdam fugit + sapiente + iusto natus voluptas obcaecati dolor amet numquam nemo nostrum, adipisci officiis consequuntur optio + beatae + dolores corrupti.

+

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Consectetur veniam nihil quibusdam fugit + sapiente + iusto natus voluptas obcaecati dolor amet numquam nemo nostrum, adipisci officiis consequuntur optio + beatae + dolores corrupti.

+
+ +
+

Links

+
  • Documentação do Projeto: TI DOCS
  • +
    +
    + + + + + + + diff --git a/src/forum/deletepost.html b/src/forum/deletepost.html new file mode 100644 index 0000000..bfc4493 --- /dev/null +++ b/src/forum/deletepost.html @@ -0,0 +1,89 @@ + + + + + + + + + + Cadastro de comentario + + + +
    + + + + + + + + +
    + +
    +
    +
    +
    +

    Deletar Post

    +
    +
    +
    + +
    +
    +
    +

    Id

    + + + +
    +
    +
    + +
    +
    +
    +
    + +
    +
    +

    Sobre

    +

    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Consectetur veniam nihil quibusdam fugit + sapiente + iusto natus voluptas obcaecati dolor amet numquam nemo nostrum, adipisci officiis consequuntur optio + beatae + dolores corrupti.

    +

    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Consectetur veniam nihil quibusdam fugit + sapiente + iusto natus voluptas obcaecati dolor amet numquam nemo nostrum, adipisci officiis consequuntur optio + beatae + dolores corrupti.

    +

    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Consectetur veniam nihil quibusdam fugit + sapiente + iusto natus voluptas obcaecati dolor amet numquam nemo nostrum, adipisci officiis consequuntur optio + beatae + dolores corrupti.

    +
    + +
    +

    Links

    +
  • Documentação do Projeto: TI DOCS
  • +
    +
    + + + + + + diff --git a/src/forum/index.html b/src/forum/index.html new file mode 100644 index 0000000..3849232 --- /dev/null +++ b/src/forum/index.html @@ -0,0 +1,80 @@ + + + + + + + + Tela de cadastro + + + + +
    + + + + + + + + +
    + +
    +
    + +
    +

    Fórum

    +
    + + + + + + +
    + +
    + +
    +
    + +
    +
    + +
    + +
    +
    +

    Sobre

    + +

    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Consectetur veniam nihi quibusdam fugit sapiente iusto natus voluptas obcaecati dolor amet numquam nemo nostrum, adipisc officiis consequuntur optio beatae dolores corrupti. +

    +
    + +
    +

    Links

    +
  • Documentação do Projeto: TI DOCS
  • +
    +
    + + + + + diff --git a/src/forum/updatepost.html b/src/forum/updatepost.html new file mode 100644 index 0000000..26e4e4d --- /dev/null +++ b/src/forum/updatepost.html @@ -0,0 +1,136 @@ + + + + + + + + + + Atualizar Post + + + +
    + + + + + + + + +
    + +
    +
    +
    +
    +

    Atualizar Post

    +
    +
    +
    + +
    +
    +
    +

    Id

    + + +

    Titulo

    + + +

    Categoria

    + + +

    Conteúdo

    + + + +
    +
    +
    + +
    +
    +
    + +
    + +
    +
    +

    Sobre

    +

    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Consectetur veniam nihil quibusdam fugit + sapiente + iusto natus voluptas obcaecati dolor amet numquam nemo nostrum, adipisci officiis consequuntur optio + beatae + dolores corrupti.

    +

    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Consectetur veniam nihil quibusdam fugit + sapiente + iusto natus voluptas obcaecati dolor amet numquam nemo nostrum, adipisci officiis consequuntur optio + beatae + dolores corrupti.

    +

    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Consectetur veniam nihil quibusdam fugit + sapiente + iusto natus voluptas obcaecati dolor amet numquam nemo nostrum, adipisci officiis consequuntur optio + beatae + dolores corrupti.

    +
    + +
    +

    Links

    +
  • Documentação do Projeto: TI DOCS
  • +
    +
    + + + + + +