update timeline and disable buttons

This commit is contained in:
Zlash65
2018-05-07 11:30:33 +05:30
parent cbd900b8fd
commit ed38ff0b79
3 changed files with 21 additions and 8 deletions

View File

@@ -52,7 +52,8 @@
</ol> </ol>
</div> </div>
<div class="text-center"> <div class="text-center">
<a class="button button-primary-small" href="/apply-for-esoc"> Apply Now </a> <div class="text-muted">{ registrations have been closed }</div>
<a class="button button-primary-small hidden disabled" href="/apply-for-esoc"> Apply Now </a>
</div> </div>
</div> </div>
</div> </div>

View File

@@ -123,6 +123,13 @@
color: #2e3338; color: #2e3338;
} }
a.disabled,
a.disabled:hover {
pointer-events: none;
cursor: default;
text-decoration: none;
}
/* ------ BOOTSTRAP GRID ------ */ /* ------ BOOTSTRAP GRID ------ */
.row:before, .row:before,
.row:after { .row:after {
@@ -338,6 +345,10 @@ time {
margin-bottom: 8px; margin-bottom: 8px;
} }
li.current::after {
background: #7575ff !important;
}
/* Timeline Effects */ /* Timeline Effects */
.timeline ul li::after { .timeline ul li::after {
transition: background .5s ease-in-out; transition: background .5s ease-in-out;

View File

@@ -25,32 +25,32 @@
<section class="timeline"> <section class="timeline">
<ul> <ul>
<li> <li class="current">
<div> <div>
<time>April 3, 2018</time> Student Applications Open <br><br> <time>April 3, 2018</time> Student Applications Open <br><br>
<a class="button button-primary-small" href="/apply-for-esoc">Students Apply Now</a> <a class="button button-secondary-small disabled" href="/apply-for-esoc">Students Apply Now</a>
</div> </div>
</li> </li>
<li> <li class="current">
<div> <div>
<time>April 14, 2018</time> Student Applications Deadline <time>April 14, 2018</time> Student Applications Deadline
</div> </div>
</li> </li>
<li> <li class="current">
<div> <div>
<time>April 15 - 23, 2018</time> Application Evaluation by Mentors <time>April 15 - 23, 2018</time> Application Evaluation by Mentors
</div> </div>
</li> </li>
<li> <li class="current">
<div> <div>
<time>April 23, 2018</time> Student Projects Announcement <time>April 23, 2018</time> Student Projects Announcement
</div> </div>
</li> </li>
<li> <li class="current">
<div> <div>
<time>April 23 - May 14, 2018</time> Know Your Community <time>April 23 - May 14, 2018</time> Know Your Community
</div> </div>
@@ -145,9 +145,10 @@
</ul> </ul>
</div> </div>
<div class="text-center"> <div class="text-center">
<a class="button button-primary" href="/apply-for-esoc"> Apply Now </a> <a class="button button-primary hidden disabled" href="/apply-for-esoc"> Apply Now </a>
</div> </div>
<div class="text-center text-muted text-small"> <div class="text-center text-muted text-small">
{ registrations have been closed }<br>
{ got questions? Check out our <a class="secondary-link bold" href="https://github.com/erpnext/foundation/wiki/ESOC-2018-FAQ" target="_blank">FAQ</a> page }<br> { got questions? Check out our <a class="secondary-link bold" href="https://github.com/erpnext/foundation/wiki/ESOC-2018-FAQ" target="_blank">FAQ</a> page }<br>
{ for more queries drop an email at <a class="secondary-link bold" href="mailto:esoc@erpnext.org">esoc@erpnext.org</a> } { for more queries drop an email at <a class="secondary-link bold" href="mailto:esoc@erpnext.org">esoc@erpnext.org</a> }
</div> </div>