Commit 427f635d authored by Ozoux's avatar Ozoux

Merge branch 'rework' into 'master'

rework

See merge request !6
parents 09ab90a4 389e9de5
......@@ -76,7 +76,7 @@ link = "https://forum.indie.host/"
[Languages.en]
weight = 1
title = "IndieHosters - Hosting for Freedom!"
catchline = "Your <strong>private cloud</strong> for files, emails, contacts, calendars..."
catchline = "We manage your Nextcloud, private email and domain, all in one place!"
[[Languages.en.menu.main]]
identifier = "home"
......@@ -198,7 +198,7 @@ amount = "50GB"
email = "Unlimited emails: freemember@myorg.com"
webmail = "Webmail & web interface to manage users"
website = "Your static website designed with our tools"
social = "Option: get your own social network with Mastodon"
social = "Option: get your own Mastodon instance"
cloud = "Cloud for files, contacts and calendars"
cloud_name = "Private cloud: cloud.myorg.com"
sync = "Sychronization to mobile and desktop"
......
+++
title = "About us"
+++
# Why IndieHosters?
We at IndieHosters believe that the combination of **[Free, Libre and Open Source Software](https://de.wikipedia.org/wiki/Free/Libre_Open_Source_Software)** and a [Fair Web Service](http://fairwebservices.org/) is the only way to [decentralize](https://degooglisons-internet.org/) and democratize the web. It is important to bring back diversity to a monopolistic market, dominated by Internet giants such as GAFAM (Google, Amazon, Facebook, Apple and Microsoft). They lock in the data of their users and thus tie them to their services. We at IndieHosters believe that the only way to guarantee a free and thriving web is to facilitate and ease data migration.
With IndieHosters you [stay independent](https://indieweb.org/Principles) and have the same freedom and control over your data as when [self-hosting](https://degooglisons-internet.org/). In Europe alone there are 23 other [Nextcloud providers](https://nextcloud.com/providers/) with different features. IndieHosters offers the integration of your email into the cloud and a handpicked collection of collaboration softwares. By [testing and electing our products for our own use](https://indieweb.org/Principles), we are able to guarantee professional expertise, fair pricing and maximum sustainability for your data and [environment](https://www.hetzner.com/unternehmen/umweltschutz/?country=ot). Signing up is easy, signing out as well.
To get you started, our [freedom bundles](https://indie.host/) provide you with a fair alternative to google drive or dropbox. For a facebook alternative we install [Mastodon](/shop/mastodon/) or [Rocketchat](/shop/rocketchat/) for you. For your independent website chose between [Wordpress, Known](/shop/) or a [static website](https://forum.indie.host/t/easily-host-a-static-site/75). As with the bundles, you can either get a shared instance or a private one for each product in the shop.
For further Free, Libre and Open Source collaboration tools, [IndieConsulting](https://blog.indie.host/2017/indieconsulting) helps you to pick and install the best ones. Pricing depends on the usefulness for our general user base and can be negotiated. Another solution in this case can be actual self-hosting and distribution of your own service to others. The more hosters the merrier!
Finally, if you believe in democracy, freedom of Speech and privacy, IndieHosters is the right place for your data and your digital identity. With IndieHosters everything you say and publish belongs to you and the [sustainability of your data](https://degooglisons-internet.org/) is no longer at the mercy of Internet giants. Your data and meta data is only collected for the purpose of internal, anonymous statistics and not sold, exploited or used to exercise manipulative influence over you and others.
It's our web, it's our digital identity and it's your data! Get libre and remember: if it's for free you are the product. ![comic about page](/img/the-free-model.jpg)
......@@ -9,3 +9,9 @@ starting = "from 24€"
amount = "75€"
condition = ""
+++
# Title1
## Title2
Some text!
{{ partial "header.html" . }}
<section class="jumbotron">
</section>
<section>
<div class="container">
<div class="row col-md-6 col-md-offset-3">
{{ .Content }}
</div>
</div>
</section>
{{ partial "footer.html" . }}
......@@ -4,8 +4,8 @@
<section class="jumbotron">
<div class="container">
<div class="row center">
<div class="col-md-offset-3 col-md-3">
<h2>{{ .Site.Params.catchline | markdownify }}</h2>
<div class="col-md-offset-3 col-md-6">
<h1>{{ .Site.Params.catchline | markdownify }}</h1>
<a href="https://cloud.indie.host/index.php/apps/registration/" class="btn btn-primary btn-lg" role="button">Sign up & try for free</a>
</div>
<div class="col-md-6">
......@@ -20,7 +20,7 @@
{{ range .Site.Params.values }}
<div class="col-md-4">
<img src="{{ .picto }}" alt="{{ .title }}">
<h2>{{ .title }}</h2>
<h3>{{ .title }}</h3>
<p>{{ .description }}</p>
</div>
{{ end }}
......@@ -30,7 +30,7 @@
<section id="pricing" class="pricing">
<div class="container">
<h1>{{ range .Site.Params.sectionbundles }}{{ .title }}{{end}}</h1>
<h2>{{ range .Site.Params.sectionbundles }}{{ .title }}{{end}}</h2>
<div class="row">
{{ range .Site.Params.bundles}}
<div class="col-md-4 col-s-12">
......@@ -65,7 +65,7 @@
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title" id="myModalLabel">Personal details</h4>
<h3 class="modal-title" id="myModalLabel">Personal details</h3>
</div>
<div class="modal-body">
<form action="https://invoice.indie.host/buy_now" method="get" target="_top">
......@@ -94,9 +94,9 @@
</div>
</section>
<section class="features">
<section id="features" class="features blue">
<div class="container">
<h1>{{ range .Site.Params.sectionfeatures }}{{ .title }}{{end}}</h1>
<h2>{{ range .Site.Params.sectionfeatures }}{{ .title }}{{end}}</h2>
<div class="row">
{{ range .Site.Params.features.technical }}
......@@ -104,7 +104,7 @@
<img src="{{ .picto }}" alt=" {{ .title }}">
</div>
<div class="col-md-7 col-md-offset-2 col-md-pull-4 col-sm-12">
<h2>{{ .title }}</h2>
<h3>{{ .title }}</h3>
<p>{{ .description }}</p>
</div>
{{ end }}
......@@ -116,7 +116,7 @@
<img src="{{ .picto }}" alt=" {{ .title }}">
</div>
<div class="col-md-7 col-md-offset-1 col-sm-12">
<h2>{{ .title }}</h2>
<h3>{{ .title }}</h3>
<p>{{ .description }}</p>
</div>
{{ end }}
......@@ -128,7 +128,7 @@
<img src="{{ .picto }}" alt=" {{ .title }}">
</div>
<div class="col-md-7 col-md-offset-2 col-md-pull-4 col-sm-12">
<h2>{{ .title }}</h2>
<h3>{{ .title }}</h3>
<p>{{ .description }}</p>
</div>
{{ end }}
......@@ -136,9 +136,9 @@
</div>
</section>
<section class="users-feedbacks">
<section id="users-feedbacks" class="users-feedbacks">
<div class="container">
<h1>{{ range .Site.Params.sectionfeedbacks }}{{ .title }}{{end}}</h1>
<h2>{{ range .Site.Params.sectionfeedbacks }}{{ .title }}{{end}}</h2>
<div class="row">
{{ range .Site.Params.feedbacks }}
<div class="col-md-6">
......@@ -154,7 +154,7 @@
<section class="press">
<div class="container">
<h1>{{ range .Site.Params.sectionpress }}{{ .title }}{{end}}</h1>
<h2>{{ range .Site.Params.sectionpress }}{{ .title }}{{end}}</h2>
<div class="row center">
<div class="col-md-4">
<a href="https://www.wired.com/2014/11/indie-hosters/" target="_blank"><img src="/img/Wired_logo.svg" alt="Wired"></a>
......@@ -169,32 +169,30 @@
</div>
</section>
<section class="newsletter">
<section class="newsletter blue">
<div class="container">
<h1>{{ range .Site.Params.sectionnewsletter }}{{ .title }}{{end}}</h1>
<h2>{{ range .Site.Params.sectionnewsletter }}{{ .title }}{{end}}</h2>
<div class="row center">
<div class="col-md-6 col-md-offset-3">
<form>
<div class="form-group">
<input type="email" placeholder="email" class="form-control">
<button type="submit" class="btn btn-primary btn-lg">Subscribe</button>
</div>
</form>
</div>
</div>
<div class="row center">
<button type="submit" class="btn btn-primary btn-lg">Subscribe</button>
</div>
</div>
</section>
<section class="mission">
<div class="container">
<h1>{{ range .Site.Params.mission }}{{ .title }}{{end}}</h1>
<h2>{{ range .Site.Params.sectionmission }}{{ .title }}{{end}}</h2>
<div class="row">
{{ range .Site.Params.actions }}
<div class="col-md-4 center">
<img src="{{ .picto }}" alt="{{ .title }}">
<h2>{{ .title }}</h2>
<h3>{{ .title }}</h3>
<p>{{ .description }}</p>
</div>
{{ end }}
......
......@@ -14,6 +14,9 @@
<link href="/css/myne-site-icons-codes.css" type="text/css" rel="stylesheet"/>
<link href="/css/myne-site-icons.css" type="text/css" rel="stylesheet"/>
<link href="/css/custom.css" rel="stylesheet">
<link rel="alternate" hreflang="fr" href="https://indie.host/fr/"/>
<link rel="alternate" hreflang="en" href="https://indie.host/"/>
</head>
<body>
......
......@@ -52,6 +52,37 @@ h1, h2, h3, h4, h5, h6 {
color: #666666;
}
.jumbotron h1 {
font-size: 30px;
color: #666;
}
.idcard h1 {
color: white;
}
.container h2 {
font-size: 2.2em;
text-align: center;
}
.blue h2 {
color: white;
}
.container h3 {
font-size: 1.4em;
}
.blue h3 {
color: white;
font-style: italic;
}
.values h3 {
font-size: 30px;
}
p, div {
font-family: 'Montserrat', sans-serif;
}
......@@ -60,13 +91,6 @@ p, div {
padding-top: 60px;
padding-bottom: 20px;
}
/*
.container {
max-width: 1000px;
padding-top: 2em;
padding-bottom: 2em
}
*/
.center {
text-align: center
......@@ -78,10 +102,11 @@ p, div {
color: #fff;
}
.navbar .container {
.navbar .container {
padding-top: 1em;
padding-bottom: 1em;
}
.navbar-inverse .navbar-brand {
color: #fff;
}
......@@ -103,6 +128,7 @@ p, div {
}
.btn-primary {
margin-top: 1em;
background-color: #d078ba;
border-color: white;
color: white;
......@@ -133,12 +159,6 @@ p, div {
margin-top: 78px;
}
.pricing h1 {
text-align: center;
font-size: 2.2em;
padding-bottom: 1em;
}
.panel-basic {
background-color: #0db4c7;
color: #fff;
......@@ -223,13 +243,7 @@ p, div {
margin-right: 2em
}
.users-feedbacks h2 {
text-align: center;
color: white
}
.values {
margin-bottom: 20px;
background-color: #f3f3f3;
}
......@@ -237,27 +251,14 @@ p, div {
width: 100px;
}
.features h1 {
font-size: 2.2em;
font-weight: bold;
color: white;
text-align: center;
}
.features h2 {
font-size: 1.4em;
color: white;
font-style: italic;
}
.features {
background-color: #0db4c7;
color: white;
}
.features .row {
padding-top: 2em;
padding-bottom: 2em;
.container .row {
padding-top: 1em;
padding-bottom: 1em;
}
.users-feedbacks {
......@@ -265,54 +266,19 @@ p, div {
color: #333;
}
.users-feedbacks h1 {
font-size: 2.2em;
font-weight: bold;
text-align: center;
padding-bottom: 1em;
}
.press {
padding-bottom: 2em;
}
.press h1 {
font-size: 2.2em;
font-weight: bold;
text-align: center;
padding-bottom: 1em;
}
.mission h1 {
font-size: 2.2em;
font-weight: bold;
text-align: center;
padding-bottom: 1em;
}
.mission h2 {
font-size: 1.4em;
}
.mission p {
text-align: left;
}
.newsletter {
background-color: #0db4c7;
color: white;
}
.newsletter h1 {
font-size: 2.2em;
font-weight: bold;
color: white;
text-align: center;
padding-bottom: 1em;
}
.page-footer {
background-color: #0db4c7;
color: white;
......@@ -579,10 +545,6 @@ blockquote {
list-style-type: none;
}
.idcard h1 {
color: white;
}
ul.menu_horizontal li {
display : inline;
padding : 0 0.5em; /* Pour espacer les boutons entre eux */
......
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