Remove about mobilizon page and add link to mobilizon.org
Remove all other refrences to mobilizon.org / test.mobilizon.org Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
Thomas Citharel
@@ -26,21 +26,11 @@
|
||||
<div class="columns">
|
||||
<div class="column is-one-quarter-desktop">
|
||||
<aside class="menu">
|
||||
<p class="menu-label">
|
||||
{{ $t("About") }}
|
||||
<p class="menu-list">
|
||||
<router-link :to="{ name: RouteName.ABOUT_INSTANCE }">{{
|
||||
$t("About this instance")
|
||||
}}</router-link>
|
||||
</p>
|
||||
<ul class="menu-list">
|
||||
<li>
|
||||
<router-link :to="{ name: RouteName.ABOUT_INSTANCE }">{{
|
||||
$t("About this instance")
|
||||
}}</router-link>
|
||||
</li>
|
||||
<li>
|
||||
<router-link :to="{ name: RouteName.ABOUT_MOBILIZON }">{{
|
||||
$t("About Mobilizon")
|
||||
}}</router-link>
|
||||
</li>
|
||||
</ul>
|
||||
<p class="menu-label">
|
||||
{{ $t("Legal") }}
|
||||
</p>
|
||||
@@ -73,11 +63,11 @@
|
||||
</main>
|
||||
|
||||
<!-- We hide the "Find an instance button until https://joinmobilizon.org gets a instance picker -->
|
||||
<div class="hero register is-primary is-medium" v-if="config && config.registrationsOpen">
|
||||
<div class="hero register is-primary is-medium">
|
||||
<div class="hero-body">
|
||||
<div class="container has-text-centered">
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<div class="column" v-if="config && config.registrationsOpen">
|
||||
<h2 class="title">{{ $t("Register on this instance") }}</h2>
|
||||
<b-button
|
||||
type="is-secondary"
|
||||
@@ -87,10 +77,12 @@
|
||||
>{{ $t("Create an account") }}</b-button
|
||||
>
|
||||
</div>
|
||||
<!-- <div class="column">
|
||||
<h2 class="title">Find an instance</h2>
|
||||
<b-button type="is-secondary" size="is-large" tag="a" href="https://joinmobilizon.org">{{ $t('Register') }}</b-button>
|
||||
</div>-->
|
||||
<div class="column">
|
||||
<h2 class="title">{{ $t("Find another instance") }}</h2>
|
||||
<b-button type="is-secondary" size="is-large" tag="a" href="https://mobilizon.org">{{
|
||||
$t("Pick an instance")
|
||||
}}</b-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,226 +0,0 @@
|
||||
<template>
|
||||
<div class="container">
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="columns">
|
||||
<div class="column has-text-left-desktop">
|
||||
<h2 class="title">{{ $t("Gather ⋅ Organize ⋅ Mobilize") }}</h2>
|
||||
<p
|
||||
class="content"
|
||||
v-html="
|
||||
$t(
|
||||
'From a birthday party with friends and family to a march for climate change, right now, our gatherings are <b>trapped inside the tech giants’ platforms</b>. How can we organize, how can we click “Attend,” without <b>providing private data</b> to Facebook or <b>locking ourselves</b> inside MeetUp?'
|
||||
)
|
||||
"
|
||||
/>
|
||||
<p
|
||||
v-html="
|
||||
$t(
|
||||
'Mobilizon is a free/libre software that will allow communities to create <b>their own spaces</b> to publish events in order to better emancipate themselves from tech giants.'
|
||||
)
|
||||
"
|
||||
/>
|
||||
</div>
|
||||
<div class="column has-text-right-desktop has-text-centered-mobile">
|
||||
<img
|
||||
src="/img/about/action-mobilizon.png"
|
||||
width="300"
|
||||
:alt="$t('Organize and take action, freely')"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<div class="columns">
|
||||
<div class="column has-text-right-desktop">
|
||||
<h2 class="title">{{ $t("Let's create a new common") }}</h2>
|
||||
<p
|
||||
v-html="
|
||||
$t(
|
||||
'We want to develop a <b>digital common</b> that everyone can make their own, one which respects <b>privacy and activism by design</b>.'
|
||||
)
|
||||
"
|
||||
/>
|
||||
<p>
|
||||
<span
|
||||
v-html="
|
||||
$t(
|
||||
'Installing Mobilizon will allow communities to free themselves from the services of tech giants by creating <b>their own event platform</b>.'
|
||||
)
|
||||
"
|
||||
/>
|
||||
<span> </span>
|
||||
<i18n
|
||||
tag="span"
|
||||
path="This installation (called “an instance“) can easily {interconnect}, thanks to {protocol}."
|
||||
>
|
||||
<b slot="interconnect">{{ $t("interconnect with others like it") }}</b>
|
||||
<a slot="protocol" href="https://en.wikipedia.org/wiki/ActivityPub">{{
|
||||
$t("a decentralised federation protocol")
|
||||
}}</a>
|
||||
</i18n>
|
||||
</p>
|
||||
</div>
|
||||
<div class="column has-text-left-desktop has-text-centered-mobile">
|
||||
<img
|
||||
src="/img/about/common-mobilizon.png"
|
||||
width="300"
|
||||
:alt="$t('Let\'s create a new common')"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<div class="hero quote is-secondary">
|
||||
<div class="hero-body">
|
||||
<div class="container">
|
||||
<h2 class="title">{{ $t("To change the world, change the software") }}</h2>
|
||||
<blockquote>
|
||||
{{
|
||||
$t(
|
||||
"We can’t change the world from within Facebook. The tool we dream of, surveillance capitalism corporations won’t develop, as they cannot profit from it. This is an opportunity to build something better, by taking another approach."
|
||||
)
|
||||
}}
|
||||
</blockquote>
|
||||
<footer class="blockquote-footer">
|
||||
<a
|
||||
href="https://framablog.org/2019/05/14/mobilizon-lets-finance-a-software-to-free-our-events-from-facebook/"
|
||||
>{{ $t("Read Framasoft’s statement of intent on the Framablog") }}</a
|
||||
>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<h2 class="title">{{ $t("Software to the people") }}</h2>
|
||||
<i18n
|
||||
tag="p"
|
||||
path="{license} guarantees {respect} of the people who use it. Since {source}, anyone can audit it, which guarantees its transparency."
|
||||
>
|
||||
<a slot="license" href="https://choosealicense.com/licenses/agpl-3.0/">{{
|
||||
$t("Mobilizon’s licence")
|
||||
}}</a>
|
||||
<b slot="respect">{{ $t("respect of the fundamental freedoms") }}</b>
|
||||
<a slot="source" href="https://framagit.org/framasoft/mobilizon">{{
|
||||
$t("its source code is public")
|
||||
}}</a>
|
||||
</i18n>
|
||||
<p>
|
||||
{{
|
||||
$t(
|
||||
"If the direction given by the development team does not suit you, you have the legal right to create your own version of the software, with your own governance choices."
|
||||
)
|
||||
}}
|
||||
</p>
|
||||
<i18n
|
||||
tag="p"
|
||||
path="Mobilizon is not developed by a secretive start-up, but by a group of friends who strive to {change_world}. So while we do work slower, we remain attentive and in touch with our users."
|
||||
>
|
||||
<a slot="change_world" href="https://framasoft.org">{{
|
||||
$t("change the world, one byte at a time")
|
||||
}}</a>
|
||||
</i18n>
|
||||
</div>
|
||||
<div class="column has-text-right-desktop has-text-centered-mobile">
|
||||
<img
|
||||
src="/img/about/software-to-the-people-mobilizon.png"
|
||||
width="300"
|
||||
:alt="'Software to the people'"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<div class="columns">
|
||||
<div class="column has-text-right-desktop">
|
||||
<h2 class="title">{{ $t("Conceived with care for humans") }}</h2>
|
||||
<i18n
|
||||
tag="p"
|
||||
path="We asked professional designers to help us develop our vision for Mobilizon. We took time to study the {digital_habits} in order to understand the features they need to gather, organize, and mobilize so that right from its conception, Mobilizon would {fit_needs_uses_people} who are going to use it."
|
||||
>
|
||||
<b slot="digital_habits">{{ $t("digital habits of activists") }}</b>
|
||||
<b slot="fit_needs_uses_people">{{ $t("fit the needs and uses of the people") }}</b>
|
||||
</i18n>
|
||||
</div>
|
||||
<div class="column has-text-left-desktop has-text-centered-mobile">
|
||||
<img
|
||||
src="/img/about/concieved-mobilizon.png"
|
||||
width="300"
|
||||
:alt="$t('Concieved with care for humans')"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
import { Component, Vue } from "vue-property-decorator";
|
||||
|
||||
@Component
|
||||
export default class AboutMobilizon extends Vue {}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.hero.is-primary {
|
||||
background: $background-color;
|
||||
.subtitle {
|
||||
padding: 1rem;
|
||||
display: block;
|
||||
|
||||
span {
|
||||
color: lighten($background-color, 10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
section {
|
||||
padding: 3rem 0;
|
||||
|
||||
&:not(:last-child) {
|
||||
border-bottom: 0.1rem dotted #777;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
&:nth-child(odd) .columns {
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
}
|
||||
|
||||
.hero.quote {
|
||||
background: lighten($secondary, 20%);
|
||||
h2 {
|
||||
background: initial;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-left: 0.2em solid #333;
|
||||
display: block;
|
||||
padding-left: 1em;
|
||||
|
||||
&:before {
|
||||
content: "« ";
|
||||
}
|
||||
|
||||
&:after {
|
||||
content: " »";
|
||||
}
|
||||
}
|
||||
|
||||
.blockquote-footer a {
|
||||
color: #6c757d;
|
||||
background: initial;
|
||||
|
||||
&:before {
|
||||
content: "\2014\00A0";
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -231,7 +231,7 @@
|
||||
>
|
||||
<a
|
||||
slot="default_privacy_policy"
|
||||
href="https://mobilizon.org/terms"
|
||||
href="https://mobilizon.fr/terms"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>{{ $t("default Mobilizon privacy policy") }}</a
|
||||
@@ -259,7 +259,7 @@
|
||||
>
|
||||
<a
|
||||
slot="mobilizon_privacy_policy"
|
||||
href="https://mobilizon.org/privacy"
|
||||
href="https://mobilizon.fr/privacy"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user