Skip to content

GitLab

K
KDE Connect Website
Commit 92c15587 authored by Carl Schwan's avatar Carl Schwan 🚴
Browse files
Options

Merge branch 'improve-wording' into 'master' 

fix: wording for get-involved page and download page

See merge request !5
parents 9454ecc2 fdf3b211
Hide whitespace changes
Inline Side-by-side
Showing with 137 additions and 441 deletions
_layouts/get-involved.html 0 → 100644
View file @ 92c15587
---
layout: default
---
<div id="develop-hero" class="p-5" style="height: auto;">
<div class="container" style="background-color: #333; padding: 40px; text-align: center;">
<h1 style="color: #EEE; font-size: 22px; font-weight: bold;">Get Involved</h1>
<p style="color: #CCC; padding: 10px; max-width: 500px; margin: 0px auto;">
Help making KDE Connect more beautiful, easier to use, faster, and available to more platforms.
</p>
</div>
</div>
<main class="container pt-4">
<div class="row">
<div class="col col-md-11 col-lg-10 mx-auto letter">
{{ content }}
</div>
</div>
</main>
css/get-involved_change.css deleted 100644 → 0
View file @ 9454ecc2
.letter p {
font-size: 20px;
}
.card-title.cardheading {
font-size: 16px;
font-weight: bold;
padding: 0px;
}
.card-text.carddesc {
font-size: 16px;
}
.card-body.Junior {
text-align: center;
}
.faq {
font-size: 20px;
font-weight: bold;
}
.button.FAQ.Button {
background-color: inherit;
color: #3daee9;
font-size: 18px;
border-color: #2980b9;
font-weight: bold;
}
.row.FAQrow {
margin-top: 30px;
}
.faqpar {
font-size: 18px !important;
font-weight: 400;
}
.lib {
font-size: 20px;
font-weight: bold;
}
.topsec {
text-align: center;
background-color: #31363b !important;
}
.topsec h4 {
font-size: 28px;
color: white !important;
}
.topsec h3 {
font-weight: bold;
color: white !important;
}
.dropdowndiv {
text-align: center;
}
.button.Drop.Down {
border-width: 2px;
border-color: black;
}
.tab input {
position: absolute;
opacity: 0;
z-index: -1;
}
.tabs {
overflow: hidden;
box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
}
.tab {
width: 100%;
color: white;
overflow: hidden;
}
.tab-label {
display: flex;
justify-content: space-between;
padding: 1em;
background: #3daee9;
font-weight: bold;
cursor: pointer;
}
.tab-label:hover {
background: #2980b9;
}
.tab-label::after {
content: "\276F";
width: 1em;
height: 1em;
text-align: center;
transition: all 0.35s;
}
.tab-content {
max-height: 0;
padding: 0 1em;
color: #2c3e50;
transition: all 0.35s;
}
.tab-close {
display: flex;
justify-content: flex-end;
padding: 1em;
font-size: 0.75em;
background: #2c3e50;
cursor: pointer;
}
.tab-close:hover {
background: #1a252f;
}
input:checked + .tab-label {
background: #1a252f;
}
input:checked + .tab-label::after {
transform: rotate(90deg);
}
input:checked ~ .tab-content {
max-height: 100vh;
padding: 1em;
}
.tab-content.contribute {
overflow: scroll;
}
.dropdown.links {
margin: auto;
margin-top: 40px;
position: relative;
height: 200px;
}
.headinglink {
border-radius: 2px;
position: relative;
background: #3daee9;
font-size: 18px;
height: 40px;
color: white;
font-weight: 200;
display: flex;
flex: 1;
justify-content: center;
align-items: center;
box-shadow: 4px 4px 20px -2px #95a5a6;
transition: all 0.4s;
}
@media (prefers-color-scheme: dark) {
.tab-content {
color: white;
}
}
@media (prefers-color-scheme: dark) {
.headinglink {
color: white !important;
}
}
@media screen and ( max-height: 846px ) and (orientation : landscape){
.fiximg{
max-width: 400px;
}
.feature h1{
font-size: 25px !important;
}
.feature h2{
font-size: 19px !important;
}
}
@media screen and ( max-height: 568px ) and (orientation : landscape){
.fiximg{
max-width: 400px;
}
.feature h1{
font-size: 20px !important;
}
.feature h2{
font-size: 16px !important;
}
}
button.listblue{
line-height: 1.5;
width: 100%;
margin: 2px;
background:#3daee9;
padding:0px;
font-size: 18px;
text-align: center;
}
.listblue:hover {
background: #2980b9;
transition: background 0.45s;
}
.listblue a {
display: block;
color: white;
font-size: 18px;
font-weight: 200;
text-decoration: none;
transition: color 0.3s;
}
.smaller{
font-size: 18px;
}
css/main.scss
View file @ 92c15587
......@@ -7,7 +7,6 @@
@import "download.scss";
@import "styles.scss";
@import "download_change.css";
@import "get-involved_change.css";
@media (min-width: 768px) {
.kAppInfo a, .kAppInfo video, .kAppInfo-content {
......@@ -24,3 +23,11 @@
}
}
}
#develop-hero {
width: 100%;
height: 130px;
background-size: cover;
background-position: center;
background-image: url(https://kde.org/content/develop/devApps.png);
}
download.html
View file @ 92c15587
......@@ -28,10 +28,19 @@ plateforms:
learn-more:
text: Get it from Play Store
link: https://play.google.com/store/apps/details?id=org.kde.kdeconnect_tp
- name: Plasma Mobile
description: >
A mobile friendly interface, targeted at mobile
Linux platforms such as Plasma Mobile, is also available.
image:
png: assets/img/plasma.png
webp: assets/img/plasma.webp
learn-more:
text: Instructions for Plasma Mobile
link: https://community.kde.org/KDEConnect#Mobile-Friendly_QML_App
- name: SailfishOS
description: >
KDE Connect is available on SailfishOS and the KDE Connect Team is
working on bringing connect to other linux based phones.&nbsp;
KDE Connect is available for SailfishOS in openrepos.net.
image:
webp: assets/img/SailfishOS_logo.webp
png: assets/img/SailfishOS_logo.png
......@@ -40,16 +49,16 @@ plateforms:
png: assets/img/SailfishOS_logo-dark.png
learn-more:
text: Get it for SailfishOS
link: https://openrepos.net/content/piggz/kde-connect
link: https://openrepos.net/content/r1tschy/sailfish-connect
- name: Windows
description: >
KDE Connect's early version available for Windows. Build following the detailed instructions.
An early release of KDE Connect on Windows is available as well as binary packages and build instructions.
image:
webp: assets/img/windows.webp
png: assets/img/windows.png
learn-more:
text: Instructions for Windows
link: https://community.kde.org/KDEConnect/Build_Windows
text: Get it for Windows
link: https://binary-factory.kde.org/job/kdeconnect-kde_Release_win64/
- name: macOS
description: >
An early release version for Mac OS.
......@@ -62,16 +71,6 @@ plateforms:
learn-more:
text: Instructions for Mac OS
link: https://community.kde.org/KDEConnect/Build_MacOS
- name: Plasma Mobile
description: >
A mobile friendly interface, targeted at mobile
Linux Platforms such as Plasma Mobile, is also available.
image:
png: assets/img/plasma.png
webp: assets/img/plasma.webp
learn-more:
text: Instructions for Plasma Mobile
link: https://community.kde.org/KDEConnect#Mobile-Friendly_QML_App
- name: Source code
description: >
KDE Connect Source Code can be viewed using cgit. Source Code is
......
get-involved.html deleted 100644 → 0
View file @ 9454ecc2
---
layout: default
title: Get Involved
konqi: assets/img/konqi-dev.png
sorted: 5
---
<section class="topsec">
<h4 class="p-2">Made By You.</h4>
<h3 class="p-2">Get Involved.</h3>
<picture>
<source srcset="assets/img/Header.webp" type="image/webp"/>
<source srcset="assets/img/Header.png" type="image/png"/>
<img alt="Made By You Header" class="img-fluid" src="assets/img/Header.png"/>
</picture>
</section>
<article class="letter-article mt-3">
<div class="container">
<div class="row">
<div class="col col-md-10 col-lg-8 mx-auto letter">
<section class="notprogrammer">
<picture>
<source srcset="assets/img/involved-header.webp" type="image/webp"/>
<source srcset="assets/img/involved-header.png" type="image/png"/>
<img alt="Not a Programmer" class="img-fluid" src="assets/img/involved-header.png"/>
</picture>
</section>
<p>
KDE Connect is a perfect project to start contributing to KDE. You will need a basic understanding of programming concepts, the rest can be picked up on the go. Experience with Android or Qt is beneficial but not needed. Not a programmer? We have other roles too. You can also contribute to other KDE Projects and Groups. We want to make it easy to get involved with the community. Many in the community are ready to help out new contributors. You can find them on the mentoring page.&nbsp; Many of them hangout in chatrooms and Telegram. Feel free to ask them any question you may have!
</p>
<div class="tab">
<input id="chatcontent" type="checkbox"/>
<label class="tab-label" for="chatcontent">List of Chats</label>
<div class="tab-content chatcontent">
<button class="listblue"><a href="irc://irc.freenode.org/#kdeconnect">IRC:#kdeconnect on Freenode</a></button>
<button class="listblue"><a href="https://t.me/joinchat/AOS6gA37orb2dZCLhqbZjg">KDE Connect Dev Telegram</a></button>
<button class="listblue"><a href="https://webchat.kde.org/#/welcome">Welcome Matrix-Place to Start</a></button>
<button class="listblue"><a href="https://mail.kde.org/mailman/listinfo/kdeconnect">KDE Connect Mailing List</a></button>
<button class="listblue"><a href="https://community.kde.org/Telegram">Other Telegram Channels</a></button>
<button class="listblue"><a href="https://userbase.kde.org/IRC_Channels">Other IRC</a></button>
</div>
</div>
<h4 class="letter-head mt-3">
<strong>Hey, Developer. Help Develop KDE Connect.&nbsp;&nbsp;</strong>
</h4>
<section class="notprogrammer">
<picture>
<source srcset="assets/img/developer.webp" type="image/webp"/>
<source srcset="assets/img/developer.png" type="image/png"/>
<img alt="Developer" class="img-fluid" src="assets/img/developer.png"/>
</picture>
</section>
<p>
We have a group to discuss development. You can access it from Telegram, IRC or matrix.org.
Feel free to ask any questions about the development process there. We also have a mailing list.
We do keep note of bugs reported against the kdeconnect project on bugs.kde.org, so if you just
want to tell us about a cool new feature you've thought of, you can let us know there.
</p>
<h4 class="letter-head smaller"><strong>
KDE Connect for plasma (used by all desktop environments, sailfish, and plasma mobile)
</strong> </h4>
<p>Written in C++ with Qt and QML
</p>
<h4 class="letter-head smaller"><strong>KDE Connect for Android</strong></h4>
<p>Written in Java against the standard Android SDK</p>
<p>For the most part, the repository's README should cover all the main points. Our testing infrastructure is a little unintuitive, so here's a <a href="https://community.kde.org/KDEConnect/Android_Emulator">guide</a> to help you set up a connection between an Android emulator and its host device. Of course if you have a physical device, you can test with that instead.
</p>
<div class="row Junior mt-3">
<div class="col">
<div class="card">
<picture>
<source srcset="assets/img/junior_job.webp" type="image/webp"/>
<source srcset="assets/img/junior_job.png" type="image/png"/>
<img class="card-img-top w-100 d-block" src="assets/img/junior_job.png" style="background-color: white;"/>
</picture>
<div class="card-body Junior">
<a class="button" href="https://phabricator.kde.org/project/board/159/ " role="button">Junior Jobs</a>
</div>
</div>
</div>
<div class="col">
<p>
There are a couple of tasks marked as Junior Jobs on our workboard. Those have some
extra information on how to approach them that help you get started.
</p>
</div>
</div>
<div class="tabs">
<div class="tab">
<input id="fq1" type="checkbox"/>
<label class="tab-label" for="fq1">Libraries</label>
<div class="tab-content">
<p>
While getting to grips with the source code, you might find some unusual library names. KDE Application Development in general makes good use of ECM (the Extra CMake Modules), which you can find out more about <a href="https://api.kde.org/frameworks/extra-cmake-modules/html/index.html">here.</a>. The remainder of the application dependencies are easy to find most of the time, with four notable exceptions:
</p>
<div>
<button class="listblue"><a href="https://www.qt.io/download">Qt</a></button>
<button class="listblue"><a href="https://github.com/KDE/pulseaudio-qt">KF5PulseAudioQt</a></button>
<button class="listblue"><a href="https://github.com/KDE/kpeoplevcard">KF5PeopleVCard</a></button>
<button class="listblue"><a href="https://api.kde.org/frameworks/kirigami/html/index.html">Kirigami2</a></button>
</div>
<p>
The full list of dependencies can be found in the CMakeLists.txt file; they are available at the
<a href="https://api.kde.org/frameworks/index.html">official frameworks page</a>
or on
<a href="https://cgit.kde.org/">git</a>,
<a href="https://github.com/KDE/">github</a>.
</p>
</div>
</div>
<a href="https://community.kde.org/KDEConnect#Setting_up_KDE_Connect_Repository_for_Development">
<div class="tab">
<label class="tab-label">Setting up KDE Connect Repository for Development</label>
</div>
</a>
<a href="https://community.kde.org/KDEConnect#Set_up_second_remote_.28Optional.29">
<div class="tab">
<label class="tab-label">Set up second remote</label>
</div>
</a>
<a href="https://community.kde.org/KDEConnect#Restarting_the_daemon">
<div class="tab">
<label class="tab-label">Restarting the daemon</label>
</div>
</a>
<a href="https://community.kde.org/KDEConnect#DBus_inspection">
<div class="tab">
<label class="tab-label">DBus Inspection</label>
</div>
</a>
</div>
<div class="dropdowndiv"></div>
<h4 class="letter-head mt-3">
<strong>Not a Programmer?</strong>
</h4>
<p>
Not a problem. There is plenty of other tasks that you can help us with to make KDE Connect and
other KDE products better even if you don't know any programming language. See some of other ways below.
</p>
<div class="tab">
<input id="contribute" type="checkbox"/>
<label class="tab-label" for="contribute">Other Ways To Contribute</label>
<div class="tab-content contribute">
<button class="listblue in m-2 p-2"><a href="https://community.kde.org/Get_Involved/Issue_Reporting">Issue Reporting : Found an issue or have an idea for improvement? Tell us.</a></button>
<button class="listblue in m-2 p-2"><a href="https://community.kde.org/Guidelines_and_HOWTOs/Bug_triaging"> Bug Triaging: Help us find the bugs to fix on Bugzilla.</a></button>
<button class="listblue in m-2 p-2"><a href="https://community.kde.org/Get_Involved/translation">Translation: Help us Translate projects to your language.</a></button>
<button class="listblue in m-2 p-2"><a href="https://community.kde.org/Get_Involved/design">Visual and Human Interface Design: Help us learn how users interact and improve.</a></button>
<button class="listblue in m-2 p-2"><a href="https://community.kde.org/Get_Involved/documentation">Documentation: Help us improve our documentation to make user comfortable.</a></button>
<button class="listblue in m-2 p-2"><a href="https://community.kde.org/Get_Involved/support">User Support: Help other users by finding solutions to their problems.</a></button>
<button class="listblue in m-2 p-2"><a href="https://community.kde.org/Get_Involved/promotion"> Promotion: Help us spread the word!</a></button>
<button class="listblue in m-2 p-2 "><a href="https://community.kde.org/KDE.org">Web Design: Help us improve the KDE Web Presence.</a></button>
<button class="listblue in m-2 p-2"><a href="https://community.kde.org/Get_Involved/accessibility">Accessibility:Make Projects easy to use for people with visual,auditory and motor disabilities.</a></button>
<button class="listblue in m-2 p-2"><a href="https://community.kde.org/Incubator">Your Project to KDE: Learn about our incubation program.</a></button>
<button class="listblue in m-2 p-2"><a href="https://www.kde.org/community/donations/index.php"> Donate: All things don't come free. Help us run KDE.</a></button>
<button class="listblue in m-2 p-2"><a href="https://community.kde.org/Get_Involved"> More: There are even more ways, more than what could be listed out.</a></button>
</div>
</div>
</div>
</div>
</div>
</article>
get-involved.md 0 → 100644
View file @ 92c15587
---
layout: get-involved
title: Get Involved
konqi: assets/img/konqi-dev.png
sorted: 5
---
KDE Connect is a perfect project to start contributing to KDE. It is a
vast project that supports multiple platforms and includes several functionalities.
The KDE Connect community welcomes new contributors and you can join us in our
communication channels using IRC (<a href="irc://irc.freenode.org/#kdeconnect">
#kdeconnect</a>) Matrix (<a href="https://webchat.kde.org/#/room/#_freenode_#kdeconnect:kde.org">#_freenode_#kdeconnect:kde.org</a>),
[Telegram](https://t.me/joinchat/AOS6gA37orb2dZCLhqbZjg) or the
KDE Connect [mailing list](https://mail.kde.org/mailman/listinfo/kdeconnect).
Feel free to ask them any question you may have!
## Development
You'll need a basic understanding of programming concepts, the rest can be
learned by doing. Experience with Android or Qt is beneficial, but not needed.
All patches are submitted on [Gitlab](https://invent.kde.org). Be sure to
select the most relevant template.
You don't need to assign any reviewers, the developers are subscribed to
notifications. Should this be your first patch, it's good to know that it
might take some time before your patch is reviewed (we all work on KDE Connect
in our free time), and you'll probably have to make some changes a couple of
times. That's not because you're new, that's what happens for all reviews
(even for long-time contributors).
<div class="d-flex flex-wrap justify-content-around">
<a class="button mb-2" href="https://community.kde.org/KDEConnect#Setting_up_KDE_Connect_Repository_for_Development">
Setting up a KDE Connect Repository for Development
</a>
<a class="button mb-2" href="https://community.kde.org/KDEConnect#Development_tips">
Development tips
</a>
</div>
### KDE Connect for Linux, Windows, MacOS and Linux Mobile
The KDE Connect version for Linux, Windows, MacOS and Linux Mobile is written
in C++ and QML with the help of the [Kirigami framework](https://kde.org/products/kirigami).
The git repository for this version can be found [here](https://invent.kde.org/kde/kdeconnect-kde).
To build this version, you need a recent version of the [Qt Framework](https://qt.io) and
the [KDE Frameworks](https://kde.org/products/frameworks).
<div class="d-flex justify-content-around flex-wrap">
<a class="button mb-2" href="https://community.kde.org/KDEConnect#Linux_Desktop">Build for Linux</a>
<a class="button mb-2" href="https://community.kde.org/KDEConnect/Build_Windows">Build for Windows</a>
<a class="button mb-2" href="https://community.kde.org/KDEConnect/Build_MacOS">Build for macOS</a>
</div>
### KDE Connect for Android
The KDE Connect version for Android is written in Java against the standard
Android SDK.
The Android repository can be found [here](https://invent.kde.org/kde/kdeconnect-android).
The easiest way to build KDE Connect for Android manually is to use Android Studio to build the app and install it to your phone,
although it can be done on the command line using gradle.
Running KDE Connect in an emulator is possible, but this requires an advanced
networking setup. See the guide posted for the
[Android_Emulator](https://community.kde.org/KDEConnect/Android_Emulator).
### Junior Job
There are a couple of tasks marked as [Junior Jobs](https://phabricator.kde.org/project/board/159/)
on our workboard. Those have some extra information on how to approach them
that can help you get started.
## Not a Programmer?
Not a problem! There's plenty of other tasks that you can help us with to
make KDE Connect better, even if you don't know any programming languages!
* [Bug triaging](https://community.kde.org/Guidelines_and_HOWTOs/Bug_triaging) - help us find
misfiled, duplicated or invalid bug reports in Bugzilla
* [Localization](https://community.kde.org/Get_Involved/translation) - help translate
KDE Connect into your language
* [Documentation](https://community.kde.org/Get_Involved/documentation) - help us improve our user
documentation to make KDE Connect more friendly for newcomers
* [Promotion](https://community.kde.org/Get_Involved/promotion) - help us promote KDE Connect
both online and offline
* [Updating the wiki](https://userbase.kde.org/KDEConnect) - help update the information present in
the wiki, add new tutorials and improve content in general, making it easier for others to join!
* Do you have any other idea? Get in touch!
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