Skip to content

Commit 1c36b4d

Browse files
fliptrailfliptrail
committed
add snowflakes
1 parent 7127158 commit 1c36b4d

File tree

7 files changed

+106
-12
lines changed

7 files changed

+106
-12
lines changed

‎archive.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -918,8 +918,8 @@ <h3>Previous Sponsors</h3>
918918
<div>
919919
© NJACK, IIT Patna 2019
920920
<ul class="footer-contact">
921-
<li><a href="mailto:[email protected]?subject=[NWoC]" target="_blank">Email</a></li>
922-
<li><a href="mailto:[email protected]?subject=[NWoC]" target="_blank">Email</a></li>
921+
<<li><a href="mailto:[email protected]?subject=[NWoC]" target="_blank">[email protected]</a></li>
922+
<li><a href="mailto:[email protected]?subject=[NWoC]" target="_blank">[email protected]</a></li>
923923
<li><a href="https://www.facebook.com/njack.iitp/" target="_blank">Facebook</a></li>
924924
<li><a href="https://twitter.com/njackiitp" target="_blank">Twitter</a></li>
925925
<li><a href="https://github.com/Njack-IITP/" target="_blank">GitHub</a></li>

‎codeofconduct.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -190,8 +190,8 @@ <h3>Code of Conduct</h3>
190190
<div>
191191
© NJACK, IIT Patna 2019
192192
<ul class="footer-contact">
193-
<li><a href="mailto:[email protected]?subject=[NWoC]" target="_blank">Email</a></li>
194-
<li><a href="mailto:[email protected]?subject=[NWoC]" target="_blank">Email</a></li>
193+
<li><a href="mailto:[email protected]?subject=[NWoC]" target="_blank">[email protected]</a></li>
194+
<li><a href="mailto:[email protected]?subject=[NWoC]" target="_blank">[email protected]</a></li>
195195
<li><a href="https://www.facebook.com/njack.iitp/" target="_blank">Facebook</a></li>
196196
<li><a href="https://twitter.com/njackiitp" target="_blank">Twitter</a></li>
197197
<li><a href="https://github.com/Njack-IITP/" target="_blank">GitHub</a></li>

‎contact.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -195,8 +195,8 @@ <h3>NJACK Development Department</h3>
195195
<div>
196196
© NJACK, IIT Patna 2019
197197
<ul class="footer-contact">
198-
<li><a href="mailto:[email protected]?subject=[NWoC]" target="_blank">Email</a></li>
199-
<li><a href="mailto:[email protected]?subject=[NWoC]" target="_blank">Email</a></li>
198+
<li><a href="mailto:[email protected]?subject=[NWoC]" target="_blank">[email protected]</a></li>
199+
<li><a href="mailto:[email protected]?subject=[NWoC]" target="_blank">[email protected]</a></li>
200200
<li><a href="https://www.facebook.com/njack.iitp/" target="_blank">Facebook</a></li>
201201
<li><a href="https://twitter.com/njackiitp" target="_blank">Twitter</a></li>
202202
<li><a href="https://github.com/Njack-IITP/" target="_blank">GitHub</a></li>

‎index.html‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -105,7 +105,10 @@
105105
<p>NWoC (NJACK Winter of Code) is a program by NJACK (the official computer club of IIT Patna) that helps students understand the paradigm of Open Source contribution and gives them real world software development experience.
106106
</p>
107107
</div>
108+
108109
<div class="nwoc-header-sponsors">
110+
<br>
111+
<br>
109112
<p>Previous edition sponsored By:</p>
110113
<a href="https://www.github.com"/ target="_blank"><img src="./images/GitHub_Logo_white_custom.png"/></a>
111114
<a href="https://www.jetbrains.com/" target="_blank"><img src="./images/jetbrains-variant-2-cropped.png"/></a>
@@ -381,6 +384,7 @@ <h4>Tell your friends about NWoC</h4>
381384

382385
</main>
383386
</div>
387+
<div class="snowflakes"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div>
384388
</body>
385389
<script>
386390

‎leaderboard.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -187,8 +187,8 @@ <h3>NWoC 2018 Leaderboard</h3>
187187
<div>
188188
© NJACK, IIT Patna 2019
189189
<ul class="footer-contact">
190-
<li><a href="mailto:[email protected]?subject=[NWoC]" target="_blank">Email</a></li>
191-
<li><a href="mailto:[email protected]?subject=[NWoC]" target="_blank">Email</a></li>
190+
<li><a href="mailto:[email protected]?subject=[NWoC]" target="_blank">[email protected]</a></li>
191+
<li><a href="mailto:[email protected]?subject=[NWoC]" target="_blank">[email protected]</a></li>
192192
<li><a href="https://www.facebook.com/njack.iitp/" target="_blank">Facebook</a></li>
193193
<li><a href="https://twitter.com/njackiitp" target="_blank">Twitter</a></li>
194194
<li><a href="https://github.com/Njack-IITP/" target="_blank">GitHub</a></li>

‎projects.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -663,8 +663,8 @@ <h3>NWoC 2018 Projects</h3>
663663
<div>
664664
© NJACK, IIT Patna 2019
665665
<ul class="footer-contact">
666-
<li><a href="mailto:[email protected]?subject=[NWoC]" target="_blank">Email</a></li>
667-
<li><a href="mailto:[email protected]?subject=[NWoC]" target="_blank">Email</a></li>
666+
<li><a href="mailto:[email protected]?subject=[NWoC]" target="_blank">[email protected]</a></li>
667+
<li><a href="mailto:[email protected]?subject=[NWoC]" target="_blank">[email protected]</a></li>
668668
<li><a href="https://www.facebook.com/njack.iitp/" target="_blank">Facebook</a></li>
669669
<li><a href="https://twitter.com/njackiitp" target="_blank">Twitter</a></li>
670670
<li><a href="https://github.com/Njack-IITP/" target="_blank">GitHub</a></li>

‎style.css‎

Lines changed: 92 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -221,7 +221,7 @@ a {
221221

222222
.nwoc-timeline-end::before {
223223
border: 5px solid #2196F3;
224-
content: "See you next year!";
224+
content: "NWoC 2019 ends";
225225
width: 113px;
226226
height: 22px;
227227
border-radius: 10px;
@@ -711,4 +711,94 @@ footer p strong {
711711
}
712712
}
713713

714-
714+
715+
.snowflakes {
716+
width:95%; height: 100%;
717+
position: absolute; top: -90px; left: 0;
718+
}
719+
720+
.snowflakes i, .snowflakes i:after, .snowflakes i:before { background: white; }
721+
.snowflakes i {
722+
display: inline-block;
723+
-webkit-animation: snowflakes 3s linear 2s 20;
724+
-moz-animation: snowflakes 3s linear 2s 20;
725+
position: relative;
726+
z-index:100;
727+
}
728+
.snowflakes i:after, .snowflakes i:before {
729+
height: 100%;
730+
width: 100%;
731+
content: ".";
732+
position: absolute;
733+
top: 0px;
734+
left: 0px;
735+
-webkit-transform: rotate(120deg);
736+
}
737+
.snowflakes i:before { -webkit-transform: rotate(240deg); }
738+
739+
@-webkit-keyframes snowflakes {
740+
0% {
741+
-webkit-transform: translate3d(0,0,0) rotate(0deg) scale(0.6);
742+
}
743+
100% {
744+
-webkit-transform: translate3d(0, calc(100vh + 400px), 0px) rotate(360deg) scale(0.6);
745+
};
746+
}
747+
748+
.snowflakes i:nth-child(3n) {
749+
width: 16px; height: 4px;
750+
-webkit-animation-duration: 6s;
751+
-webkit-animation-iteration-count: 30;
752+
/* -webkit-transform-origin: right -45px; */
753+
}
754+
755+
.snowflakes i:nth-child(3n+1) {
756+
width: 24px; height: 6px;
757+
-webkit-animation-duration: 8s;
758+
-webkit-animation-iteration-count: 45;
759+
/* -webkit-transform-origin: right -30px; */
760+
}
761+
762+
.snowflakes i:nth-child(3n+2) {
763+
width: 32px; height: 8px;
764+
-webkit-animation-duration: 10s;
765+
-webkit-animation-iteration-count: 60;
766+
/* -webkit-transform-origin: right -15px; */
767+
}
768+
769+
/* different delays so they don't all start at the same time */
770+
.snowflakes i:nth-child(7n) {
771+
opacity:.3;
772+
-webkit-animation-delay: 0s;
773+
-webkit-animation-timing-function:ease-in;
774+
}
775+
.snowflakes i:nth-child(7n+1) {
776+
opacity:.4;
777+
-webkit-animation-delay: 1s;
778+
-webkit-animation-timing-function:ease-out;
779+
}
780+
.snowflakes i:nth-child(7n+2) {
781+
opacity:.5;
782+
-webkit-animation-delay: 1.5s;
783+
-webkit-animation-timing-function:linear;
784+
}
785+
.snowflakes i:nth-child(7n+3) {
786+
opacity:.6;
787+
-webkit-animation-delay: 2s;
788+
-webkit-animation-timing-function:ease-in;
789+
}
790+
.snowflakes i:nth-child(7n+4) {
791+
opacity:.7;
792+
-webkit-animation-delay: 2.5s;
793+
-webkit-animation-timing-function:linear;
794+
}
795+
.snowflakes i:nth-child(7n+5) {
796+
opacity:.8;
797+
-webkit-animation-delay: 3s;
798+
-webkit-animation-timing-function:ease-out;
799+
}
800+
.snowflakes i:nth-child(7n+6) {
801+
opacity:.9;
802+
-webkit-animation-delay: 3.5s;
803+
-webkit-animation-timing-function:ease-in;
804+
}

0 commit comments

Comments
 (0)