wip: prace na dynamicke aplikaci

7 months ago · 3362255f08
8 changed files with 53 additions and 5 deletions
--- a/css/dark.css
+++ b/css/dark.css
--- a/css/light.css
+++ b/css/light.css
@ -0,0 +1,4 @@
 body {
    font-family: Arial, Helvetica, sans-serif;
 }
--- a/header.php
+++ b/header.php
@ -4,5 +4,11 @@
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php echo "$title"; ?></title>
    <link rel="stylesheet" href="css/light.css">
    <style>
        body {
            color: <?php echo "$color"; ?>;
        }
    </style>
 </head>
 <body>
--- a/images/earth1.webp
+++ b/images/earth1.webp
--- a/images/earth2.jfif
+++ b/images/earth2.jfif
--- a/index.php
+++ b/index.php
@ -1,13 +1,40 @@
 <?php
 $title = "Šablona";
 $title = "Dynamická aplikace";
 // změna barvy textu
 $color = "#000";
 if (isset($_GET["cc"])) {
    // porušení pravidla - nikdy nepřiřazuj hodnotu přímo z GET (POST)
    $color = $_GET["cc"];
 }
 include "header.php";
 echo "php project template";
 include "test.php";
 include "footer.php";
 // var_dump($_GET);
 // zobrazení odstavce, je-li v URL parameter "par"
 if (isset($_GET["par"])) {
    include "paragraph.php";
 }
 ?>
 // zobrazení obrázku podle parametru "img" v URL
 if (isset($_GET["img"])) {
    if ($_GET["img"] == "1") {
        echo "<img src=\"images/earth1.webp\" width=\"300\" alt=\"\">";
    }
    elseif ($_GET["img"] == "2") {
        echo "<img src=\"images/earth2.jfif\" width=\"300\" alt=\"\">";
    }
    else {
        echo "<p>Chyba, takový obrázek tu není</p>";
    }
 }
 else {
    echo "<img src=\"images/earth1.webp\" width=\"300\" alt=\"\">";
 }
 include "footer.php";
 ?>
--- a/paragraph.php
+++ b/paragraph.php
@ -0,0 +1,3 @@
 <p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate labore illum possimus consectetur tempora ipsa eos necessitatibus! Dolores eius qui officia ipsam dolorem iure voluptatum voluptas ut. Quas, qui recusandae!
 </p>
--- a/test.php
+++ b/test.php
@ -0,0 +1,8 @@
 <p>
   <a href="/">výchozí stránka</a>
   <a href="/?par=">stránka s odstavcem</a>
   <a href="/?img=1">stránka s obrázkem 1</a>
   <a href="/?img=2">stránka s obrázkem 2</a>
   <a href="/?img=333">stránka s chybnou hodnotou obrázku</a>
   <a href="/?par=&cc=red">stránka s červeným textem</a>
 </p>