Skip to content

Commit

Permalink
movie info page
Browse files Browse the repository at this point in the history
  • Loading branch information
@kitks
kitks committed May 6, 2021
1 parent 944bded commit 5c96c7d
Show file tree
Hide file tree
Showing 11 changed files with 162 additions and 143 deletions.
2 changes: 1 addition & 1 deletion css/index.css
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion css/index.css.map
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion css/index.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ body {

::-webkit-scrollbar-thumb {
width: 30px;
background: rgb(48, 48, 48);
background: rgb(68, 50, 0);
}

::-webkit-scrollbar-thumb:hover {
Expand Down
63 changes: 53 additions & 10 deletions css/info.css
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion css/info.css.map
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

85 changes: 66 additions & 19 deletions css/info.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,9 +3,29 @@ body {
background-color: black;
}

::-webkit-scrollbar {
width: 10px;
height: 10px;
}

::-webkit-scrollbar-track {
background: #131313;
}

::-webkit-scrollbar-thumb {
width: 10px;
background: rgb(68, 50, 0);
}

::-webkit-scrollbar-thumb:hover {
background: rgb(255, 187, 0);
width: 10px;
height: 10px;
}

#infoWrap {
height: 550px;
width: 1000px;
width: 1010px;
background-color: grey;
margin: 50px auto 0;
position: relative;
Expand All @@ -25,19 +45,25 @@ body {

#contentWrap {
z-index: 1;
// opacity: 0.5;
overflow-y: auto;
height: 570px;
width: 670px;
background-color: rgb(0, 17, 39);
padding: 30px;
width: 680px;
background-color: rgb(0, 13, 29);
padding: 15px 30px;

a {
text-decoration: none;

.fa.fa-youtube-play {
margin: 15px 0 0;
}
}

#titleWrap {
color: white;
h2 {
margin-bottom: 0;
font-size: 30pt;
}

span {
Expand All @@ -54,21 +80,44 @@ body {
}
}

#genreWrap {
margin-bottom: 10px;

span {
color: rgb(194, 194, 194);
font-size: 10pt;
}

span::after {
content: ",\00A0";
}

span:last-of-type::after {
content: "";
}
}

#story {
color: white;
font-size: 8pt;
margin-top: 20px;
height: 200px;
font-size: 10pt;
margin-top: 10px;
// height: 120px;
overflow: auto;
// padding: 5px;
// background-color: rgb(0, 36, 6);
}

#castWrap {
margin: 15px 0;
// margin: 15px 0;

h6 {
margin-top: 0;
color:rgb(194, 194, 194);
}

.cast {
display: inline-block;
margin: 0 10px 0 0;
margin: 0 10px 0 0;
width: 60px;
vertical-align: top;
// background-color: grey;
Expand All @@ -80,25 +129,23 @@ body {
object-fit: cover;
}

p{
p {
font-size: 6pt;
color: white;
text-align: center;
margin:0;
margin: 0;
}

p:nth-child(2){
font-weight:bolder;
p:nth-child(2) {
font-weight: bolder;
}

p:nth-child(3){
margin-left:0;
font-style:italic;
p:nth-child(3) {
margin-left: 0;
font-style: italic;
font-weight: lighter;
text-indent: -5px;
}


}
}
}
Expand Down
78 changes: 0 additions & 78 deletions genre.html
View file
Original file line number Diff line number Diff line change
@@ -1,78 +0,0 @@
<!DOCTYPE html>
<html>

<head>
<title>Cinema Online</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">
<link rel="stylesheet" href="./index.css">
</head>

<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="#">Cinema Online</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
data-bs-toggle="dropdown" aria-expanded="false">
Category
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<!-- <li><a class="dropdown-item action" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Animation</a></li>
<li><a class="dropdown-item" href="#">Comedy</a></li>
<li><a class="dropdown-item" href="#">Drama</a></li>
<li><a class="dropdown-item" href="#">Sci-Fi</a></li>
<li><a class="dropdown-item" href="#">Thriller</a></li> -->
</ul>
</li>
</ul>
<form class="d-flex">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="button">Search</button>
</form>
</div>
</div>
</nav>
<!-- <div class="row genresResult">
<div class="catagoryBanner"><h4>Now Playing</h4></div>
<ul>
</ul>
</div> -->
<div class="row nowPlaying">
<div class="catagoryBanner"><h4>Now Playing</h4></div>
<ul>
<!-- li section -->
</ul>
</div>
<div class="row upcoming">
<div class="catagoryBanner"><h4>Opening This Week</h4></div>
<ul>
<!-- li section -->
</ul>
</div>



<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf"
crossorigin="anonymous"></script>

<script src="./index.js"></script>
</body>

</html>
Loading

0 comments on commit 5c96c7d

Please sign in to comment.