Commit 694f607c authored by GabMus's avatar GabMus

made a website for the app, added screenshots to appdata

parent e08439e8
......@@ -13,7 +13,19 @@
</description>
<screenshots>
<screenshot type="default">
<image>@gitrepo@/raw/master/screenshot.png</image>
<image>@gitrepo@/raw/master/website/screenshots/mainwindow.png</image>
</screenshot>
<screenshot>
<image>@gitrepo@/raw/master/website/screenshots/folders.png</image>
</screenshot>
<screenshot>
<image>@gitrepo@/raw/master/website/screenshots/favorites.png</image>
</screenshot>
<screenshot>
<image>@gitrepo@/raw/master/website/screenshots/favorites2.png</image>
</screenshot>
<screenshot>
<image>@gitrepo@/raw/master/website/screenshots/random.png</image>
</screenshot>
</screenshots>
<url type="homepage">@gitrepo@</url>
......
<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>HydraPaper</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="./style.css">
<script src="./marked.min.js"></script>
</head>
<body>
<div id="markdown">
</div>
<script>
var getFile = (uri, cb) => {
var client = new XMLHttpRequest();
client.open('GET', uri);
client.onreadystatechange = function() {
cb(client.responseText);
}
client.send();
};
// load md here
var populatemd = (md) => {
document.getElementById('markdown').innerHTML = marked(
md.replace(/<!--@MARGIN@-->/g, '<div style="padding-top: 75px;"></div>'),
{"sanitize": false}
);
};
getFile('./page.md', populatemd);
</script>
</body>
</html>
../data/icons/org.gabmus.hydrapaper.svg
\ No newline at end of file
This diff is collapsed.
<nav>
- [Features](#features)
- [Install](#install)
- [Hack](#hack)
- [Report issues](#report-issues)
</nav>
<!--@MARGIN@-->
![Logo](logo.svg)
# HydraPaper
## Wallpaper manager with multimonitor support
![Main Window](screenshots/mainwindow.png)
---
# Features
## Add any folders to your collection
Manage your collection simply with folders, then add all of them to HydraPaper. You can enable or disable them with just a click.
![Folders](screenshots/folders.png)
## Pick your favorites
We all have favorite wallpapers for any mood. Add them as favorites, and quickly find them back in the *Favorites* section.
![Favorites](screenshots/favoritessplit.png)
## Go random
You can quickly set random wallpapers, even from the app launcher. Fresh wallpapers in seconds.
![Random from window](screenshots/randomcombo.png)
## CLI power
Set random of selected wallpapers from the command line. Great for custom scripts.
![CLI help](screenshots/cli.png)
---
# Install
## Flatpak (preferred method)
[Install **Flatpak** by following the quick setup guide](https://flatpak.org/setup/). Does it work on your distribution? Most likely.
Then, click the button below to install HydraPaper:
<a href="https://flathub.org/apps/details/org.gabmus.hydrapaper"><img src="https://raw.githubusercontent.com/flatpak-design-team/flathub-mockups/master/assets/download-button/download.svg?sanitize=true" height="100" alt="Get it on Flathub" /></a>
## AUR
If you're using Arch Linux or an Arch based system, you can install the [`hydrapaper-git`](https://aur.archlinux.org/packages/hydrapaper-git/) package from the AUR.
---
# Hack
HydraPaper is written using Python 3 and GTK+ 3. It's free software, released under the GPL3 license. Feel free to browse the source code on [the GitLab repository](https://gitlab.com/gabmus/hydrapaper), fork it, make changes or open issues!
---
# Report issues
Have you found a bug? Do you want a new feature? Whatever the case, opening an issue is never a bad idea. You can do that on [the issue page of HydraPaper's GitLab repository](https://gitlab.com/gabmus/hydrapaper)
body, html {
margin: 0 0 0 0;
padding: 0 0 0 0;
font-family: sans-serif;
}
#markdown nav ul {
list-style: none;
padding-left: 0;
margin: 0 0 0 0;
display: flex;
flex-direction: row;
align-items: center;
width: 100%;
height: 60px;
background-color: white;
border-bottom: 1px solid #a1a1a1;
position: fixed;
}
#markdown nav ul li {
margin: 0 12px 0 12px;
font-size: larger;
}
#markdown nav ul li a {
text-decoration: none;
}
h1, h2, h3, p {
text-align: center;
}
#markdown img, #markdown p {
display: block;
margin: auto;
max-width: 100%;
}
#markdown img {
margin-top: 24px;
margin-bottom: 60px;
}
#markdown p {
width: 90%;
font-size: large;
}
#markdown hr {
border: none;
border-bottom: 1px solid #a1a1a1;
margin: 24px 48px 24px 48px;
}
#markdown {
padding-bottom: 48px;
}
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