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>
</div>
<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>

View File

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

View File

@@ -25,32 +25,32 @@
<section class="timeline">
<ul>
<li>
<li class="current">
<div>
<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>
</li>
<li>
<li class="current">
<div>
<time>April 14, 2018</time> Student Applications Deadline
</div>
</li>
<li>
<li class="current">
<div>
<time>April 15 - 23, 2018</time> Application Evaluation by Mentors
</div>
</li>
<li>
<li class="current">
<div>
<time>April 23, 2018</time> Student Projects Announcement
</div>
</li>
<li>
<li class="current">
<div>
<time>April 23 - May 14, 2018</time> Know Your Community
</div>
@@ -145,9 +145,10 @@
</ul>
</div>
<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 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>
{ for more queries drop an email at <a class="secondary-link bold" href="mailto:esoc@erpnext.org">esoc@erpnext.org</a> }
</div>