diff --git a/control-files/00_ids_done.txt b/control-files/00_ids_done.txt index e440e5c..62f9457 100755 --- a/control-files/00_ids_done.txt +++ b/control-files/00_ids_done.txt @@ -1 +1 @@ -3 \ No newline at end of file +6 \ No newline at end of file diff --git a/control-files/00_news_done.txt b/control-files/00_news_done.txt index 3a86d75..869cbf6 100755 --- a/control-files/00_news_done.txt +++ b/control-files/00_news_done.txt @@ -1 +1 @@ -./news/1.html ./news/2.html ./news/3.html \ No newline at end of file + ./news/1.html ./news/2.html ./news/3.html ./news/4.html ./news/5.html ./news/6.html \ No newline at end of file diff --git a/index.php b/index.php index 57ae4d3..e247959 100755 --- a/index.php +++ b/index.php @@ -6,15 +6,24 @@ All news + +
-
+

AllNews.com

-
+
+ + +
- -
-

$title

-

$frist_p

-
-
"; + echo + " +
+ +
+

$title

+

$frist_p

+
+
+ "; } ?> diff --git a/news.css b/news.css new file mode 100755 index 0000000..02125b4 --- /dev/null +++ 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 ; +} \ No newline at end of file diff --git a/news.php b/news.php new file mode 100755 index 0000000..49694eb --- /dev/null +++ b/news.php @@ -0,0 +1,47 @@ + + + + + + + + + <?php + require 'news_logic.php'; + + $requestFromDB = bring_the_choosen_one($_GET['id'])[0]; + + $title = $requestFromDB['title']; + $content = $requestFromDB['content']; + $author = $requestFromDB['author']; + $page_source = $requestFromDB['page_source']; + $icon_route = $requestFromDB['icon_route']; + + echo $title; + ?> + + + + +
+ + +

AllNews.com

+ +
+ +
+

+ +
+ > + +
+ +
+ +
+ Autor: | Pagina fuente: +
+ + diff --git a/news_logic.php b/news_logic.php index 49fa39d..c7582f2 100755 --- a/news_logic.php +++ b/news_logic.php @@ -52,7 +52,7 @@ function get_string_between($string, $start, $end){ $ini += strlen($start); $len = strpos($string, $end, $ini) - $ini; return substr($string, $ini, $len); - //! CREDITS: https://stackoverflow.com/questions/5696412/how-to-get-a-substring-between-two-strings-in-phphttps://stackoverflow.com/questions/5696412/how-to-get-a-substring-between-two-strings-in-php + //! CREDITS: https://stackoverflow.com/a/9826656 } function create_entry_in_DB($news_unique, $page, $author) { @@ -100,7 +100,7 @@ function bring_the_news_back_home($actual_page, $news_per_page) { $frist_calc = $actual_page * $news_per_page; $second_calc = ($actual_page * $news_per_page) - $news_per_page; - $prepared_query = $mySQLconnect -> prepare("select title, frist_paragraph, icon_route from noticias where id < ? and id > ?"); + $prepared_query = $mySQLconnect -> prepare("select id, title, frist_paragraph, icon_route from noticias where id < ? and id > ?"); $prepared_query -> bindParam(1, $frist_calc, PDO::PARAM_INT); $prepared_query -> bindParam(2, $second_calc, PDO::PARAM_INT); //$prepared_query -> execute(array($actual_page * 10, $actual_page * 10 - 10)); @@ -112,4 +112,17 @@ function bring_the_news_back_home($actual_page, $news_per_page) { return $return; } +function bring_the_choosen_one($id) { + require './mySQLconnect.php'; + + $prepared_query = $mySQLconnect -> prepare('select * from noticias where id = ?'); + $prepared_query -> bindParam(1, $id, PDO::PARAM_INT); + + $prepared_query -> execute(); + + $return = $prepared_query -> fetchAll(); + + return $return; +} + ?> \ No newline at end of file diff --git a/style.css b/style.css index b4c61ff..2d4f9d9 100755 --- a/style.css +++ b/style.css @@ -5,9 +5,9 @@ html { font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; - background-color: #9dd3ff; - width: 100%; - height: 100%; + background: rgb(157,211,255); + background: linear-gradient(180deg, rgba(157,211,255,1) 40%, rgba(205,233,255,1) 100%); + } header { @@ -22,18 +22,31 @@ header { border-bottom: #000000 solid 1px; } +.noscript { + color: #ffffff; + background-color: #ff5555; + display: flex; + justify-content: center; + align-items: center; + padding-top: 5vh; + padding-bottom: 5vh; + font-weight: bolder; + font-size: 15pt; +} + .name { display: flex; align-items: center; padding-top: 1vh; padding-bottom: 1vh; + text-decoration: none; } .name h1 { font-style: italic; - color: #000000; margin-left: 1vw; font-size: 45px; + color: #000000; } .logo { @@ -42,6 +55,12 @@ header { height: 50px; } +.card-link { + text-decoration: inherit; + color: inherit; + margin-top: 3vh; +} + .card-container { display: flex; flex-direction: column; @@ -54,7 +73,6 @@ header { background-color: #ffffff; border-radius: 15px; display: flex; - margin-top: 2.5vh; } .card .text { @@ -85,12 +103,13 @@ header { object-fit: cover; margin-right: 2vw; border-radius: 3px; + user-select: none; } .card h3 { font-family: 'Times New Roman', Times, serif; font-weight: lighter; font-size: 12.5pt; - color: #999999; + color: #797979; }