changed position of logos in footer for mobile devices + added helloasso button in resources

This commit is contained in:
Danhia 2022-02-04 00:27:29 +01:00
parent 53fe69aa09
commit 8fd25d8fa6
5 changed files with 21 additions and 11 deletions

View File

@ -83,13 +83,13 @@
{% endfor %} {% endfor %}
</ul> </ul>
<div class="row flex-nowrap"> <div class="row flex-nowrap">
<div class="col-lg-6 col-sm-3"> <div class="col-lg-6 col-md-6">
<ul class="list-group"> <ul class="list-group">
<li class="list-group-item active">{% trans "Flags" %}</li> <li class="list-group-item active">{% trans "Flags" %}</li>
<li class="list-group-item"><span>{{ flags }}</span></li> <li class="list-group-item"><span>{{ flags }}</span></li>
</ul> </ul>
</div> </div>
<div class="col-lg-6 col-sm-3"> <div class="col-lg-6 col-md-6">
<ul class="list-group"> <ul class="list-group">
<li class="list-group-item active">{% trans "Users" %}</li> <li class="list-group-item active">{% trans "Users" %}</li>
<li class="list-group-item"><span>{{ nb_users }}</span></li> <li class="list-group-item"><span>{{ nb_users }}</span></li>

View File

@ -36,7 +36,10 @@
<!-- </div> --> <!-- </div> -->
</a> </a>
<a href="https://www.paypal.com/donate/?hosted_button_id=M6YBYZ63MQGAY" target="_blank"> <a href="https://www.paypal.com/donate/?hosted_button_id=M6YBYZ63MQGAY" target="_blank">
<img src="/static/img/paypal.png" width="200"> <img src="/static/img/paypal.png" width="200" style="margin-top: -10px;">
</a>
<a href="https://www.helloasso.com/associations/42ctf/adhesions/adhesion" target="_blank">
<img src="/static/img/hello_asso.png" width="180" style="margin-top: -10px;">
</a> </a>
</center> </center>
<br> <br>

View File

@ -372,6 +372,13 @@ footer {
.bottom-sm { order: 3 } .bottom-sm { order: 3 }
} }
@media screen and (min-width: 992px) {
.container { display: flex; flex-flow: column; }
.top-md { order: 1; }
.middle-md { order: 2; }
.bottom-md { order: 3 }
}
.ctf-link { .ctf-link {
color: #fff; color: #fff;
} }

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 KiB

View File

@ -114,25 +114,22 @@
</div> </div>
<footer class="container"> <footer class="container">
<div class="row"> <div class="row">
<div class="col-md-4"> <div class="col-lg-4 col-12">
<a href="https://discord.gg/DwZqPpA"> <a href="https://discord.gg/DwZqPpA">
<img width="250px" src="https://discordapp.com/api/guilds/606162827274616845/widget.png?style=banner2"> <img width="250px" src="https://discordapp.com/api/guilds/606162827274616845/widget.png?style=banner2" style="margin-bottom:5px">
</a> </a>
</div> </div>
<div class="col-md-1 col-xs-1"> <div class="col-lg-1 col-6">
<a href="https://twitter.com/42ctf"> <a href="https://twitter.com/42ctf">
<img width="50px" src="{% static "img/twitter.png" %}"> <img width="50px" src="{% static "img/twitter.png" %}">
</a> </a>
</div> </div>
<div class="col-md-2 footer-text col-xs-2"> <div class="col-lg-1 col-6 middle-md">
<p>42ctf@protonmail.com <br>Made with <img src="{% static "img/smoke.png" %}" width="20px" style="margin-top:-5px"> by <a href="https://ix-56h.github.io/">ix-56h</a> - <a href="{% url "cgu" %}">CGU</a></p>
</div>
<div class="col-md-1 col-xs-1">
<a href="https://fr.linkedin.com/company/42ctf"> <a href="https://fr.linkedin.com/company/42ctf">
<img width="50px" src="{% static "img/linkedin.png" %}" style="margin-bottom:5px"> <img width="50px" src="{% static "img/linkedin.png" %}" style="margin-bottom:5px">
</a> </a>
</div> </div>
<div class="col-md-4"> <div class="col-lg-4 col-12 bottom-md">
<a href="https://www.patreon.com/42ctf" target="_blank" class="patreon"> <a href="https://www.patreon.com/42ctf" target="_blank" class="patreon">
<div class="patreon-content"> <div class="patreon-content">
<span class="svg-box"> <span class="svg-box">
@ -144,6 +141,9 @@
</div> </div>
</a> </a>
</div> </div>
<div class="col-lg-2 footer-text col-sm-12">
<p>42ctf@protonmail.com <br>Made with <img src="{% static "img/smoke.png" %}" width="20px" style="margin-top:-5px"> by <a href="https://ix-56h.github.io/">ix-56h</a> - <a href="{% url "cgu" %}">CGU</a></p>
</div>
</div> </div>
</footer> </footer>
<!-- Optional JavaScript --> <!-- Optional JavaScript -->