Populate manifesto page
This commit is contained in:
parent
9c2bd43c8f
commit
423fdf5cc8
2 changed files with 99 additions and 1 deletions
|
@ -5,6 +5,18 @@ body {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.blue {
|
||||||
|
color: #003366;
|
||||||
|
}
|
||||||
|
|
||||||
|
#section-manifesto .row {
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#section-manifesto {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
#section-nav {
|
#section-nav {
|
||||||
padding-top: 25px;
|
padding-top: 25px;
|
||||||
height: 75px;
|
height: 75px;
|
||||||
|
@ -35,7 +47,8 @@ body {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
#section-hero, #section-services, #section-members, #section-contact, #section-tech, #section-howcanyouhelp, footer {
|
#section-hero, #section-services, #section-members, #section-contact,
|
||||||
|
#section-tech, #section-howcanyouhelp, .section, footer {
|
||||||
padding-left: 50px;
|
padding-left: 50px;
|
||||||
padding-right: 50px;
|
padding-right: 50px;
|
||||||
padding-top: 20px;
|
padding-top: 20px;
|
||||||
|
|
|
@ -0,0 +1,85 @@
|
||||||
|
<div class="section" id="section-manifesto">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-6">
|
||||||
|
<h1>Manifesto</h1>
|
||||||
|
<p>
|
||||||
|
We are saddened by the state of the world, and role that IT - which,
|
||||||
|
for many of us, is our working field - is taking in it. We see the
|
||||||
|
current uses of these technologies as major social, political,
|
||||||
|
economical and ecological offender. They, however, are not going away
|
||||||
|
anytime soon, and are nonetheless formidable tools for human
|
||||||
|
communication.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
This lets us not choice but to fight to bring them closer to our vision
|
||||||
|
of <b>what</b>, <b>how</b> and <b>why</b> they should be.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-1"></div>
|
||||||
|
<div class="col-5">
|
||||||
|
<p>
|
||||||
|
<strong>There is no such thing as 'green' or 'sustainable' IT.</strong>
|
||||||
|
<br />
|
||||||
|
It will always require high-tech globalised insdustries, as well as
|
||||||
|
rare and hard to get resources. A maddening amount of those are throwed
|
||||||
|
away: we get (most of) our hardware from the second-hand market... and
|
||||||
|
landfills. We try to be the lesser evil but are not and will never be
|
||||||
|
'green'.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-1"></div>
|
||||||
|
<div class="col-5">
|
||||||
|
<p>
|
||||||
|
<strong>IT and 'high tech' in general is not necessarly the right solution to a
|
||||||
|
problem.</strong>
|
||||||
|
<br />
|
||||||
|
They are no different from any other *tool*. You can't work around a
|
||||||
|
ill-defined problem by aimlessly throwing resources and 'solutions'
|
||||||
|
at it.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-1"></div>
|
||||||
|
<div class="col-5">
|
||||||
|
<p>
|
||||||
|
<strong>For the better or worse, we already live in a world controlled by
|
||||||
|
technology.</strong>
|
||||||
|
<br />
|
||||||
|
We can't let an anyone size its control: we work in the open, with open
|
||||||
|
tools, gladly welcome anyone who want to join and don't lock them in.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-1"></div>
|
||||||
|
<div class="col-5">
|
||||||
|
<p>
|
||||||
|
<strong>We fight against the use of technology as a mean of control an
|
||||||
|
manipulation.</strong>
|
||||||
|
<br />
|
||||||
|
We fight against centralization, both from technical and governance
|
||||||
|
reasons. We are not one, but a federation of small hosting providers
|
||||||
|
with similar ideology.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="section-contact">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-9">
|
||||||
|
<p>
|
||||||
|
We hope to build a federation of small independent hosting
|
||||||
|
providers. We would be glad to hear from you if you're interested!
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-3">
|
||||||
|
<a href="contact.html" class="btn btn-bold">Contact us</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
Loading…
Reference in a new issue