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

Fixed issue with naming,alternate text and fixed other minor problems

parent cda99ddd
......@@ -9,12 +9,12 @@ sorted: 3
<h3>KDE Connect is on all major platforms.</h3>
<picture>
<source srcset="assets/img/downloadskonqi_webp.webp" type="image/webp" />
<source srcset="assets/img/downloadskonqi.webp" type="image/webp" />
<source srcset="assets/img/downloadskonqi.png" type="image/png" />
<img
class="img-fluid"
src="assets/img/downloadskonqi.png"
alt="Alt Text!"
alt="Downloads Header"
/>
</picture>
</section>
......@@ -24,9 +24,9 @@ sorted: 3
<div class="row downrow">
<div class="col-md-4 imagecol">
<picture>
<source srcset="assets/img/tux_webp.webp" type="image/webp" />
<source srcset="assets/img/tux.webp" type="image/webp" />
<source srcset="assets/img/tux.png" type="image/png" />
<img class="img-fluid" src="assets/img/tux.png" alt="Alt Text!" />
<img class="img-fluid" src="assets/img/tux.png" alt="Tux" />
</picture>
</div>
<div class="col-md-8 down-desc">
......@@ -64,14 +64,14 @@ sorted: 3
<div class="col-md-4 imagecol">
<picture>
<source
srcset="assets/img/google-play-badge_webp.webp"
srcset="assets/img/google-play-badge.webp"
type="image/webp"
/>
<source srcset="assets/img/google-play-badge.png" type="image/png" />
<img
class="img-fluid"
src="assets/img/google-play-badge.png"
alt="Alt Text!"
alt="Google Play"
/>
</picture>
</div>
......@@ -126,14 +126,14 @@ sorted: 3
<div class="col-md-4 imagecol">
<picture>
<source
srcset="assets/img/google-play-badge_webp.webp"
srcset="assets/img/google-play-badge.webp"
type="image/webp"
/>
<source srcset="assets/img/google-play-badge.png" type="image/png" />
<img
class="img-fluid"
src="assets/img/google-play-badge.png"
alt="Alt Text!"
alt="Google Play"
/>
</picture>
</div>
......@@ -147,7 +147,7 @@ sorted: 3
<picture>
<source
media="(prefers-color-scheme: dark)"
srcset="assets/img/SailfishOS_logo-dark_webp.webp"
srcset="assets/img/SailfishOS_logo-dark.webp"
/>
<source
media="(prefers-color-scheme: dark)"
......@@ -155,7 +155,7 @@ sorted: 3
/>
<source
media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
srcset="assets/img/SailfishOS_logo_webp.webp"
srcset="assets/img/SailfishOS_logo.webp"
/>
<source
media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
......@@ -187,9 +187,9 @@ sorted: 3
<div class="row downrow">
<div class="col-md-4 imagecol">
<picture>
<source srcset="assets/img/windows_webp.webp" type="image/webp" />
<source srcset="assets/img/windows.webp" type="image/webp" />
<source srcset="assets/img/windows.png" type="image/png" />
<img class="img-fluid" src="assets/img/windows.png" alt="Alt Text!" />
<img class="img-fluid" src="assets/img/windows.png" alt="Windows" />
</picture>
</div>
<div class="col-md-8 down-desc">
......@@ -232,9 +232,9 @@ sorted: 3
</div>
<div class="col-md-4 imagecol">
<picture>
<source srcset="assets/img/windows_webp.webp" type="image/webp" />
<source srcset="assets/img/windows.webp" type="image/webp" />
<source srcset="assets/img/windows.png" type="image/png" />
<img class="img-fluid" src="assets/img/windows.png" alt="Alt Text!" />
<img class="img-fluid" src="assets/img/windows.png" alt="Windows" />
</picture>
</div>
</div>
......@@ -247,7 +247,7 @@ sorted: 3
<picture>
<source
media="(prefers-color-scheme: dark)"
srcset="assets/img/mac-dark_webp.webp"
srcset="assets/img/mac-dark.webp"
/>
<source
media="(prefers-color-scheme: dark)"
......@@ -255,7 +255,7 @@ sorted: 3
/>
<source
media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
srcset="assets/img/mac_webp.webp"
srcset="assets/img/mac.webp"
/>
<source
media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
......@@ -287,9 +287,9 @@ sorted: 3
<div class="row downrow">
<div class="col-md-4 imagecol">
<picture>
<source srcset="assets/img/qt_webp.webp" type="image/webp" />
<source srcset="assets/img/qt.webp" type="image/webp" />
<source srcset="assets/img/qt.png" type="image/png" />
<img class="img-fluid" src="assets/img/qt.png" alt="Alt Text!" />
<img class="img-fluid" src="assets/img/qt.png" alt="Qt" />
</picture>
</div>
<div class="col-md-8 down-desc">
......@@ -332,9 +332,9 @@ sorted: 3
</div>
<div class="col-md-4 imagecol">
<picture>
<source srcset="assets/img/qt_webp.webp" type="image/webp" />
<source srcset="assets/img/qt.webp" type="image/webp" />
<source srcset="assets/img/qt.png" type="image/png" />
<img class="img-fluid" src="assets/img/qt.png" alt="Alt Text!" />
<img class="img-fluid" src="assets/img/qt.png" alt="Qt" />
</picture>
</div>
</div>
......@@ -345,13 +345,9 @@ sorted: 3
<div class="row downrow">
<div class="col-md-4 imagecol">
<picture>
<source srcset="assets/img/KDE_Logo_webp.webp" type="image/webp" />
<source srcset="assets/img/KDE_Logo.webp" type="image/webp" />
<source srcset="assets/img/KDE_Logo.png" type="image/png" />
<img
class="img-fluid"
src="assets/img/KDE_Logo.png"
alt="Alt Text!"
/>
<img class="img-fluid" src="assets/img/KDE_Logo.png" alt="KDE Logo" />
</picture>
</div>
<div class="col-md-8 down-desc">
......@@ -380,9 +376,9 @@ sorted: 3
<div class="row downrow">
<div class="col-md-4 imagecol">
<picture>
<source srcset="assets/img/git_webp.webp" type="image/webp" />
<source srcset="assets/img/git.webp" type="image/webp" />
<source srcset="assets/img/git.png" type="image/png" />
<img class="img-fluid" src="assets/img/git.png" alt="Alt Text!" />
<img class="img-fluid" src="assets/img/git.png" alt="Git" />
</picture>
</div>
<div class="col-md-8 down-desc">
......@@ -419,9 +415,9 @@ sorted: 3
</div>
<div class="col-md-4 imagecol">
<picture>
<source srcset="assets/img/git_webp.webp" type="image/webp" />
<source srcset="assets/img/git.webp" type="image/webp" />
<source srcset="assets/img/git.png" type="image/png" />
<img class="img-fluid" src="assets/img/git.png" alt="Alt Text!" />
<img class="img-fluid" src="assets/img/git.png" alt="Git" />
</picture>
</div>
</div>
......
This diff is collapsed.
......@@ -10,8 +10,8 @@ features:
h1_content: Music. Control on Phone.
h2_content: >
Listenening to your favourite album on your Desktop? Now control it from your phone.
image2: assets/img/music.png
image1: assets/img/music_webp.webp
png: assets/img/music.png
webp: assets/img/music.webp
linkref: https://userbase.kde.org/KDEConnect#Multimedia_Control_Receiver
- class_name: feature ring
......@@ -21,8 +21,8 @@ features:
h2_content: >
Want to get Phone notifications on your PC while working on that latest project? Got a message from mom and want to reply without picking up your phone. Do it all with Connect.
linkref: https://userbase.kde.org/KDEConnect#Multimedia_Control_Receiver
image1: assets/img/Notifications_webp.webp
image2: assets/img/Notifications.png
webp: assets/img/Notifications.webp
png: assets/img/Notifications.png
- class_name: feature command dark
h1_class: command
......@@ -32,8 +32,8 @@ features:
Want to shut down? Lock your keyboard or mice? Run pre-defined commands from
your connected device or make and run your own commands. Your wish.
linkref: https://userbase.kde.org/KDEConnect#Run_Commands
image1: assets/img/command_webp.webp
image2: assets/img/command.png
webp: assets/img/command.webp
png: assets/img/command.png
- class_name: feature browse dark
h1_class: browse
......@@ -44,8 +44,8 @@ features:
party or share the link to a cool shopping offer? Now do it easily. Browse
your phone files too.
linkref: https://userbase.kde.org/KDEConnect#Share_and_Receive
image1: assets/img/files_webp.webp
image2: assets/img/files.png
webp: assets/img/files.webp
png: assets/img/files.png
- class_name: feature ring
h1_class: ring
h2_class: ring-desc
......@@ -55,15 +55,15 @@ features:
where it is. Also check your phones battery level from your Desktop. How
cool is that?
linkref: https://userbase.kde.org/KDEConnect#Ring_My_Phone
image1: assets/img/ring_webp.webp
image2: assets/img/ring.png
webp: assets/img/ring.webp
png: assets/img/ring.png
- class_name: feature more dark
h1_class: more
h2_class: more-desc
h1_content: Presentation Remote. Virtual Trackpad. More.
linkref: https://userbase.kde.org/KDEConnect#Virtual_Input
image1: assets/img/more_webp.webp
image2: assets/img/more.png
webp: assets/img/more.webp
png: assets/img/more.png
h2_content: >
Forgot your presentation remote but have an important presentation to do?
Want to use your phone as a trackpad? We all have been in these situations
......@@ -74,24 +74,24 @@ Boxes:
h4_content: >
Control Content on Browser. Tabs.Youtube.More.
linkref: https://community.kde.org/Plasma/Browser_Integration
image1: assets/img/plasmaint_webp.webp
image2: assets/img/plasmaint.png
webp: assets/img/plasmaint.webp
png: assets/img/plasmaint.png
- class_name: product-in plugin dark
h3_content: Plugins
h4_content: >
Make your Own Plugins and Build. Power to You.
linkref: https://userbase.kde.org/KDEConnect#Available_Plugins
image1: assets/img/plugin_webp.webp
image2: assets/img/plugin.png
webp: assets/img/plugin.webp
png: assets/img/plugin.png
- class_name: product-in OpenVpn
h3_content: OpenVPN Support
h4_content: >
Left home and want to run a command? Or want to give a presenassets/img/wiki.png
linkref: https://community.kde.org/KDEConnect#Running_KDE_Connect_over_OpenVPN
image1: assets/img/ovpn_webp.webp
image2: assets/img/ovpn.png
webp: assets/img/ovpn.webp
png: assets/img/ovpn.png
- class_name: product-in wiki
h3_content: Wiki. Everything you Need.
......@@ -99,8 +99,8 @@ Boxes:
Documentation for Everything.
linkref: https://community.kde.org/KDEConnect
image1: assets/img/wiki_webp.webp
image2: assets/img/wiki.png
webp: assets/img/wiki.webp
png: assets/img/wiki.png
---
<!-- To Expand this page add the new feature on top with required attributes. Also add the required css for each class. -->
......@@ -126,7 +126,7 @@ Boxes:
</div>
<picture>
<source srcset="assets/img/hero_main_webp.webp" type="image/webp" />
<source srcset="assets/img/hero_main.webp" type="image/webp" />
<source srcset="assets/img/hero_main.png" type="image/png" />
<img class="img-fluid" src="assets/img/hero_main.png" alt="Alt Text!" />
</picture>
......@@ -147,9 +147,9 @@ Boxes:
</a>
</div>
<picture>
<source srcset="{{feature.image1}}" type="image/webp" />
<source srcset="{{feature.image2}}" type="image/png" />
<img class="img-fluid" src="{{feature.image2}}" alt="Alt Text!" />
<source srcset="{{feature.webp}}" type="image/webp" />
<source srcset="{{feature.png}}" type="image/png" />
<img class="img-fluid" src="{{feature.png}}" alt="Feature" />
</picture>
</section>
{% endfor %}
......@@ -174,12 +174,12 @@ Boxes:
</div>
<picture>
<source srcset="assets/img/madebyyou.png" type="image/webp" />
<source srcset="assets/img/madebyyou_webp.webp" type="image/png" />
<source srcset="assets/img/madebyyou.webp" type="image/webp" />
<source srcset="assets/img/madebyyou.png" type="image/png" />
<img
class="img-fluid"
src="assets/img/madebyyou_webp.webp"
alt="Alt Text!"
src="assets/img/madebyyou.webp"
alt="Made by You"
/>
</picture>
</section>
......@@ -200,9 +200,9 @@ Boxes:
</div>
<picture>
<source srcset="{{box.image1}}" type="image/webp" />
<source srcset="{{box.image2}}" type="image/png" />
<img class="img-fluid prodim" src="{{box.image2}}" alt="Alt Text!" />
<source srcset="{{box.webp}}" type="image/webp" />
<source srcset="{{box.png}}" type="image/png" />
<img class="img-fluid prodim" src="{{box.png}}" alt="Feature" />
</picture>
</div>
</div>
......
......@@ -10,9 +10,9 @@ sorted: 4
<h3>This is the help you need.</h3>
<picture>
<source srcset="assets/img/usersupportheader_webp.webp" type="image/webp"/>
<source srcset="assets/img/usersupportheader.webp" type="image/webp"/>
<source srcset="assets/img/usersupportheader.png" type="image/png"/>
<img alt="Alt Text!" class="img-fluid" src="assets/img/usersupportheader.png"/>
<img alt="User Support" class="img-fluid" src="assets/img/usersupportheader.png"/>
</picture>
</section>
<div class="OSBlock">
......@@ -21,18 +21,18 @@ sorted: 4
<div class="col-md-4 imagecol">
<picture>
<source srcset="assets/img/userbase_webp.webp" type="image/webp"/>
<source srcset="assets/img/userbase.webp" type="image/webp"/>
<source srcset="assets/img/userbase.png" type="image/png"/>
<img alt="Alt Text!" class="img-fluid" src="assets/img/userbase.png"/>
<img alt="User Base" class="img-fluid" src="assets/img/userbase.png"/>
</picture>
</div>
<div class="col-md-8 down-desc">
<h1 class="down-head">UserBase Wiki</h1>
<p class="down-par">
Got lost in the features? Want to know how to install and use connect?
Having trouble with some features? The UserBase Wiki is a great place
to start.&nbsp;It provides information for end users on how to use and
configure KDE Connect.
Having trouble with some features? The UserBase Wiki is a great place
to start.&nbsp;It provides information for end users on how to use and
configure KDE Connect.
</p>
<a href="https://userbase.kde.org/KDEConnect">
<button class="btn btn-primary getbutton" type="button">
......@@ -48,16 +48,16 @@ sorted: 4
<div class="row downrow">
<div class="col-md-4 imagecol">
<picture>
<source srcset="assets/img/wikiuser_webp.webp" type="image/webp"/>
<source srcset="assets/img/wikiuser.webp" type="image/webp"/>
<source srcset="assets/img/wikiuser.png" type="image/png"/>
<img alt="Alt Text!" class="img-fluid" src="assets/img/wikiuser.png"/>
<img alt="Wiki User" class="img-fluid" src="assets/img/wikiuser.png"/>
</picture>
</div>
<div class="col-md-8 down-desc">
<h1 class="down-head">KDE Connect Wiki</h1>
<p class="down-par">
Has everything that you need support on. Developer or normal user.
From Installation to Development. Even troubleshooting.
From Installation to Development. Even troubleshooting.
</p>
<a href="https://community.kde.org/KDEConnect">
<button class="btn btn-primary getbutton" type="button">
......@@ -77,7 +77,7 @@ sorted: 4
</h1>
<p class="down-par">
Has everything that you need support on. Developer or normal user.
From Installation to Development. Even troubleshooting.&nbsp;
From Installation to Development. Even troubleshooting.&nbsp;
</p>
<a href="https://community.kde.org/KDEConnect">
<button class="btn btn-primary getbutton" type="button">
......@@ -87,9 +87,9 @@ sorted: 4
</div>
<div class="col-md-4 imagecol">
<picture>
<source srcset="assets/img/wikiuser_webp.webp" type="image/webp"/>
<source srcset="assets/img/wikiuser.webp" type="image/webp"/>
<source srcset="assets/img/wikiuser.png" type="image/png"/>
<img alt="Alt Text!" class="img-fluid" src="assets/img/wikiuser.png"/>
<img alt="Wiki User" class="img-fluid" src="assets/img/wikiuser.png"/>
</picture>
</div>
</div>
......@@ -101,16 +101,16 @@ sorted: 4
<div class="col-md-4 imagecol">
<picture>
<source srcset="assets/img/handbook_webp.webp" type="image/webp"/>
<source srcset="assets/img/handbook.webp" type="image/webp"/>
<source srcset="assets/img/handbook.png" type="image/png"/>
<img alt="Alt Text!" class="img-fluid" src="assets/img/handbook.png"/>
<img alt="handbook" class="img-fluid" src="assets/img/handbook.png"/>
</picture>
</div>
<div class="col-md-8 down-desc">
<h1 class="down-head">Handbook</h1>
<p class="down-par">
Connect provides various features. Read our handbook to get to know
KDE Connect.
KDE Connect.
</p>
<a href="https://docs.kde.org/index.php?application=kdeconnect-kde&amp;language=en">
<button class="btn btn-primary getbutton" type="button">
......@@ -127,17 +127,17 @@ sorted: 4
<div class="col-md-4 imagecol">
<picture>
<source srcset="assets/img/forum_webp.webp" type="image/webp"/>
<source srcset="assets/img/forum.webp" type="image/webp"/>
<source srcset="assets/img/forum.png" type="image/png"/>
<img alt="Alt Text!" class="img-fluid" src="assets/img/forum.png"/>
<img alt="Forums" class="img-fluid" src="assets/img/forum.png"/>
</picture>
</div>
<div class="col-md-8 down-desc">
<h1 class="down-head">Forums</h1>
<p class="text-left down-par">
Having an issue or want to discuss a problem. Why not do it on the
Forums?Maybe someone has already solved a similar problem. And if not,
feel free to ask there!
Forums?Maybe someone has already solved a similar problem. And if not,
feel free to ask there!
</p>
<a href="https://forum.kde.org/">
<button class="btn btn-primary getbutton" type="button">
......@@ -157,8 +157,8 @@ sorted: 4
</h1>
<p class="text-left down-par">
Having an issue or want to discuss a problem. Why not do it on the
Forums?Maybe someone has already solved a similar problem. And if not,
feel free to ask there!
Forums?Maybe someone has already solved a similar problem. And if not,
feel free to ask there!
</p>
<a href="https://forum.kde.org/">
<button class="btn btn-primary getbutton" type="button">
......@@ -168,9 +168,9 @@ sorted: 4
</div>
<div class="col-md-4 imagecol">
<picture>
<source srcset="assets/img/forum_webp.webp" type="image/webp"/>
<source srcset="assets/img/forum.webp" type="image/webp"/>
<source srcset="assets/img/forum.png" type="image/png"/>
<img alt="Alt Text!" class="img-fluid" src="assets/img/forum.png"/>
<img alt="Forums" class="img-fluid" src="assets/img/forum.png"/>
</picture>
</div>
</div>
......@@ -183,18 +183,18 @@ sorted: 4
<picture>
<source srcset="assets/img/features_webp.webp" type="image/webp"/>
<source srcset="assets/img/features.webp" type="image/webp"/>
<source srcset="assets/img/features.png" type="image/png"/>
<img alt="Alt Text!" class="img-fluid" src="assets/img/features.png"/>
<img alt="Features" class="img-fluid" src="assets/img/features.png"/>
</picture>
</div>
<div class="col-md-8 down-desc">
<h1 class="down-head">Found a Bug? Request a new feature?</h1>
<p class="down-par">
Bugs always happen and we need to fix it. Connect has many features
and we can add more. Both of these can happen with a little help from
you. You can file bugs and new feature requests on our Bugzilla.
Developers can start working on it.
and we can add more. Both of these can happen with a little help from
you. You can file bugs and new feature requests on our Bugzilla.
Developers can start working on it.
</p>
<a href="https://bugs.kde.org/">
<button class="btn btn-primary getbutton" type="button">
......@@ -212,16 +212,16 @@ sorted: 4
<picture>
<source srcset="assets/img/mailinglist_webp.webp" type="image/webp"/>
<source srcset="assets/img/mailinglist.webp" type="image/webp"/>
<source srcset="assets/img/mailinglist.png" type="image/png"/>
<img alt="Alt Text!" class="img-fluid" src="assets/img/mailinglist.png"/>
<img alt="Mailing List" class="img-fluid" src="assets/img/mailinglist.png"/>
</picture>
</div>
<div class="col-md-8 down-desc">
<h1 class="down-head">Mailing List</h1>
<p class="down-par">
Still can't resolve the issue. Why not get in touch through email?
Developers and other users including enthusiasts can help you out.
Developers and other users including enthusiasts can help you out.
</p>
<a href="https://bugs.kde.org/">
<button class="btn btn-primary getbutton" type="button">
......@@ -241,20 +241,20 @@ sorted: 4
</h1>
<p class="down-par">
Still can't resolve the issue. Why not get in touch through email or
IRC? Developers and other users including enthusiasts can help you
out.&nbsp;
IRC? Developers and other users including enthusiasts can help you
out.&nbsp;
</p>
<a href="https://mail.kde.org/mailman/listinfo/kdeconnect">
<button class="btn btn-primary getbutton" type="button">
Mailing LIst
Mailing List
</button>
</a>
</div>
<div class="col-md-4 imagecol">
<picture>
<source srcset="assets/img/mailinglist_webp.webp" type="image/webp"/>
<source srcset="assets/img/mailinglist.webp" type="image/webp"/>
<source srcset="assets/img/mailinglist.png" type="image/png"/>
<img alt="Alt Text!" class="img-fluid" src="assets/img/mailinglist.png"/>
<img alt="Mailing List" class="img-fluid" src="assets/img/mailinglist.png"/>
</picture>
</div>
</div>
......
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