Commit 6d8b724b authored by Arjun Thekoot Harisankar's avatar Arjun Thekoot Harisankar 💻

Changed the buttons to the button class included in the Aether Theme for...

Changed the buttons to the button class included in the Aether Theme for consistency with other KDE Websites
parent aba56b72
<div class="announcement-feed mb-3">
<h2>
{% if site.announcements %} {{site.announcements}}{% else %}Announcements {%
<h2>
{% if site.announcements %}
{{site.announcements}}{% else %}Announcements
{%
endif %}
</h2>
{% for post in paginator.posts %}
<div class="card announcements">
<div class="card-body">
<h4 class="card-title">
{{ post.title }}<small class="float-right"
>{{ post.date | date_to_string }}</small
>
</h4>
<p class="card-text">
<q>{{ post.excerpt | strip_html | truncatewords:30 }}</q>
</p>
{% if post.type == 'official' %}
<a href="{{ post.url }}" class="btn btn-primary" role="button"
>Read Full Announcement</a
>
{% else %}
<a href="{{ post.url }}" class="btn btn-primary" role="button"
>Read Blog Post</a
>
{% endif %}
</div>
</div>
{% endfor %} {% if paginator.total_pages > 1 %}
<div class="pagination justify-content-center mt-3">
{% if paginator.previous_page %}
<a href="{{ paginator.previous_page_path }}" class="ml-1 mr-1">Prev</a>
{% else %}
<span class="ml-1 mr-1">Prev</span>
</h2>
{% for post in paginator.posts %}
<div class="card announcements">
<div class="card-body">
<h4 class="card-title">
{{ post.title }}<small class="float-right">{{ post.date | date_to_string }}</small>
</h4>
<p class="card-text">
<q>{{ post.excerpt | strip_html | truncatewords:30 }}</q>
</p>
{% if post.type == 'official' %}
<a href="{{ post.url }}" class="button" role="button">Read Full Announcement</a>
{% else %}
<a href="{{ post.url }}" class="button" role="button">Read Blog Post</a>
{% endif %}
</div>
</div>
{% endfor %}
{% if paginator.total_pages > 1 %}
<div class="pagination justify-content-center mt-3">
{% if paginator.previous_page %}
<a href="{{ paginator.previous_page_path }}" class="ml-1 mr-1">Prev</a>
{% else %}
<span class="ml-1 mr-1">Prev</span>
{% endif %}
<span class="ml-1 mr-1 ">Page:
{{ paginator.page }}
of
{{ paginator.total_pages }}</span>
{% if paginator.next_page %}
<a href="{{ paginator.next_page_path }}" class="ml-1 mr-1">Next</a>
{% else %}
<span class="ml-1 mr-1 ">Next</span>
{% endif %}
</div>
{% endif %}
<span class="ml-1 mr-1 "
>Page: {{ paginator.page }} of {{ paginator.total_pages }}</span
>
{% if paginator.next_page %}
<a href="{{ paginator.next_page_path }}" class="ml-1 mr-1">Next</a>
{% else %}
<span class="ml-1 mr-1 ">Next</span>
{% endif %}
</div>
{% endif %}
</div>
......@@ -36,14 +36,16 @@
}
}
.btn.btn-primary {
.button {
&.download {
margin-right: 40px;
margin-top: 20px;
font-size: 24px;
}
&.donate {
margin-top: 20px;
font-size: 24px;
}
}
......@@ -51,8 +53,9 @@
background-color: #31363b;
}
.btn.btn-primary.learn {
.button.learn-more {
margin-top: 20px;
font-size: 20px;
}
.feature {
......@@ -73,20 +76,24 @@
padding-top: 40px;
}
.btn.btn-primary.btn-lg {
.button {
&.getinvolved {
margin-top: 20px;
margin-bottom: 30px;
font-size: 24px;
}
&.download2 {
margin-top: 20px;
margin-right: 20px;
margin-bottom: 30px;
font-size: 24px;
}
&.download, &.donate {
&.download,
&.donate {
margin-bottom: 30px;
font-size: 24px;
}
}
......@@ -153,7 +160,8 @@
}
.feature {
&.music, &.ring {
&.music,
&.ring {
background-color: white;
}
}
......@@ -162,47 +170,62 @@
background-color: white;
}
.connect, .connect-desc {
.connect,
.connect-desc {
color: white !important;
}
.music, .music-desc, .notifications, .notifications-desc {
.music,
.music-desc,
.notifications,
.notifications-desc {
color: #212529 !important;
}
.command, .command-desc, .browse, .browse-desc {
.command,
.command-desc,
.browse,
.browse-desc {
color: white !important;
}
.ring, .ring-desc {
.ring,
.ring-desc {
color: #212529 !important;
}
.more, .more-desc, .madebyyou, .madebyyou-desc {
.more,
.more-desc,
.madebyyou,
.madebyyou-desc {
color: white !important;
}
.product-in {
&.plasma {
h3, h4 {
h3,
h4 {
color: #212529 !important;
}
}
&.plugin.dark {
h3, h4 {
h3,
h4 {
color: white !important;
}
}
&.OpenVpn {
h3, h4 {
h3,
h4 {
color: #212529 !important;
}
}
&.wiki {
h3, h4 {
h3,
h4 {
color: #212529 !important;
}
}
......
......@@ -23,8 +23,9 @@
}
}
.btn.btn-primary.getbutton {
.button.getbutton {
margin-bottom: 20px;
font-size: 18px;
}
.OSBlock {
......
......@@ -30,7 +30,7 @@
font-weight: bold;
}
.btn.btn-primary.FAQ.Button {
.button.FAQ.Button {
background-color: inherit;
color: #f67400;
font-size: 18px;
......@@ -77,14 +77,11 @@
color: white !important;
}
.inv {
}
.dropdowndiv {
text-align: center;
}
.btn.btn-primary.Drop.Down {
.button.Drop.Down {
border-width: 2px;
border-color: black;
}
......@@ -230,9 +227,8 @@ input:checked ~ .tab-content {
}
}
@media (prefers-color-scheme: dark) {
.headinglink{
.headinglink {
color: white !important;
}
}
.tab-content.contribute button {
......@@ -247,7 +243,7 @@ input:checked ~ .tab-content {
margin-bottom: 20px;
}
button.learn-more {
button.learnmore {
font-weight: 600;
color: #382b22;
padding: 1.25em 2em;
......@@ -260,7 +256,7 @@ button.learn-more {
width: 100%;
}
button.learn-more::before {
button.learnmore::before {
position: absolute;
content: "";
width: 100%;
......@@ -277,22 +273,22 @@ button.learn-more::before {
box-shadow 150ms cubic-bezier(0, 0, 0.58, 1);
}
button.learn-more:hover {
button.learnmore:hover {
background: #27ae60;
transform: translate(0, 0.25em);
}
button.learn-more:hover::before {
button.learnmore:hover::before {
box-shadow: 0 0 0 2px #003333, 0 0.5em 0 0 #1cdc9a;
transform: translate3d(0, 0.5em, -1em);
}
button.learn-more:active {
button.learnmore:active {
background: #27ae60;
transform: translate(0em, 0.75em);
}
button.learn-more:active::before {
button.learnmore:active::before {
box-shadow: 0 0 0 2px #003333, 0 0 #1cdc9a;
transform: translate3d(0, 0, -1em);
}
This diff is collapsed.
......@@ -96,7 +96,7 @@ sorted: 5
</picture>
<div class="card-body Junior">
<a class="btn btn-primary" href="https://phabricator.kde.org/project/board/159/ " role="button">Junior Jobs</a>
<a class="button" href="https://phabricator.kde.org/project/board/159/ " role="button">Junior Jobs</a>
</div>
</div>
</div>
......@@ -196,7 +196,7 @@ sorted: 5
<div class="tab-content contribute">
<p>
<a href="https://community.kde.org/Get_Involved/Issue_Reporting">
<button class="learn-more">
<button class="learnmore">
Issue Reporting : Found an issue or have an idea for
improvement? Tell us.
</button>
......@@ -204,21 +204,21 @@ sorted: 5
</p>
<p>
<a href="https://community.kde.org/Guidelines_and_HOWTOs/Bug_triaging">
<button class="learn-more">
<button class="learnmore">
Bug Triaging: Help us find the bugs to fix on Bugzilla.
</button>
</a>
</p>
<p>
<a href="https://community.kde.org/Get_Involved/translation">
<button class="learn-more">
<button class="learnmore">
Translation: Help us Translate projects to your language.
</button>
</a>
</p>
<p>
<a href="https://community.kde.org/Get_Involved/design">
<button class="learn-more">
<button class="learnmore">
Visual and Human Interface Design: Help us learn how users
interact and improve.
</button>
......@@ -226,7 +226,7 @@ sorted: 5
</p>
<p>
<a href="https://community.kde.org/Get_Involved/documentation">
<button class="learn-more">
<button class="learnmore">
Documentation: Help us improve our documentation to make users
comfortable.
</button>
......@@ -234,7 +234,7 @@ sorted: 5
</p>
<p>
<a href="https://community.kde.org/Get_Involved/support">
<button class="learn-more">
<button class="learnmore">
User Support: Help other users by finding solutions to their
problems.
</button>
......@@ -242,21 +242,21 @@ sorted: 5
</p>
<p>
<a href="https://community.kde.org/Get_Involved/promotion">
<button class="learn-more">
<button class="learnmore">
Promotion: Help us spread the word!
</button>
</a>
</p>
<p>
<a href="https://community.kde.org/KDE.org">
<button class="learn-more">
<button class="learnmore">
Web Design: Help us improve the KDE Web Presence.
</button>
</a>
</p>
<p>
<a href="https://community.kde.org/Get_Involved/accessibility">
<button class="learn-more">
<button class="learnmore">
Accessibility:Make Projects easy to use for people with
visual,auditory and motor disabilities.
</button>
......@@ -264,21 +264,21 @@ sorted: 5
</p>
<p>
<a href="https://community.kde.org/Incubator">
<button class="learn-more">
<button class="learnmore">
Your Project to KDE: Learn about our incubation program.
</button>
</a>
</p>
<p>
<a href="https://www.kde.org/community/donations/index.php">
<button class="learn-more">
<button class="learnmore">
Donate: All things don't come free. Help us run KDE.
</button>
</a>
</p>
<p>
<a href="https://community.kde.org/Get_Involved">
<button class="learn-more">
<button class="learnmore">
More: There are even more ways, more than what could be listed
out.
</button>
......
......@@ -114,12 +114,12 @@ Boxes:
</h2>
<div>
<a href="download.html">
<button class="btn btn-primary btn-lg download" type="button">
<button class="button download " type="button">
Download
</button>
</a>
<a href="https://www.kde.org/donate">
<button class="btn btn-primary btn-lg donate" type="button">
<button class="button donate" type="button">
Donate
</button>
</a>
......@@ -141,7 +141,7 @@ Boxes:
</h2>
<div>
<a href="{{feature.linkref}}">
<button class="btn btn-primary btn-lg learn" type="button">
<button class="button learn-more" type="button">
Learn More
</button>
</a>
......@@ -162,12 +162,12 @@ Boxes:
</h2>
<div>
<a href="download.html">
<button class="btn btn-primary btn-lg download2" type="button">
<button class="button download2" type="button">
Download
</button>
</a>
<a href="get-involved.html">
<button class="btn btn-primary btn-lg getinvolved" type="button">
<button class="button getinvolved" type="button">
Get Involved
</button>
</a>
......@@ -176,11 +176,7 @@ Boxes:
<picture>
<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"
alt="Made by You"
/>
<img class="img-fluid" src="assets/img/madebyyou.webp" alt="Made by You" />
</picture>
</section>
......@@ -193,7 +189,7 @@ Boxes:
<h4>{{box.h4_content}}</h4>
<div>
<a href="{{box.linkref}}">
<button class="btn btn-primary learn" type="button">
<button class="button learn learn-more" type="button">
Learn more
</button>
</a>
......
......@@ -30,12 +30,12 @@ sorted: 4
<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">
<button class="button getbutton" type="button">
UserBase WIki
</button>
</a>
......@@ -57,10 +57,10 @@ sorted: 4
<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">
<button class="button getbutton" type="button">
Connect WIki
</button>
</a>
......@@ -77,10 +77,10 @@ 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">
<button class="button getbutton" type="button">
Connect Wiki
</button>
</a>
......@@ -110,10 +110,10 @@ sorted: 4
<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">
<button class="button getbutton" type="button">
Handbook
</button>
</a>
......@@ -136,11 +136,11 @@ sorted: 4
<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">
<button class="button getbutton" type="button">
Forums
</button>
</a>
......@@ -157,11 +157,11 @@ 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">
<button class="button getbutton" type="button">
Forums
</button>
</a>
......@@ -192,12 +192,12 @@ sorted: 4
<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">
<button class="button getbutton" type="button">
&nbsp;Bugzilla
</button>
</a>
......@@ -221,10 +221,10 @@ sorted: 4
<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">
<button class="button getbutton" type="button">
Mailing List
</button>
</a>
......@@ -241,11 +241,11 @@ 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">
<button class="button getbutton" type="button">
Mailing List
</button>
</a>
......
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