-
Notifications
You must be signed in to change notification settings - Fork 0
/
shortfilm.html
132 lines (125 loc) · 8.55 KB
/
shortfilm.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<div class="project" style="transform: matrix(1, 0, 0, 1, 0, 0); display:one">
<div style="visibility: inherit; opacity: 1;">
<div class="smoothie sticky" data-scrollbar="" tabindex="1" style="overflow: hidden; outline: none;">
<article class="scroll-contents">
<div class="content" style="overflow:auto">
<div class="avatar-container">
<div data-image="" class="image-avatar" style="background-image: url(./assets/image/films.jpg); margin-top:40px;"><img src="./assets/image/films.jpg" alt="Chris Do"></div>
</div>
<div class="intro">
<div class="intro-content">
<div class="header">
<h1 class="workshop-name">48HR ShortFilm Making</h1>
<div>
</div>
</div>
<div class="middle">
<h2 style="text-transform: none">Prize Worth 10K</h2>
</div>
<div class="bottom"><br>
<a href="https://docs.google.com/forms/d/e/1FAIpQLSf1vdMDM1z2u_22kfjagG5Doo3E9liNz2Le6YzHK7QDyfQvVg/viewform?usp=pp_url&entry.1420214200&entry.1245869554&entry.1501041058&entry.457421910&entry.1466787173&entry.1839533997&entry.129874028" target="_blank"
style="font-size:17px">Register Now</a>
<br/><br>
<h4 class="name" style="font-size:18px;text-transform: unset">Sravan Pradeesh</h4>
<span>+91 80891 27273</span></div>
<div class="last"><span>scroll down</span></div>
</div>
</div>
<div class="preloaded-content">
<p class="intro-text" id="intro_text"> 48 HR Shortfilm making... Wonder by the name..? You have 48 hour to make your imagination to a moving picture.
</p>
<article class="info">
<ul>
<li id="first">
<h4>Date</h4>
<p>06-08<br>March</p>
</li>
<li>
<h4>Start in</h4>
<p>11:00 AM<br>06 March</p>
</li>
<li>
<h4>Bring It On</h4>
<p>11:00 AM<br>08 March</p>
</li>
<li id="sec">
<h4>Length</h4>
<p>3 - 7<br>Minutes</p>
</li>
<li>
<h4>Complete In</h4>
<p>48<br>Hours</p>
</li>
<li>
<h4>Reg Fee</h4>
<p>300/-<br>Rs</p>
</li>
</ul>
</article>
<div class="paragraphs">
<article class="paragraph">
<h4 class="is-visible">Rules</h4>
<div class="list is-visible">
<div class="col-md-12 col-lg-12">
<ul class="flat-list" style="font-size:16px;">
<li><i class="fa fa-check">The participating group/team must complete its film/video work in <b>48hr</b>.</i></li>
<li><i class="fa fa-check">Theme for 48hr film making challenge will be announced on <b>6/3/2018</b> at 11am.</i></li>
<li><i class="fa fa-check">The participating group/team must submit their film/video work on <b>8/3/2018</b> at 11am</i></li>
<li><i class="fa fa-check">All participant must be <b>student</b> of any education institution with proper <b>ID card</b></i></li>
<li><i class="fa fa-check">The film must be a <b>minimum of 3 to 7 minutes</b> in duration, not including end credits.</i></li>
<li><i class="fa fa-check">Entries must be the original work of the Entrant.</i></li>
<li><i class="fa fa-check">Only works that meet the deadline will be officially part of the competition. </i></li>
<li><i class="fa fa-check">48HFMP reserves the right to make the final determination as to which Entries are eligible.</i></li>
<li><i class="fa fa-check">Last date for registration is on 6 march 2018 till 10am.</i></li>
<li><i class="fa fa-check">The Reg. Fee is 300 Rs and payment only thorugh <b>Paytm</b> </i></li>
<li><i class="fa fa-check">Team must register thorugh online</i></li>
<li><i class="fa fa-check">All creativity must be done during the Official Time Period. </i></li>
<li><i class="fa fa-check">Any work in advance of the time period is prohibited</i></li>
<li><i class="fa fa-check">Any one member from team should came to submit their project at college on 8/3/2018.</i></li>
<li><i class="fa fa-check">Result will be publish on 9/3/2018.</i></li>
<li><i class="fa fa-check">For any future screenings, online or otherwise, films should retain the pre-film title card that says: This <tr/> film was made for the <b>AGNIYETRA 2K18 48 Hour shortfilm making challenge conducted by CSE dept,SNGIST GROUP OF INSTITUTIONS.</b></i></li>
<li><i class="fa fa-check">Participants will be able to download the entire <b>rules and regulation</b> in the Reistation form.</i></li>
<div style="height: 50px;">
</div>
</ul>
</div>
</div>
</article>
</div>
</div>
</div>
<div class="resize-sensor" style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; z-index: -1; visibility: hidden;">
<div class="resize-sensor-expand" style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: -1; visibility: hidden;">
<div style="position: absolute; left: 0px; top: 0px; transition: 0s; width: 100000px; height: 100000px;"></div>
</div>
<div class="resize-sensor-shrink" style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: -1; visibility: hidden;">
<div style="position: absolute; left: 0; top: 0; transition: 0s; width: 200%; height: 200%"></div>
</div>
</div>
</article>
</div>
</div>
</div>
<script src="./assets/js/smooth-scrollbar.js"></script>
<script>
var Scrollbar = window.Scrollbar;
var scrollbars = Scrollbar.init(document.querySelector('.content'));
var cta_fst = document.getElementById("hlo");
var li_sec = document.getElementById("sec");
var li_fst = document.getElementById("first");
var intro_text = document.getElementById('intro_text');
var delay = 0;
scrollbars.addListener(function(status) {
if (scrollbars.isVisible(li_sec)) {
$('.info > ul > li').each(function() {
var $li = $(this);
setTimeout(function() {
$li.addClass('is-visible');
}, delay += 100); // delay 100 ms
});
}
if (scrollbars.isVisible(intro_text)) {
$(".intro-text").addClass("is-visible");
}
});
</script>