Browse Source

General first improvements

Make the site a bit prettier by adding some newlines (yes, yes this should be done with css, sue me)
Add link to the site repo
Add stuff to the readme like the correct repo-url and add Matrix as a way to contact us
stable
ilja 3 years ago
parent
commit
97f9941ce3
  1. 35
      README.md
  2. 2
      manifest.json
  3. 7
      scripts/install
  4. 27
      sources/index_en.html
  5. 27
      sources/index_fr.html
  6. 27
      sources/index_nl.html

35
README.md

@ -6,23 +6,36 @@
# Installation
```shell
yunohost app install <package-url>
git clone https://dev.parley.be/PPBe/parley_mainpage_ynh
yunohost app install parley_mainpage_ynh
```
# Upgrading
```shell
yunohost app upgrade parley_mainpage_ynh -u <package-url>
cd parley_mainpage_ynh
git pull
cd ..
yunohost app upgrade parley_mainpage_ynh -f parley_mainpage_ynh
```
# For contributers
## Contact
* You can contact us on Matrix #ppbe-internetz:matrix.org
* Plz contact us to get an account on the gitea instance
## Design
* The website is quite ugly, we know, it's honestly the best we can do. Feel free to contact us if you want to help with design! (logo, website, theming...)
## Translations
### Adding a new translation to the site
1. Copy [sources/index_en.html](sources/index_en.html) and change the name so it has the correct two letter language code. The name should be of the form `index_<langcode>.html`
2. Translate it
3. Add a new block to the nginx config file [conf/nginx.conf](conf/nginx.conf)
4. Add the new language to the language-menu of the other pages in the [sources](sources) folder. E.g. for French `-<a href="../fr/">fr</a>`
4. Add the new language to the language-menu of the other pages in the [sources](sources) folder. E.g. for French `- <a href="../fr/">fr</a>`
Example of such block, change <langcode> to the two-letter language-code:
```
@ -32,9 +45,13 @@ location PATHTOCHANGE/<langcode> {
}
```
Example of language-menu with languages nl and fr
Example of language-menu with languages en, nl and fr
```html
<div class='section language-menu'><a href="../nl/">nl</a>-<a href="../fr/">fr</a></div>
<div class='section language-menu'>
<a href="../en/">en</a>
- <a href="../nl/">nl</a>
- <a href="../fr/">fr</a>
</div>
```
### Improving existing translations
@ -42,16 +59,16 @@ Example of language-menu with languages nl and fr
## Adding things to the page
Make the changes to as many language pages as you can. The English page is considered the 'main' page, so please try to add it there as well.
Make the changes to as many language pages as you can. The English page is considered the 'main' page, so please try to add it there especially.
## Upstreaming
* Bugs, feature requests and other issues can be logged on the issue tracker
* Merge requests can be done to the `stable` branch directly
* Issues can be logged on the issue tracker or through the Matrix channel
* Merge requests can be done to the `stable` branch directly. Let someone know on the Matrix channel or make sure you update the site yourself.
## Publish a new version of the app
* Updating will remove the folders and put the new version in place. As long as no big changes to the folder structure were done, you don't have to edit the [upgrade](scripts/upgrade) script.
* Technically we should edit the [manifest](manifest.json) file to bump the version, but having a verion system like this for a simple website seems overkill and updating will work regardless
* Technically we should edit the [manifest](manifest.json) file to bump the version, but having a version scheme like this for a simple website seems overkill and updating will work regardless
* stable is the default branch, so no need to merge to another branch

2
manifest.json

@ -5,7 +5,7 @@
"en": "Mainpage for parley.be"
},
"version": "1.0.0~ynh1",
"license": "GPL-3+",
"license": "AGPL-3+",
"maintainer": {
"name": "ilja",
"email": "ilja@w-vl.pirateparty.be",

7
scripts/install

@ -85,3 +85,10 @@ cp ../conf/nginx.conf /etc/nginx/conf.d/$domain.d/$app.conf
nginx -tq
service nginx reload
#=================================================
# SETUP SSOWAT
#=================================================
# Skip ynh login for accessing the application
ynh_app_setting_set $app skipped_uris "/"

27
sources/index_en.html

@ -8,7 +8,13 @@
</head>
<body>
<!-- <div class='section language-menu'><a href="../nl/">nl</a>-<a href="../fr/">fr</a></div> -->
<!--
<div class='section language-menu'>
<a href="../en/">en</a>
- <a href="../nl/">nl</a>
- <a href="../fr/">fr</a>
</div>
-->
<div class='body'>
<div class='section'>
<h1 class='main-title'>
@ -18,30 +24,31 @@
<div class='section'>
<h3>About Parley</h3>
<p>Parley provides online services without gathering personal data. It is meant as a more human and more ethical alternative to the tools often proposed by big data companies. Parley grew out of the Belgian Pirateparty ITSquad, but is meant to be politically neutral. At the moment none of the parley-tools require a login. All of the tools are <a href="https://www.gnu.org/philosophy/free-sw.en.html">free software</a>.</p>
<p>The sources of this website can be found at <a href="https://dev.parley.be/PPBe/parley_mainpage_ynh">our Gitea instance</a>.</p>
<h3>Tools</h3>
<h4>Poll</h4>
<br><h3>Tools</h3>
<br><h4>Poll</h4>
<p><a href="https://poll.parley.be/">Polls</a> can be used to create simple polls. There are two types of polls availale, a datetime picker and a simple poll. </p>
<h4>Share</h4>
<br><h4>Share</h4>
<p><a href="https://share.parley.be/">Share</a> can be used to share files. Simply drag and drop a file and choose how long the file should be available. The file will then be uploaded and you'll be given a link to the file that you can then freely share. </p>
<h4>Hextris</h4>
<br><h4>Hextris</h4>
<p><a href="https://hextris.parley.be/">Hextris</a> is a fast paced puzzle game. Because a bit of procrastination every now and then is healthy </p>
<h4>Pads</h4>
<br><h4>Pads</h4>
<p><a href="https://pad.parley.be/">Pads</a> are a simple word-processor and a good tool for online collaboration. Type the name of the pad you want, if a pad with this name doesn't exist yet a new one will be created, otherwise you go to the existing pad of that name.</p>
<h3>Other Tools</h3>
<br><h3>Other Tools</h3>
<p>There are other tools freely available from other organisations who also oppose the big-data business model and use and promote free software. Naming them all would be impossible, but we'd like to give a short list of alternatives that may also be interesting.</p>
<h4>Fedi.be</h4>
<br><h4>Fedi.be</h4>
<p><a href="https://fedi.be/">Fedi.be</a> is a federated social network platform. It's meant to be a politically neutral instance mainly aimed towards people from Belgium and is hosted and maintained by a small community. Because of the nature of federation you are connected through this platform with thousands of other people who can be on their own separate platform. This whole network is called the fediverse. If you don't know where to set up your account on the fediverse, or you don't know where to send people to, fedi.be is a good place to start.</p>
<h4>PPBE Mastodon</h4>
<br><h4>PPBE Mastodon</h4>
<p><a href="https://mastodon.pirateparty.be/">Mastodon.pirateparty.be</a> is a federated microblogging social network hosted by the Belgian PirateParty, but open to everyone who feels they share the pirate-values and ideas. It is part of the same fediverse as fedi.be, which means that you can follow and interact with people on fedi.be from this platform as if they where part of the ppbe mastodon instance.</p>
<h4>Searx</h4>
<br><h4>Searx</h4>
<p><a href="https://searx.be/">Searx.be</a> is a metasearch engine, aggregating the results of other search engines while not storing information about its users. When you enter a search query and press enter, it will send the query to several search-engines. It will however strip away as much personal data as possible without compromising results. You can see and change the search-enginges being used in the preferences.</p>
</div>

27
sources/index_fr.html

@ -8,7 +8,13 @@
</head>
<body>
<!-- <div class='section language-menu'><a href="../nl/">nl</a>-<a href="../fr/">fr</a></div> -->
<!--
<div class='section language-menu'>
<a href="../en/">en</a>
- <a href="../nl/">nl</a>
- <a href="../fr/">fr</a>
</div>
-->
<div class='body'>
<div class='section'>
<h1 class='main-title'>
@ -18,30 +24,31 @@
<div class='section'>
<h3>About Parley</h3>
<p>Parley provides online services without gathering personal data. It is meant as a more human and more ethical alternative to the tools often proposed by big data companies. Parley grew out of the Belgian Pirateparty ITSquad, but is meant to be politically neutral. At the moment none of the parley-tools require a login. All of the tools are <a href="https://www.gnu.org/philosophy/free-sw.en.html">free software</a>.</p>
<p>The sources of this website can be found at <a href="https://dev.parley.be/PPBe/parley_mainpage_ynh">our Gitea instance</a>.</p>
<h3>Tools</h3>
<h4>Poll</h4>
<br><h3>Tools</h3>
<br><h4>Poll</h4>
<p><a href="https://poll.parley.be/">Polls</a> can be used to create simple polls. There are two types of polls availale, a datetime picker and a simple poll. </p>
<h4>Share</h4>
<br><h4>Share</h4>
<p><a href="https://share.parley.be/">Share</a> can be used to share files. Simply drag and drop a file and choose how long the file should be available. The file will then be uploaded and you'll be given a link to the file that you can then freely share. </p>
<h4>Hextris</h4>
<br><h4>Hextris</h4>
<p><a href="https://hextris.parley.be/">Hextris</a> is a fast paced puzzle game. Because a bit of procrastination every now and then is healthy </p>
<h4>Pads</h4>
<br><h4>Pads</h4>
<p><a href="https://pad.parley.be/">Pads</a> are a simple word-processor and a good tool for online collaboration. Type the name of the pad you want, if a pad with this name doesn't exist yet a new one will be created, otherwise you go to the existing pad of that name.</p>
<h3>Other Tools</h3>
<br><h3>Other Tools</h3>
<p>There are other tools freely available from other organisations who also oppose the big-data business model and use and promote free software. Naming them all would be impossible, but we'd like to give a short list of alternatives that may also be interesting.</p>
<h4>Fedi.be</h4>
<br><h4>Fedi.be</h4>
<p><a href="https://fedi.be/">Fedi.be</a> is a federated social network platform. It's meant to be a politically neutral instance mainly aimed towards people from Belgium and is hosted and maintained by a small community. Because of the nature of federation you are connected through this platform with thousands of other people who can be on their own separate platform. This whole network is called the fediverse. If you don't know where to set up your account on the fediverse, or you don't know where to send people to, fedi.be is a good place to start.</p>
<h4>PPBE Mastodon</h4>
<br><h4>PPBE Mastodon</h4>
<p><a href="https://mastodon.pirateparty.be/">Mastodon.pirateparty.be</a> is a federated microblogging social network hosted by the Belgian PirateParty, but open to everyone who feels they share the pirate-values and ideas. It is part of the same fediverse as fedi.be, which means that you can follow and interact with people on fedi.be from this platform as if they where part of the ppbe mastodon instance.</p>
<h4>Searx</h4>
<br><h4>Searx</h4>
<p><a href="https://searx.be/">Searx.be</a> is a metasearch engine, aggregating the results of other search engines while not storing information about its users. When you enter a search query and press enter, it will send the query to several search-engines. It will however strip away as much personal data as possible without compromising results. You can see and change the search-enginges being used in the preferences.</p>
</div>

27
sources/index_nl.html

@ -8,7 +8,13 @@
</head>
<body>
<!-- <div class='section language-menu'><a href="../nl/">nl</a>-<a href="../fr/">fr</a></div> -->
<!--
<div class='section language-menu'>
<a href="../en/">en</a>
- <a href="../nl/">nl</a>
- <a href="../fr/">fr</a>
</div>
-->
<div class='body'>
<div class='section'>
<h1 class='main-title'>
@ -18,30 +24,31 @@
<div class='section'>
<h3>About Parley</h3>
<p>Parley provides online services without gathering personal data. It is meant as a more human and more ethical alternative to the tools often proposed by big data companies. Parley grew out of the Belgian Pirateparty ITSquad, but is meant to be politically neutral. At the moment none of the parley-tools require a login. All of the tools are <a href="https://www.gnu.org/philosophy/free-sw.en.html">free software</a>.</p>
<p>The sources of this website can be found at <a href="https://dev.parley.be/PPBe/parley_mainpage_ynh">our Gitea instance</a>.</p>
<h3>Tools</h3>
<h4>Poll</h4>
<br><h3>Tools</h3>
<br><h4>Poll</h4>
<p><a href="https://poll.parley.be/">Polls</a> can be used to create simple polls. There are two types of polls availale, a datetime picker and a simple poll. </p>
<h4>Share</h4>
<br><h4>Share</h4>
<p><a href="https://share.parley.be/">Share</a> can be used to share files. Simply drag and drop a file and choose how long the file should be available. The file will then be uploaded and you'll be given a link to the file that you can then freely share. </p>
<h4>Hextris</h4>
<br><h4>Hextris</h4>
<p><a href="https://hextris.parley.be/">Hextris</a> is a fast paced puzzle game. Because a bit of procrastination every now and then is healthy </p>
<h4>Pads</h4>
<br><h4>Pads</h4>
<p><a href="https://pad.parley.be/">Pads</a> are a simple word-processor and a good tool for online collaboration. Type the name of the pad you want, if a pad with this name doesn't exist yet a new one will be created, otherwise you go to the existing pad of that name.</p>
<h3>Other Tools</h3>
<br><h3>Other Tools</h3>
<p>There are other tools freely available from other organisations who also oppose the big-data business model and use and promote free software. Naming them all would be impossible, but we'd like to give a short list of alternatives that may also be interesting.</p>
<h4>Fedi.be</h4>
<br><h4>Fedi.be</h4>
<p><a href="https://fedi.be/">Fedi.be</a> is a federated social network platform. It's meant to be a politically neutral instance mainly aimed towards people from Belgium and is hosted and maintained by a small community. Because of the nature of federation you are connected through this platform with thousands of other people who can be on their own separate platform. This whole network is called the fediverse. If you don't know where to set up your account on the fediverse, or you don't know where to send people to, fedi.be is a good place to start.</p>
<h4>PPBE Mastodon</h4>
<br><h4>PPBE Mastodon</h4>
<p><a href="https://mastodon.pirateparty.be/">Mastodon.pirateparty.be</a> is a federated microblogging social network hosted by the Belgian PirateParty, but open to everyone who feels they share the pirate-values and ideas. It is part of the same fediverse as fedi.be, which means that you can follow and interact with people on fedi.be from this platform as if they where part of the ppbe mastodon instance.</p>
<h4>Searx</h4>
<br><h4>Searx</h4>
<p><a href="https://searx.be/">Searx.be</a> is a metasearch engine, aggregating the results of other search engines while not storing information about its users. When you enter a search query and press enter, it will send the query to several search-engines. It will however strip away as much personal data as possible without compromising results. You can see and change the search-enginges being used in the preferences.</p>
</div>