Skip to content

Commit

Permalink
updated with css
Browse files Browse the repository at this point in the history
  • Loading branch information
rndexe authored Sep 12, 2020
1 parent 09edadd commit d3742e7
Show file tree
Hide file tree
Showing 8 changed files with 332 additions and 55 deletions.
86 changes: 86 additions & 0 deletions boxoffice.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,86 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="css/master.css">
<link rel="stylesheet" href="css/boxoffice.css">
<title>BOX OFFICE</title>
</head>
<body>

<div class="wrap">

<div class="header">

<div class="logo" align="right">

<a href="index.html" id="logo">
<img src="assets/logo.png" alt="" class="logo">
</a>

</div>

<h2 align="center">WHATS ON AT HARKAT</h2>

</div>

<div class="container">

<a href="#">

<div class="event">
<img src="" alt="">
<h1>TITLE</h1>
<p>Date, Time</p>
<p>Description Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>

</a>

<a href="#">

<div class="event">
<img src="" alt="">
<h1>TITLE</h1>
<p>Date, Time</p>
<p>Description Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>

</a>
<a href="#">

<div class="event">
<img src="" alt="">
<h1>TITLE</h1>
<p>Date, Time</p>
<p>Description Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>

</a>
<a href="#">

<div class="event">
<img src="" alt="">
<h1>TITLE</h1>
<p>Date, Time</p>
<p>Description Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>

</a>
<a href="#">

<div class="event">
<img src="" alt="">
<h1>TITLE</h1>
<p>Date, Time</p>
<p>Description Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>

</a>

</div>

</div>

</body>
</html>
78 changes: 78 additions & 0 deletions cinema.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,78 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
<meta charset="utf-8">
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/cinema.css">
<title>Harkat Studios</title>
</head>

<body>

<div class="home">
<a href="index.html" id="home2">
<p id="home">home</p>
<!-- <img src="assets/logo.png" alt="" id="home"> -->
</a>
</div>

<div class="wrap">

<div class="show" id="show">
<a href="#" id="show2">
<p align="center">show</p>
</a>
</div>

<div class="wrapper">

<div class="container">
<img src="assets/film.gif" width="100%" height="100%" alt="" id="placeholder">
<iframe src="" id="iframe"></iframe>
<iframe id="iframe2" frameborder="0" src="https://www.youtube.com/embed/ps8yi8Gz73g?rel=0&controls=0&showinfo=0&autoplay=1&disablekb=1&fs=1" frameborder="0" allowfullscreen></iframe>
</div>

</div>

<div class="talk">
<a href="https://whereby.com/harkatstudios" id="talk2" target="_blank">
<p align="center" id="talk">talk</p>
</a>
</div>

</div>

<div class="about">
<a href="#">
<p id="about">about</p>
</a>
</div>

<!-- The Modal -->
<div id="myModal" class="modal">

<!-- Modal content -->
<div class="modal-content">
<span class="close">&times;</span>
<br><br><br>
<p align="center">
THIS IS THE ABOUT PAGE
<br><br><br>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<br><br><br>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<br><br><br><br>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

</p>
</div>

</div>

</body>
<script type="text/javascript" src="js/cinema/modalbox.js"></script>
<script type="text/javascript" src="js/cinema/talk.js"></script>

</html>
20 changes: 6 additions & 14 deletions dashboard.html
View file
Original file line number Diff line number Diff line change
@@ -1,21 +1,13 @@
<html>
<body>
<button type="button" id="volumeUp">+</button>
<span id="volumeLevel">50</span>
<button type="button" id="volumeDown">-</button>
<button type="button" id="muteButton">Mute</button>
<div id="comments"></div>

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

<script>
var source = new EventSource("dash.php");
source.onmessage = function(event) {
console.log(event.data);
var info = JSON.parse(event.data);
if(info.clap == 1) {
var audioElement = new Audio("applause8.mp3");
audioElement.play();
}

var elem = document.getElementById('comments');
elem.innerText = info.text;
};
</script>

</html>
76 changes: 35 additions & 41 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,41 +1,35 @@
<!DOCTYPE html>
<html>
<body>

<div id="controls">
<input id="comment" type="text" value="">
<button type="button" onclick="sendComment()" >Send</button>
<button type="button" onclick="applauseStart()" >Applause</button>
</div>
<script>
function applauseStart() {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
console.log(this.responseText);
}
};

xmlhttp.open("GET", "server.php?clap=1", true);
xmlhttp.send();
}
function sendComment() {
var comment = document.getElementById("comment").value;
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
console.log(this.responseText);
}
};

document.getElementById("comment").value = "";
xmlhttp.open("GET", "server.php?comment="+comment, true);
xmlhttp.send();

}


</script>

</body>
</html>
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/master.css">
<title>HOME</title>
</head>
<body>
<div class="wrap" style="background-image: url(assets/stop.gif)";>
<div class="menu" align="left">
<div class="links">
<a href="reception.html">Reception</a>
</div>
<div class="links">
<a href="boxoffice.html">Box Office</a>
</div>
<div class="links">
<a href="livetheatreentrance.html">Live-Theatre</a>
</div>
<div class="links">
<a href="cinema.html">Cinema</a>
</div>

</div>
<div class="logo" align="left">

<a href="index.html" id="logo">
<img src="assets/logo.png" alt="" class="logo">
</a>

</div>
</div>
</body>
</html>
33 changes: 33 additions & 0 deletions livetheatre.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<link rel="stylesheet" href="css/livetheatre.css">
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap" rel="stylesheet">
<title>LIVE THEATRE</title>
<script src="js/livetheatre.js" async></script>
</head>
<body>
<div class="wrap">

<div class='player'>

<iframe src="https://player.vimeo.com/video/412284216?api=1&background=1&loop=0" allowtransparency="true" frameborder="0" width="100%" height="100%"></iframe>

</div>

<div class="controls">

<div class="playbar">

<input type="text" id="name" placeholder="Your Name" value="" maxlength=280>
<input type="text" id="comment" placeholder="comments/questions/thoughts..." value="" maxlength=280>
<button type="button" id="commentButton" >SEND</button>
<button type="button" id="clapButton" >CLAP</button>

</div>

</div>


</body>
</html>
48 changes: 48 additions & 0 deletions livetheatreentrance.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,48 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="css/entrance.css">
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Halant&display=swap" rel="stylesheet">
<title>Live Theatre Entrance</title>
<script src = "js/countdown.js" async></script>
</head>
<body>

<div class="wrap" align="center">

<div class="information" align="center">
<h1 align="center">WELCOME TO THE HARKAT LIVE THEATRE</h1>
<h2>Event Title</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<h2 id="date">00 MONTH 0000, 00PM</h2>
</div>

<div class="timer" align="center">

<h3 id="timer">00:00:00</h3>

</div>

<div class="enter" align="center">

<p id="password">ENTER PASSWORD</p>
<input id="passwordInput" type="password"><br>
<button id="enter" type="button" disabled>Enter</button>

</div>


<div class="logo" align="right">

<a href="index.html" id="logo">
<img src="assets/logo.png" alt="" class="logo">
</a>

</div>

</div>

</body>
</html>
34 changes: 34 additions & 0 deletions reception.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="css/master.css">
<title>reception</title>
</head>
<body>

<div class="wrap" style="background-image: url(assets/stop.gif)";>

<div class="logo" align="right">

<a href="index.html" id="logo">
<img src="assets/logo.png" alt="" class="logo">
</a>
</div>

<div class="information">

<h2>Welcome to the Harkat Virtual Space</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>send us your questions, comments, thoughts here <br><br>
<input type="text" name="" value="NAME"><br><br>
<input type="text" name="" value=""><br><br>
or chat with us face to face <a href="https://whereby.com/harkatstudios" target="_blank">here</a>
</p>

</div>

</div>

</body>
</html>
Loading

0 comments on commit d3742e7

Please sign in to comment.