Commit 68628df4 authored by Ale's avatar Ale

feat: Add workshop modal

parent d9a80012
......@@ -984,6 +984,30 @@ select {
.modal__close:hover {
cursor: pointer; }
@keyframes swipedown {
0% {
opacity: 0; }
100% {
opacity: 0.9; } }
.modal#workshop {
opacity: 0.9; }
.modal.swipe-down .modal__close {
right: 0.8rem;
top: 0.8rem; }
.modal.swipe-down.visible {
width: 360px;
top: calc(50vh - 180px);
left: calc(50vw - 180px);
animation: swipedown 2s ease 1 forwards; }
@media all and (min-width: 640px) {
.modal.swipe-down.visible {
width: auto;
top: calc(50vh - 320px);
left: calc(50vw - 320px); } }
.modal.swipe-down .modal__inner {
padding: 0.8rem; }
.modal.swipe-left {
top: 0;
height: 100vh;
......
This diff is collapsed.
......@@ -13,6 +13,31 @@
&:hover
cursor: pointer
@keyframes swipedown
0%
opacity: 0
100%
opacity: .9
.modal#workshop
opacity: .9
.modal.swipe-down
.modal__close
right: $m/2
top: $m/2
&.visible
width: 360px
top: calc(50vh - 180px)
left: calc(50vw - 180px)
@media all and (min-width: 640px)
width: auto
top: calc(50vh - 320px)
left: calc(50vw - 320px)
animation: swipedown 2s ease 1 forwards
.modal__inner
padding: $m/2
.modal.swipe-left
top: 0
height: 100vh
......
......@@ -152,6 +152,14 @@
</div>
</div>
{% endif %}
<div class="modal visible swipe-down" id="workshop">
<img class="modal__close" data-close="#workshop" src="{% static 'site/img/icons/x.svg' %}" />
<div class="modal__inner">
<a href="https://docs.google.com/forms/d/1wZvZcZH2-bNFH_JK3o3A_-VM-p1pa6zYvpHZEyinpEg/viewform?edit_requested=true" target="_blank">
<img src="{% static '/site/img/other/modal-taller.jpg' %}" />
</a>
</div>
</div>
</div>
{% endblock %}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment