Browse Source

move to frontpage

master
Albatroz Jeremias 6 months ago
parent
commit
ac82705ace
2 changed files with 157 additions and 119 deletions
  1. +1
    -1
      css/coletivos.css
  2. +156
    -118
      index.htm

+ 1
- 1
css/coletivos.css View File

@@ -30,5 +30,5 @@ background-size: cover;
}
.album .card{
opacity: 0.93;
height:440px;
height:200px;
}

+ 156
- 118
index.htm View File

@@ -1,12 +1,12 @@
<!doctype html>
<html lang="en">
<head>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<meta name="description" content="coletivos.org" />
<meta itemprop="name" content="coletivos.org">
<meta itemprop="description" content="coletivos.org">
<meta itemprop="image" content="https://coletivos.org/media/1000101.jpg">
@@ -25,131 +25,169 @@
<meta property="og:description" content="coletivos.org" />
<meta property="og:site_name" content="coletivos.org" />
<title>coletivos.org</title>


<link href="/css/bootstrap.min.css" rel="stylesheet">
<link href="/css/coletivos.css" rel="stylesheet">

</head>

<body>

<main role="main">
<section class="jumbotron text-center">
<div class="container card">
<p>
Nós somos um coletivo que fornece espaço a outros coletivos na internet, para debater, partilhar, conversar, mail
e uma rede social! Queremos um espaço na internet onde sejamos soberanos dos nossos dados e
das nossas redes, sendo a confiança criada através de de provas de cooperação.
</p>
</div>
</section>
<div class="album py-5 bg-light">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="card mb-4 box-shadow">

<div class="card-body">
<a href="https://social.coletivos.org"><h1>Rede social</h1>
<p class="card-text">Junta-te a nós no Mastodon, a tua porta para a #fediverse</p>
<span class="badge badge-success">social.coletivos.org</span>
<img src="/media/mastodon.png" class="img-thumbnail">
</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card mb-4 box-shadow">
<div class="card-body">
<a href="https://pad.coletivos.org"><h1>Pad</h1>
<p class="card-text">Editor de texto para colaboração em tempo real</p>
<span class="badge badge-success">pad.coletivos.org</span>
<img src="/media/codemd.png" class="img-thumbnail">
</a>
</div>
</div>
</div>
<div class="col-md-4">
<!--<div class="card mb-4 box-shadow">
<div class="card-body">
<h1>Mail</h1>
<p class="card-text">Se precisares de um e-mail <b>@coletivos.org</b>, contacta-nos!</p>
<br/>
<img src="/media/mastodon.png" class="img-thumbnail">
</div>
</div>-->
</div>
<link href="/css/bootstrap.min.css" rel="stylesheet">
<link href="/css/coletivos.css" rel="stylesheet">
</head>

<div class="col-md-4">
<!--<div class="card mb-4 box-shadow">
<div class="card-body">
<h1>Chat</h1>
<p class="card-text">Para manteres conversas em tempo real seguras e privadas com XMPP</p>
<a href="https://chat.coletivos.org"><span class="badge badge-success">chat.coletivos.org</span></a>
<img src="/media/mastodon.png" class="img-thumbnail">
</div>
</div>-->
<body>
<main role="main">
<section class="jumbotron text-center">
<div class="container card box-shadow">
<h2>coletivos.org</h2>
<p>&nbsp;</p>
<p>
Nós somos um coletivo que fornece espaço a outros coletivos na internet, para debater, partilhar, conversar, mail
e uma rede social! Queremos um espaço na internet onde sejamos soberanos dos nossos dados e
das nossas redes, sendo a confiança criada através de de provas de cooperação.
</p>
</div>
<div class="col-md-4">
<div class="card mb-4 box-shadow">
<div class="card-body">
<a href="https://appmail.coletivos.org"><h1>Mail</h1>
<p class="card-text">Se precisares de um e-mail <b>@coletivos.org</b>, contacta-nos!</p>
<span class="badge badge-success">appmail.coletivos.org</span>
<br/>
<img src="/media/mail.png" class="img-thumbnail"></a>
</section>
<div class="album py-5 bg-light">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="card mb-4 box-shadow">
<div class="card-body">
<a href="https://social.coletivos.org"><h2>Mastodon</h2>
<p class="card-text">Junta-te a nós no Mastodon, a tua porta para a #fediverse</p>
<a href="https://social.coletivos.org"><span class="badge badge-warning">social.coletivos.org</span></a>
</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card mb-4 box-shadow">
<div class="card-body">
<a href="https://videos.coletivos.org"><h2>Vídeos</h2></a>
<p class="card-text"> Peertube é onde podes partilhar os teus vídeos no #fediverse</p>
<a href="https://videos.coletivos.org"><span class="badge badge-warning">videos.coletivos.org</span></a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card mb-4 box-shadow">
<div class="card-body">
<a href="https://vasculha.coletivos.org/"><h2>Pesquisa</h2></a>
<p class="card-text">Pesquisa na internet utilizando um motor de busca descentralizado</p>
<a href="https://vasculha.coletivos.org"><span class="badge badge-success">vasculha.coletivos.org</span></a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card mb-4 box-shadow">
<div class="card-body">
<a href="https://pad.coletivos.org"><h2>Pad</h2>
<p class="card-text">Editor de texto para colaboração em tempo real</p>
<a href="https://pad.coletivos.org"><span class="badge badge-success">pad.coletivos.org</span></a>
</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card mb-4 box-shadow">
<div class="card-body">
<a href="https://planeia.coletivos.org/"><h2>Planeador</h2></a>
<p class="card-text">Planeia quando e quem vem a um evento!</p>
<a href="https://planeia.coletivos.org"><span class="badge badge-success">planeia.coletivos.org</span></a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card mb-4 box-shadow">
<div class="card-body">
<a href="https://listas.coletivos.org"><h2>Listas de email</h2></a>
<p class="card-text">Listas de email<br>Precisas de uma mailing list?</p>
<a href="https://listas.coletivos.org"><span class="badge badge-warning">listas.coletivos.org</span></a>
<br/>
</div>
</div>
</div>
<div class="col-md-4"></div>
<div class="col-md-4">
<div class="card mb-4 box-shadow">
<div class="card-body">
<h2>Mail</h2>
<p class="card-text">Se precisares de um e-mail <b>@coletivos.org</b>, contata-nos: <a href="mailto:suporte_at_coletivos.org">suporte_at_coletivos.org</a></p>
<br/>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card mb-4 box-shadow">
<div class="card-body">
<a href="https://discourse.coletivos.org"><h1>Forúm</h1>
<p class="card-text">O discourse é um software que promete criar discussões mais organizadas</p>
<span class="badge badge-success">discourse.coletivos.org</span>
<img src="/media/discourse.png" class="img-thumbnail"></a>
</div>
</div>

</div>
<section class="jumbotron text-center">
<div class="container card">
<div class="row">
<div class="col-md-12">
<h5>Donativos</h5>
<p>
Na internet não há serviços grátis. Se não pagas um produto então tu és o produto. No coletivos.org tu não és um produto.
Mas os serviços que fornecemos continuam a ter um custo (servidores, alojamento, dominios de internet).
Para podermos funcionar precisamos da cooperação dos nossos utilizadores.
Queremos que este coletivo funcione à base de donativos, com cada utlizador doando o valor que quiser, quando quiser.
</p><p>
</div>
</div>
<div class="row">
<div class="col-md-4">
Faircoin:<br/>
fSkrBR1fXF7CnHRFtDoFwhs2FeMQTGvXnp<br/>
<img src="media/donationsfaircoin.png"/>
</div>
<div class="col-md-4">
Bitcoin:<br/>
15p3h9iLUuweNTjKAXJqH6xjZe8f3Fq3L1<br/>
<img src="media/donationsbitcoin.png"/>
</div>
<div class="col-md-4">
paypal:<br/>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick" />
<input type="hidden" name="hosted_button_id" value="YKQVHCD3GYL44" />
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_SM.gif" border="0" name="submit" title="PayPal - The safer, easier way to pay online!" alt="Donate with PayPal button" />
<img alt="" border="0" src="https://www.paypal.com/en_PT/i/scr/pixel.gif" width="1" height="1" />
</form>
</div>
</div>
<!-- <a href="#" class="btn btn-info btn-xs">paypal</a>
<a href="#" class="btn btn-info btn-xs">liberapay</a>-->
</p>
</div>
</div>
</div>
</div>
<section class="jumbotron text-center">
</section>
<section class="jumbotron text-center">
<div class="container card">
<h5>Donativos</h5>
<p>
Na internet não há serviços grátis. Se não pagas um produto então tu és o produto. No coletivos.org tu não és um produto.
Mas os serviços que fornecemos continuam a ter um custo (servidores, alojamento, dominios de internet).
Para podermos funcionar precisamos da cooperação dos nossos utilizadores.
Queremos que este coletivo funcione à base de donativos, com cada utlizador doando o valor que quiser, quando quiser.
</p><p>
<!-- <a href="#" class="btn btn-info btn-xs">paypal</a>
<a href="#" class="btn btn-info btn-xs">faircoin</a>
<a href="#" class="btn btn-info btn-xs">liberapay</a>-->
</p>
<hr>
<h5>Contacta-nos</h5>
<p>

<a href="https://social.coletivos.org/@suporte" class="btn btn-success my-2">Mastodon</a>
<a href="mailto:suporte_at_coletivos.org" class="btn btn-success my-2">E-mail</a>
<a href="xmpp:coletivos@chat.disroot.org?join" class="btn btn-success my-2">XMPP</a>
<a href="https://riot.im/app/#/room/#coletivos.org:disroot.org" class="btn btn-success my-2">Riot</a>
</p>
<h5>Contacta-nos</h5>
<p>
<a href="https://social.coletivos.org/@suporte" class="btn btn-success my-2">Mastodon</a>
<a href="mailto:suporte_at_coletivos.org" class="btn btn-success my-2">E-mail</a>
<a href="xmpp:coletivos@chat.disroot.org?join" class="btn btn-success my-2">XMPP</a>
</p>
</div>
</section>

</main>

<footer class="text-muted">
<div class="container">
</section>
</main>

</div>
</footer>
</body>
<footer class="text-muted">
<div class="container">
</div>
</footer>
</body>
</html>

Loading…
Cancel
Save