1
0
Sunny 2 rokov pred
rodič
commit
18bf632785
4 zmenil súbory, kde vykonal 79 pridanie a 5 odobranie
  1. 35 2
      assets/style.css
  2. 19 0
      elements/sidebar.php
  3. 19 3
      pages/album.php
  4. 6 0
      pages/artist.php

+ 35 - 2
assets/style.css

@@ -65,6 +65,23 @@ header .wrapper input {
   width: 100%;
 }
 
+main .wrapper .page {
+  display: grid;
+  gap: 1em;
+  grid-template-columns: auto 250px;
+}
+
+main .wrapper .subpage {
+  display: grid;
+  gap: 1em;
+  grid-template-columns: 250px auto 250px;
+}
+
+main .wrapper .page img,
+main .wrapper .subpage img {
+  width: 100%;
+}
+
 main .wrapper .results,
 main .wrapper .results div {
   display: grid;
@@ -73,7 +90,7 @@ main .wrapper .results div {
 }
 
 main .wrapper .results {
-  grid-template-columns: repeat(auto-fill, minmax(375px, auto));
+  grid-template-columns: repeat(auto-fill, minmax(300px, auto));
 }
 
 main .wrapper .results div {
@@ -89,7 +106,11 @@ main .wrapper .results img {
   width: 100px;
   height: 100px;
   object-fit: cover;
-  border-radius: 50%;
+}
+
+main .wrapper .sidebar a {
+  font-weight: bold;
+  text-decoration: initial;
 }
 
 a {
@@ -106,6 +127,18 @@ p a {
   color: var(--background);
 }
 
+@media (max-width: 1000px) {
+
+  main .wrapper .page,
+  main .wrapper .subpage {
+    grid-template-columns: auto;
+  }
+
+  main .wrapper .sidebar {
+    display: none;
+  }
+}
+
 @media (prefers-color-scheme: dark) {
   :root {
     --background: black;

+ 19 - 0
elements/sidebar.php

@@ -0,0 +1,19 @@
+<?php
+  echo "<div class=\"sidebar\">";
+
+  $image = $document->find(".bio-pic a")->attr("href");
+  $description = $document->find("#bio-text")->text();
+  $links = $document->find("#band-links li a");
+
+  if (isset($image)) echo "<img src=\"" . convert_link($image) . "\">";
+  if (isset($description)) echo "<p>" . $description . "</p>";
+
+  if ($links->length) echo "<p>";
+  foreach ($links as $link) {
+    echo "<a href=\"" . convert_link($link->attr("href")) . "\">" . htmlspecialchars($link->text()) . "</a>";
+    echo "<br>";
+  };
+  if ($links->length) echo "</p>";
+
+  echo "</div>";
+?>

+ 19 - 3
pages/album.php

@@ -11,12 +11,28 @@
 
 <?php
   echo "<h1>";
+  echo htmlspecialchars($document->find("h2")->next()->find("a")->text()) . ": ";
   echo htmlspecialchars($document->find("h2")->text());
-  echo "<br>";
-  echo "<small>" . htmlspecialchars($document->find("h2")->next()->text()) . "</small>";
   echo "</h1>";
 
-  // ...
+  echo "<div class=\"subpage\">";
+
+  echo "<div class=\"sidebar\">";
+
+  $image = $document->find("#tralbumArt a")->attr("href");
+  $description = $document->find(".tralbum-about")->text();
+
+  if (isset($image)) echo "<img src=\"" . convert_link($image) . "\">";
+  if (isset($description)) echo "<p>" . $description . "</p>";
+
+  echo "</div>";
+
+  echo "<div>";
+  echo "</div>";
+
+  include "../elements/sidebar.php";
+
+  echo "</div>";
 ?>
 
 <?php include "../elements/footer.php" ?>

+ 6 - 0
pages/artist.php

@@ -12,6 +12,8 @@
 <?php
   echo "<h1>" . htmlspecialchars($document->find("#band-name-location .title")->text()) . "</h1>";
 
+  echo "<div class=\"page\">";
+
   echo "<div class=\"results\">";
 
   $releases = $document->find("#music-grid li");
@@ -51,6 +53,10 @@
     echo "<div>No results.</div>";
 
   echo "</div>";
+
+  include "../elements/sidebar.php";
+
+  echo "</div>";
 ?>
 
 <?php include "../elements/footer.php" ?>