pages updated

pirateIV · Aug 28, 2023 · ad1943e · ad1943e
1 parent 0d5b4f4
commit ad1943e
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 6 deletions.
diff --git a/css/pages.css b/css/pages.css
@@ -33,7 +33,20 @@ p.small span {
   overflow: hidden;
   display: block;
   transition: 0.3s ease;
+  color: white;
+  font-weight: 400;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
 }
 .credit.credit-active {
   border: 2px solid gray;
+  background-color: #ccc;
+  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4), 0 3px 6px rgba(0, 0, 0, 0.4);
+}
+
+.credit.credit-active::before,
+.credit.credit-active::after {
+  content: '\f04b';
+  font-family: 'Font Awesome 6 Free';
 }
diff --git a/html/movie.html b/html/movie.html
@@ -6,7 +6,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>0</title>
 
-  <link rel="stylesheet" href="../css/main.css" />
+  <link rel="stylesheet" href="../css/main .css" />
   <link rel="stylesheet" href="../css/index.css">
   <link rel="stylesheet" href="../css/media.css" />
   <link rel="stylesheet" href="../css/movie.css">

diff --git a/html/pages.html b/html/pages.html
@@ -10,10 +10,10 @@
 <link rel="shortcut icon" href="../movies-sm.webp" type="image/x-icon" />
 <link rel="stylesheet" href="../css/pages.css">
 <link rel="stylesheet" href="../bootstrap.min.css" />
-<!-- <link rel="stylesheet" href="../fontawesome-free-6.4.0-web/fontawesome-free-6.4.0-web/css/all.min.css"> -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
+<link rel="stylesheet" href="../fontawesome-free-6.4.0-web/fontawesome-free-6.4.0-web/css/all.min.css">
+<!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
   integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA=="
-  crossorigin="anonymous" referrerpolicy="no-referrer" />
+  crossorigin="anonymous" referrerpolicy="no-referrer" /> -->
 
 <body>
   <main id="cast-character">

diff --git a/index.html b/index.html
@@ -77,7 +77,6 @@
             </li>
           </ul>
         </nav>
-
         <section id="moviesHeader" class="info-mov mt-90">
           <div class="container-mov content-container m-auto" id="content-info"></div>
           <img class="br-30" src="" alt="" />

diff --git a/js/pages.js b/js/pages.js
@@ -137,7 +137,7 @@ async function getCombCredits(combCreditsDATA) {
     creditContainer.innerHTML += 
     `
     <a class="credit credit-active text-decoration-none text-white ff-roboto">
-      <span class="credit-title">${item.title ? item.title : item.original_name}</span>
+      <span class="credit-title text-dark fw-bold">${item.title ? item.title : item.original_name}</span>
 
       <button>
         <i class="fa-solid fa-chevron-down"></i>