SelfPrivacy/selfprivacy.org
1
0
Fork 0
mirror of https://git.selfprivacy.org/SelfPrivacy/selfprivacy.org.git synced 2025-01-15 13:26:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'master' into theme-clone

Browse source
This commit is contained in:
nevfy 2024-05-30 02:40:55 +03:00
parent a3eb6fa9d1 4e2db568c9
commit c9af34da46
14 changed files with 102 additions and 59 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
assets/scss/_styles_project.scss
View file

@ -73,10 +73,23 @@
.sp-service-icon { .sp-service-icon {
margin-top: -4rem; margin-top: -4rem;
min-height: 6rem;
min-width: 4rem;
max-width: 12rem; max-width: 12rem;
max-height: 8rem; max-height: 8rem;
margin-left: 2rem; margin-left: 2rem;
width: max-content; width: max-content;
& > .error {
min-height: 6rem;
min-width: 6rem;
}
}
.sp-feature-img {
min-height: 20rem;
min-width: 20rem;
max-width: 40rem;
max-height: 40rem;
} }
.sp-service-card { .sp-service-card {
@ -91,8 +104,9 @@
} }
.sp-supported-by-img { .sp-supported-by-img {
max-width: 15rem; pointer-events: none;
margin: 1rem; margin: 1rem;
width: 10rem;
} }
.sp-supported-by-list { .sp-supported-by-list {
@ -162,3 +176,19 @@ a, a.btn-link {
padding-left: 0 !important; padding-left: 0 !important;
padding-right: 0 !important; padding-right: 0 !important;
} }
.error {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
font-size: 2rem;
padding: 1rem;
background-color: transparent;
border: lightgray solid .25rem;
border-radius: .5rem;
& > i {
color: lightgray;
}
}

1
config.toml
View file

@ -77,7 +77,6 @@ section = ["HTML", "print", "RSS"]
[params] [params]
copyright = "SelfPrivacy" copyright = "SelfPrivacy"
privacy_policy = "https://selfprivacy.org/privacy-policy/"
# First one is picked as the Twitter card image if not set on page. # First one is picked as the Twitter card image if not set on page.
# images = ["images/project-illustration.png"] # images = ["images/project-illustration.png"]

34
content/en/_index.html
View file

@ -10,7 +10,7 @@ linkTitle = "SelfPrivacy"
<div class="container rounded"> <div class="container rounded">
<div id="screenshotsCarouselControls" class="carousel slide" data-bs-ride="carousel"> <div id="screenshotsCarouselControls" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner rounded"> <div class="carousel-inner rounded">
<div class="carousel-item"> <div class="carousel-item active">
<img class="d-block w-100" src="/images/screenshots/1-en.png" alt="First slide"> <img class="d-block w-100" src="/images/screenshots/1-en.png" alt="First slide">
</div> </div>
<div class="carousel-item"> <div class="carousel-item">
@ -32,15 +32,15 @@ linkTitle = "SelfPrivacy"
<img class="d-block w-100" src="/images/screenshots/7-en.png" alt="Seventh slide"> <img class="d-block w-100" src="/images/screenshots/7-en.png" alt="Seventh slide">
</div> </div>
</div> </div>
<ol class="carousel-indicators"> <div class="carousel-indicators">
<li data-bs-target="#screenshotsCarouselControls" data-slide-to="0" class="active"></li> <button type="button" data-bs-target="#screenshotsCarouselControls" data-bs-slide-to="0" class="active" aria-current="true"></button>
<li data-bs-target="#screenshotsCarouselControls" data-bs-slide-to="1"></li> <button type="button" data-bs-target="#screenshotsCarouselControls" data-bs-slide-to="1"></button>
<li data-bs-target="#screenshotsCarouselControls" data-bs-slide-to="2"></li> <button type="button" data-bs-target="#screenshotsCarouselControls" data-bs-slide-to="2"></button>
<li data-bs-target="#screenshotsCarouselControls" data-bs-slide-to="3"></li> <button type="button" data-bs-target="#screenshotsCarouselControls" data-bs-slide-to="3"></button>
<li data-bs-target="#screenshotsCarouselControls" data-bs-slide-to="4"></li> <button type="button" data-bs-target="#screenshotsCarouselControls" data-bs-slide-to="4"></button>
<li data-bs-target="#screenshotsCarouselControls" data-bs-slide-to="5"></li> <button type="button" data-bs-target="#screenshotsCarouselControls" data-bs-slide-to="5"></button>
<li data-bs-target="#screenshotsCarouselControls" data-bs-slide-to="6"></li> <button type="button" data-bs-target="#screenshotsCarouselControls" data-bs-slide-to="6"></button>
</ol> </div>
<button class="carousel-control-prev" type="button" data-bs-target="#screenshotsCarouselControls" data-bs-slide="prev"> <button class="carousel-control-prev" type="button" data-bs-target="#screenshotsCarouselControls" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span> <span class="visually-hidden">Previous</span>
@ -192,10 +192,20 @@ linkTitle = "SelfPrivacy"
<div class="container-fluid"> <div class="container-fluid">
<div class="sp-supported-by-list"> <div class="sp-supported-by-list">
<a href="https://nlnet.nl/project/SelfPrivacy/" target="_blank" rel="noopener noreferrer"> <a href="https://nlnet.nl/project/SelfPrivacy/" target="_blank" rel="noopener noreferrer">
<img class="sp-supported-by-img" src="/images/logos/nlnet.svg" alt="NLnet foundation"> <object role="img" aria-label="NLnet foundation" class="d-flex justify-content-center align-items-center sp-supported-by-img" type="image/svg+xml" data="/images/logos/nlnet.svg">
<div class="error">
<i class="fa-solid fa-triangle-exclamation"></i>
NLnet foundation
</div>
</object>
</a> </a>
<a href="https://privacyaccelerator.org" target="_blank" rel="noopener noreferrer"> <a href="https://privacyaccelerator.org" target="_blank" rel="noopener noreferrer">
<img class="sp-supported-by-img" src="/images/logos/PrivacyAcceleratorLogo.svg" alt="Privacy Accelerator"> <object role="img" aria-label="Privacy Accelerator" class="d-flex justify-content-center align-items-center sp-supported-by-img" type="image/svg+xml" data="/images/logos/PrivacyAcceleratorLogo.svg">
<div class="error">
<i class="fa-solid fa-triangle-exclamation"></i>
Privacy Accelerator
</div>
</object>
</a> </a>
</div> </div>
</div> </div>

4
content/en/docs/FAQ/_index.md
View file

@ -1,5 +1,5 @@
--- ---
title: "Frequency Asked Questions" title: "Frequently Asked Questions"
linkTitle: "FAQ" linkTitle: "FAQ"
date: 2023-03-13T date: 2023-03-13T
weight: 8 weight: 8
@ -7,7 +7,7 @@ description: >
Frequently asked questions about our project. Frequently asked questions about our project.
--- ---
## What are self-host services and what are their advantages? ## What are self-hosted services and what are their advantages?
When we use centralised services, such as popular social networks, we trust the admins of the resource that stores our correspondence, our photos and even the most important secrets said in a chat with close people. We allow our interests and music preferences to be analysed, receive targeted advertising based on them, and most likely participate in unnamed audience analysis programs and all sorts of surveillance. When we use centralised services, such as popular social networks, we trust the admins of the resource that stores our correspondence, our photos and even the most important secrets said in a chat with close people. We allow our interests and music preferences to be analysed, receive targeted advertising based on them, and most likely participate in unnamed audience analysis programs and all sorts of surveillance.

2
content/en/docs/Theory/SelfPrivacy automation.md
View file

@ -102,4 +102,4 @@ We are working to ensure that the general configuration of SelfPrivacy can be ex
All transactions take place between your application, your server, and your service providers without SelfPrivacy being involved. Your copy of SelfPrivacy App is completely autonomous and independent in managing your infrastructure. No information about your interactions with your infrastructure reaches SelfPrivacy. All backups of your services leave your server in a fully encrypted form. All transactions take place between your application, your server, and your service providers without SelfPrivacy being involved. Your copy of SelfPrivacy App is completely autonomous and independent in managing your infrastructure. No information about your interactions with your infrastructure reaches SelfPrivacy. All backups of your services leave your server in a fully encrypted form.
You can read more about this in our [privacy policy]({{< ref "policy.md" >}}). You can read more about this in our [privacy policy]({{< ref "/privacy-policy/" >}}).

22
content/en/download/_index.html
View file

@ -14,11 +14,11 @@ title: Downloads
{{< blocks/section color="white" type="section" >}} {{< blocks/section color="white" type="section" >}}
<div class="row w-100"> <div class="mx-auto row w-100">
<h1 class="mx-auto text-center w-100">Android</h1> <h1 class="text-center w-100">Android</h1>
</div> </div>
<div class="row w-100"> <div class="mx-auto row w-100">
<div class="col-md-4"> <div class="col-md-4">
<a class="w-100 btn btn-lg btn-primary mb-4 mt-4 btn-block sp-button-shadow sp-button-big-padding" href="https://f-droid.org/en/packages/pro.kherel.selfprivacy/" rel="noopener noreferrer" target="_blank"> <a class="w-100 btn btn-lg btn-primary mb-4 mt-4 btn-block sp-button-shadow sp-button-big-padding" href="https://f-droid.org/en/packages/pro.kherel.selfprivacy/" rel="noopener noreferrer" target="_blank">
F-Droid F-Droid
@ -42,24 +42,24 @@ title: Downloads
{{< /blocks/section >}} {{< /blocks/section >}}
{{< blocks/section color="white" type="section" >}} {{< blocks/section color="white" type="section" >}}
<div class="row w-100"> <div class="mx-auto row w-100">
<h1 class="mx-auto text-center w-100">iOS</h1> <h1 class="text-center w-100">iOS</h1>
</div> </div>
<div class="row w-100"> <div class="mx-auto row w-100">
<h4 class="mx-auto text-center w-100">Coming soon</h4> <h4 class="text-center w-100">Coming soon</h4>
</div> </div>
{{< /blocks/section >}} {{< /blocks/section >}}
{{< blocks/section type="section" color="dark" >}} {{< blocks/section type="section" color="dark" >}}
<div class="row w-100"> <div class="mx-auto row w-100">
<h1 class="mx-auto text-center w-100">Desktop</h1> <h1 class="text-center w-100">Desktop</h1>
</div> </div>
<div class="row w-100"> <div class="mx-auto row w-100">
<div class="col-md-4"> <div class="col-md-4">
<a class="w-100 btn btn-lg btn-primary mb-4 mt-4 btn-block sp-button-shadow sp-button-big-padding disabled" href="https://git.selfprivacy.org/kherel/selfprivacy.org.app/releases/latest" rel="noopener noreferrer" target="_blank"> <a class="w-100 btn btn-lg btn-primary mb-4 mt-4 btn-block sp-button-shadow sp-button-big-padding" href="https://git.selfprivacy.org/kherel/selfprivacy.org.app/releases/latest" rel="noopener noreferrer" target="_blank">
Windows Windows
</a> </a>
</div> </div>

10
content/en/privacy-policy.md → content/en/privacy-policy/_index.md
View file

@ -1,13 +1,7 @@
--- ---
title: "Privacy Policy" title: "Privacy Policy"
date: 2023-05-15 date: 2023-05-15
weight: 4 type: "docs"
---
{{< blocks/section color="white" type="section" >}}
# Privacy policy
--- ---
**Last updated: May 15, 2023** **Last updated: May 15, 2023**
@ -61,5 +55,3 @@ If you have any questions or concerns about our Privacy Policy or the collection
*We are pleased to offer this Privacy Policy under Creative Commons Zero license as a template that can be used by anyone in the open-source community. We hope that this contribution will help to support the development of privacy policies that promote transparency, accountability, and respect for the privacy of individuals. As part of our commitment to open-source values, we believe in sharing knowledge and resources to foster innovation and collaboration. Therefore, we encourage others to adapt and modify our privacy policy to meet their specific needs, while ensuring that they comply with applicable laws and regulations.* *We are pleased to offer this Privacy Policy under Creative Commons Zero license as a template that can be used by anyone in the open-source community. We hope that this contribution will help to support the development of privacy policies that promote transparency, accountability, and respect for the privacy of individuals. As part of our commitment to open-source values, we believe in sharing knowledge and resources to foster innovation and collaboration. Therefore, we encourage others to adapt and modify our privacy policy to meet their specific needs, while ensuring that they comply with applicable laws and regulations.*
![Licensed under CC0](/images/icons/cc-zero.svg) ![Licensed under CC0](/images/icons/cc-zero.svg)
{{< /blocks/section >}}

2
content/ru/docs/Theory/SelfPrivacy automation.md
View file

@ -89,4 +89,4 @@ __*Ручные операции*__
## Система очень сложная, почему она приватная? ## Система очень сложная, почему она приватная?
В отличие от Cloudron, наших коммерческих единомышленников, все операции происходят между вашим приложением, вашим сервером и вашими сервис-провадерами без участия SelfPrivacy. Ваша копия SelfPrivacy App полностью автономна и независима в управлении вашей инфраструктурой. Никакая информация о вашем взаимодействии с вашей инфраструктурой не попадает к SelfPrivacy. Все резервные копии ваших сервисов покидают ваш сервер в полностью зашифрованном виде. В отличие от Cloudron, наших коммерческих единомышленников, все операции происходят между вашим приложением, вашим сервером и вашими сервис-провадерами без участия SelfPrivacy. Ваша копия SelfPrivacy App полностью автономна и независима в управлении вашей инфраструктурой. Никакая информация о вашем взаимодействии с вашей инфраструктурой не попадает к SelfPrivacy. Все резервные копии ваших сервисов покидают ваш сервер в полностью зашифрованном виде.
Подробнее об этом, вы можете прочитать в [политике приватности]({{< ref "policy.md" >}}). Подробнее об этом, вы можете прочитать в [политике приватности]({{< ref "/privacy-policy/" >}}).

24
content/ru/download/_index.html
View file

@ -3,8 +3,8 @@ title: Скачать
--- ---
{{< blocks/lead>}} {{< blocks/lead>}}
<div class="row w-100 my-4"> <div class="mx-auto row w-100 my-4">
<h1 class="mx-auto text-center w-100">Загрузки</h1> <h1 class="text-center w-100">Загрузки</h1>
</div> </div>
<p> <p>
@ -15,11 +15,11 @@ title: Скачать
{{< blocks/section color="white" type="section">}} {{< blocks/section color="white" type="section">}}
<div class="row w-100"> <div class="mx-auto row w-100">
<h1 class="mx-auto text-center w-100">Android</h1> <h1 class="text-center w-100">Android</h1>
</div> </div>
<div class="row w-100"> <div class="mx-auto row w-100">
<div class="col-md-4"> <div class="col-md-4">
<a class="w-100 btn btn-lg btn-primary mb-4 mt-4 btn-block sp-button-shadow sp-button-big-padding" <a class="w-100 btn btn-lg btn-primary mb-4 mt-4 btn-block sp-button-shadow sp-button-big-padding"
href="https://f-droid.org/en/packages/pro.kherel.selfprivacy/" rel="noopener noreferrer" href="https://f-droid.org/en/packages/pro.kherel.selfprivacy/" rel="noopener noreferrer"
@ -51,18 +51,18 @@ title: Скачать
{{< /blocks/section>}} {{< /blocks/section>}}
{{< blocks/section color="white" type="section">}} {{< blocks/section color="white" type="section">}}
<div class="row w-100"> <div class="mx-auto row w-100">
<h1 class="mx-auto text-center w-100">iOS</h1> <h1 class="text-center w-100">iOS</h1>
</div> </div>
<div class="row w-100"> <div class="mx-auto row w-100">
<h4 class="mx-auto text-center w-100">Ждите скоро...</h4> <h4 class="text-center w-100">Ждите скоро...</h4>
</div> </div>
{{< /blocks/section>}} {{< /blocks/section>}}
{{< blocks/section type="section" color="dark">}} {{< blocks/section type="section" color="dark">}}
<div class="row w-100"> <div class="mx-auto row w-100">
<h1 class="mx-auto text-center w-100">Компьютер</h1> <h1 class="text-center w-100">Компьютер</h1>
</div> </div>
<div class="row w-100"> <div class="mx-auto row w-100">
<div class="col-md-4"> <div class="col-md-4">
<a class="w-100 btn btn-lg btn-primary mb-4 mt-4 btn-block sp-button-shadow sp-button-big-padding" <a class="w-100 btn btn-lg btn-primary mb-4 mt-4 btn-block sp-button-shadow sp-button-big-padding"
href="https://git.selfprivacy.org/kherel/selfprivacy.org.app/releases/latest" href="https://git.selfprivacy.org/kherel/selfprivacy.org.app/releases/latest"

2
content/ru/docs/About us/policy.md → content/ru/privacy-policy/_index.md
View file

@ -1,7 +1,7 @@
--- ---
title: "Политика" title: "Политика"
date: 2023-04-23 date: 2023-04-23
weight: 5 type: "docs"
description: > description: >
Наши принципы и политика Наши принципы и политика
--- ---

4
layouts/partials/footer.html
View file

@ -19,7 +19,7 @@
<li><a href="{{ ref . "/docs/services/" }}" class="nav-link">{{ T "footer_available_services"}}</a></li> <li><a href="{{ ref . "/docs/services/" }}" class="nav-link">{{ T "footer_available_services"}}</a></li>
<li><a href="{{ ref . "/docs/" }}" class="nav-link">{{ T "footer_user_guide" }}</a></li> <li><a href="{{ ref . "/docs/" }}" class="nav-link">{{ T "footer_user_guide" }}</a></li>
<li><a href="{{ ref . "/blog/" }}" class="nav-link">{{ T "footer_blog" }}</a></li> <li><a href="{{ ref . "/blog/" }}" class="nav-link">{{ T "footer_blog" }}</a></li>
{{ with .Site.Params.privacy_policy }}<li><a href="{{ . }}" class="nav-link">{{ T "footer_privacy_policy" }}</a></li>{{ end }} <li><a href="{{ ref . "/privacy-policy/" }}" class="nav-link">{{ T "footer_privacy_policy" }}</a></li>
</ul> </ul>
<h3 class="text-secondary">{{ T "footer_get_help" }}</h3> <h3 class="text-secondary">{{ T "footer_get_help" }}</h3>
@ -52,7 +52,7 @@
<h3 class="text-secondary">{{ T "footer_download_desktop" }}</h3> <h3 class="text-secondary">{{ T "footer_download_desktop" }}</h3>
<ul class="list-unstyled"> <ul class="list-unstyled">
<li><a href="https://git.selfprivacy.org/kherel/selfprivacy.org.app/releases/latest" class="nav-link" rel="noopener noreferrer" target="_blank"><span><i class="fa-brands fa-linux"></i></span> {{ T "footer_download_linux" }}</a></li> <li><a href="https://git.selfprivacy.org/kherel/selfprivacy.org.app/releases/latest" class="nav-link" rel="noopener noreferrer" target="_blank"><span><i class="fa-brands fa-linux"></i></span> {{ T "footer_download_linux" }}</a></li>
<li><a href="https://git.selfprivacy.org/kherel/selfprivacy.org.app/releases/latest" class="nav-link sp-coming-soon" rel="noopener noreferrer" target="_blank"><span><i class="fa-brands fa-windows"></i></span> {{ T "footer_download_windows" }}</a></li> <li><a href="https://git.selfprivacy.org/kherel/selfprivacy.org.app/releases/latest" class="nav-link" rel="noopener noreferrer" target="_blank"><span><i class="fa-brands fa-windows"></i></span> {{ T "footer_download_windows" }}</a></li>
<li><a href="https://git.selfprivacy.org/kherel/selfprivacy.org.app/releases/latest" class="nav-link sp-coming-soon" rel="noopener noreferrer" target="_blank"><span><i class="fa-brands fa-apple"></i></span> {{ T "footer_download_macos" }}</a></li> <li><a href="https://git.selfprivacy.org/kherel/selfprivacy.org.app/releases/latest" class="nav-link sp-coming-soon" rel="noopener noreferrer" target="_blank"><span><i class="fa-brands fa-apple"></i></span> {{ T "footer_download_macos" }}</a></li>
</ul> </ul>

14
layouts/shortcodes/landing-feature.html
View file

@ -4,7 +4,7 @@
{{ $side := .Get 3 }} {{ $side := .Get 3 }}
{{ if eq $side "right" }} {{ if eq $side "right" }}
<div class="d-flex flex-column flex-lg-row flex-xl-row justify-content-center align-items-center sp-feature sp-feature{{ $bg }} my-auto"> <div class="d-flex flex-column flex-lg-row flex-xl-row justify-content-center align-items-center sp-feature sp-feature{{ $bg }} my-auto">
<div class="flex-none col-xl-4 col-lg-6 col-md-8 col-xs-12 px-5"> <div class="col-xl-4 col-lg-6 col-md-8 col-xs-12 px-5">
{{ if $title }} {{ if $title }}
<h2 class="sp-feature-title">{{ $title }}</h2> <h2 class="sp-feature-title">{{ $title }}</h2>
{{ end }} {{ end }}
@ -12,14 +12,22 @@
</div> </div>
{{ if $illustration }} {{ if $illustration }}
<div class="col-lg-4 col-md-6 col-sm-8 col-xs-12"> <div class="col-lg-4 col-md-6 col-sm-8 col-xs-12">
<img class="card-img-top rounded-img" src="{{ $illustration.RelPermalink }}"> <object role="img" class="my-auto d-flex justify-content-center align-items-center card-img-top" type="image/svg+xml" data="{{ $illustration.RelPermalink }}">
<div class="error sp-feature-img">
<i class="fa-solid fa-triangle-exclamation"></i>
</div>
</object>
</div> </div>
{{ end }} {{ end }}
{{ else }} {{ else }}
<div class="d-flex flex-column-reverse flex-lg-row flex-xl-row justify-content-center align-items-center sp-feature sp-feature{{ $bg }}"> <div class="d-flex flex-column-reverse flex-lg-row flex-xl-row justify-content-center align-items-center sp-feature sp-feature{{ $bg }}">
{{ if $illustration }} {{ if $illustration }}
<div class="col-lg-4 col-md-6 col-sm-8 col-xs-12"> <div class="col-lg-4 col-md-6 col-sm-8 col-xs-12">
<img class="card-img-top rounded-img" src="{{ $illustration.RelPermalink }}"> <object role="img" class="col-lg-4 col-md-6 col-sm-8 col-xs-12 my-auto d-flex justify-content-center align-items-center card-img-top" type="image/svg+xml" data="{{ $illustration.RelPermalink }}">
<div class="error sp-feature-img">
<i class="fa-solid fa-triangle-exclamation"></i>
</div>
</object>
</div> </div>
{{ end }} {{ end }}
<div class="col-xl-4 col-lg-6 col-md-8 col-xs-12 px-5"> <div class="col-xl-4 col-lg-6 col-md-8 col-xs-12 px-5">

6
layouts/shortcodes/landing-service.html
View file

@ -1,7 +1,11 @@
{{ $illustration := .Get 0 }} {{ $illustration := .Get 0 }}
{{ $title := .Get 1 }} {{ $title := .Get 1 }}
<div class="card sp-service-card h-100"> <div class="card sp-service-card h-100">
<img class="card-img-top rounded-img sp-service-icon" src="{{ $illustration }}" alt=""> <object class="d-flex justify-content-center align-items-center card-img-top sp-service-icon" type="image/svg+xml" data="{{ $illustration }}">
<div class="error">
<i class="fa-solid fa-triangle-exclamation"></i>
</div>
</object>
<div class="card-body"> <div class="card-body">
<h4 class="card-title">{{ $title }}</h4> <h4 class="card-title">{{ $title }}</h4>
{{ .Inner }} {{ .Inner }}

2
static/images/logos/nlnet.svg
View file

@ -1,7 +1,7 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd"> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<!-- Created using Karbon14, part of koffice: http://www.koffice.org/karbon --> <!-- Created using Karbon14, part of koffice: http://www.koffice.org/karbon -->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="449px" height="168px"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="449px" height="170px" viewBox="0 0 449 168">
<defs> <defs>
</defs> </defs>
<g id="Layer"> <g id="Layer">

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 20 KiB