GitLab is used only for code review, issue tracking and project management. Canonical locations for source code are still https://gitweb.torproject.org/ https://git.torproject.org/ and git-rw.torproject.org.

Commit cc6a865a authored by Hiro's avatar Hiro 🏄
Browse files

Use mobile image

parent 5481af81
......@@ -8170,13 +8170,23 @@ a.side-nav.active {
src: url("fonts/LeagueGothic/League_Gothic_Regular.woff"); }
.donate-has-image .donate-title {
display: none; }
@media (min-width: 576px) {
.donate-has-image .donate-header-image {
display: block;
width: 100%;
max-width: 650px;
margin: 0 auto;
height: auto; } }
.donate-has-image .donate-header-image-mobile {
display: block;
width: 100%;
margin: 0 auto;
height: auto; }
@media (min-width: 576px) {
.donate-has-image .donate-header-image-mobile {
display: none; } }
.donate-has-image .donate-header-image {
display: none; }
@media (min-width: 576px) {
.donate-has-image .donate-header-image {
display: block;
width: 100%;
max-width: 650px;
margin: 0 auto;
height: auto; } }
.header-description {
margin-bottom: 30px; }
......
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -15,7 +15,8 @@
<div class="row pb-5">
<h2 class="mx-auto display-3 text-white text-capitalize donate-title">{{ this.title }}</h2>
<img src="{{ this.header_image | asseturl }}" class="donate-header-image" />
<img src="{{ this.header_image + '-mobile' | asseturl }}" class="donate-header-image-mobile" />
{% set header_mobile = this.header_image + "-mobile" %}
<img src="{{ header_mobile | asseturl }}" class="donate-header-image-mobile" />
</div>
</div>
{% else %}
......
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