Commit ba4fe53d authored by Arjun Thekoot Harisankar's avatar Arjun Thekoot Harisankar 💻

Fixed issued with CSS on the Updated Downloads Page

parent c593c834
......@@ -8,18 +8,21 @@
.down-head {
font-weight: bold;
font-size: 35px;
margin-top: 20px;
}
}
.down-par {
font-weight: 400;
font-size: 18px;
max-width: 900px;
}
@media (min-width: 992px) {
.down-par {
font-weight: 400;
font-size: 20px;
max-width: 900px;
}
}
......@@ -72,6 +75,7 @@
font-size: 32px;
padding-left: 10px;
padding-right: 10px;
padding-top: 35px;
color: white;
}
......@@ -87,7 +91,7 @@
background-color: #31363b;
}
.col-md-4.imagecol {
.imagecol {
background-color: transparent;
padding-top: 20px;
}
......
......@@ -21,7 +21,7 @@ plateforms:
- name: Android
description: >
KDE Connect Android App is available on both Google Play Store and on
the Open Source [F-Droid Store](https://f-droid.org/packages/org.kde.kdeconnect_tp/).
the Open Source. <a href="https://f-droid.org/packages/org.kde.kdeconnect_tp/">F-Droid Store</a>
image:
webp: assets/img/google-play-badge.webp
png: assets/img/google-play-badge.png
......@@ -95,17 +95,18 @@ plateforms:
<section id="plateform" class="container">
{% for plateform in page.plateforms %}
<div class="block pt-4 pb-4">
<div class="block pt-4 pb-4 OSBlock">
<div class="kAppInfo">
<div class="kAppInfo-content">
<h2>{{ plateform.name }}</h2>
<p style="max-width:900px;">
{{ plateform.description | markdownify }}
<h2 class="down-head">{{ plateform.name }}</h2>
<p class="down-par" >
{{ plateform.description }}
</p>
<a class="button learn-more" href="{{ plateform.learn-more.link }}">
<a class="button learn-more getbutton" href="{{ plateform.learn-more.link }}">
{{ plateform.learn-more.text }}
</a>
</div>
{% if plateform.image-dark %}
<picture>
<source media="(prefers-color-scheme: dark)" srcset="{{ plateform.image-dark.webp }}"/>
......@@ -121,6 +122,7 @@ plateforms:
<img alt="{{ plateform.name }}" class="img-fluid" src="{{ plateform.image.png }}"/>
</picture>
{% endif%}
</div>
</div>
{% endfor %}
......@@ -131,7 +133,7 @@ plateforms:
<div class="card-body">
<h4 class="card-title titlecard">Pairing Two Devices</h4>
<p class="card-text titlepar">
Paiting two devices is the first steep in using KDE Connect.
Paiting two devices is the first step in using KDE Connect.
</p>
<a class="card-link" href="https://userbase.kde.org/KDEConnect#Pairing_two_devices_together">
<button class="button learn-more" type="button">Learn More</button>
......
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