Hecha la logica para mostrar las noticias completas. Junto con el front-end de la misma. Ademas, modificados los id de la base de datos

2025-10-13 00:32:45 +00:00 · 2021-07-15 20:59:11 -03:00
parent 6a19c62fcf
commit f46c79028d
7 changed files with 205 additions and 22 deletions
--- a/news.css
+++ b/news.css
@@ -0,0 +1,91 @@
+* {
+    margin: 0;
+    padding: 0;
+}
+
+html {
+    font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    background: #9dd3ff;
+    background: linear-gradient(180deg, rgba(157,211,255,1) 40%, rgba(205,233,255,1) 100%); 
+    scroll-behavior: smooth;
+}
+
+header {
+    padding-top: 4vh;
+    padding-bottom: 4vh;
+    padding-left: 3vw;
+    display: flex;
+    align-items: center;    
+    /*justify-content: center;*/
+    color: #000000;
+    user-select: none;
+    border-bottom: #000000 solid 1px;
+}
+
+.name {
+    display: flex;
+    align-items: center;
+    padding-top: 1vh;
+    text-decoration: none;
+    padding-bottom: 1vh;
+}
+
+.name h1 {
+    font-style: italic;
+    margin-left: 1vw;
+    font-size: 45px;
+    color: #000000;
+}
+
+
+.logo {
+    color: #62b0f0;
+    width: 50px;
+    height: 50px;
+}
+
+
+.all h1 {
+    margin-bottom: 3vh;
+}
+
+.all {
+    margin-top: 4vh;
+    padding-top: 1vh;
+    margin-left: 20vw;
+    padding-left: 2vw;
+    margin-right: 20vw;
+    padding-right: 2vw;
+    border: solid #a1c7e0 1px ;
+}
+
+article img {
+    width: 100%;
+    height: 100%;
+    margin-bottom: 2vh;
+}
+
+article p {
+    margin-bottom: 2vh
+}
+
+article h1, article h2, article h3, article h4 {
+    padding-top: 2vh;
+    padding-bottom: 2vh;
+} 
+
+article {
+    font-size: 13pt;
+}
+
+.source {
+    margin-top: 2vh;
+    padding-top: 1vh;
+    margin-left: 20vw;
+    padding-left: 2vw;
+    margin-right: 20vw;
+    padding-right: 2vw;
+    margin-bottom: 2vh;
+    padding-bottom: 1vh;
+    border: solid #a1c7e0 1px ;
+}