Browse Source

new webpage listing services :)

master
Albatroz Jeremias 2 years ago
parent
commit
af3d5b95ea
9 changed files with 171 additions and 0 deletions
  1. +7
    -0
      www/css/bootstrap.min.css
  2. +34
    -0
      www/css/coletivos.css
  3. BIN
      www/fonts/instruction-webfont.woff
  4. BIN
      www/fonts/instruction-webfont.woff2
  5. +7
    -0
      www/js/bootstrap.min.js
  6. BIN
      www/media/codemd.png
  7. BIN
      www/media/discourse.png
  8. BIN
      www/media/mastodon.png
  9. +123
    -0
      www/newindex.htm

+ 7
- 0
www/css/bootstrap.min.css
File diff suppressed because it is too large
View File


+ 34
- 0
www/css/coletivos.css View File

@@ -0,0 +1,34 @@
@font-face {
font-family: 'instructionregular';
src: url('/fonts/instruction-webfont.woff2') format('woff2'),
url('/fonts/instruction-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;

}

body{
font-family: 'instructionregular';
}

.album, .jumbotron{

background: url('/media/1000101.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.jumbotron{
margin-bottom: 0px;
}
.jumbotron .container{
padding: 30px;
}
.album .container{
padding: 0px;
}
.album .card{
opacity: 0.93;
height:440px;
}

BIN
www/fonts/instruction-webfont.woff View File


BIN
www/fonts/instruction-webfont.woff2 View File


+ 7
- 0
www/js/bootstrap.min.js
File diff suppressed because it is too large
View File


BIN
www/media/codemd.png View File

Before After
Width: 1840  |  Height: 1194  |  Size: 233 KiB

BIN
www/media/discourse.png View File

Before After
Width: 1057  |  Height: 652  |  Size: 143 KiB

BIN
www/media/mastodon.png View File

Before After
Width: 1256  |  Height: 797  |  Size: 581 KiB

+ 123
- 0
www/newindex.htm View File

@@ -0,0 +1,123 @@
<!doctype html>
<html lang="en">
<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="">
<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">
<h1 class="jumbotron-heading">Bem-vindo ao coletivos.org</h1>
<p class="lead text-muted"></p>

<h5>Aceitamos donativos</h5>
<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>
</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">
<h1>Rede social</h1>
<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-success">social.coletivos.org</span></a>
<img src="/media/mastodon.png" class="img-thumbnail">
</div>
</div>
</div>
<div class="col-md-4">
<div class="card mb-4 box-shadow">
<div class="card-body">
<h1>Pad</h1>
<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>
<img src="/media/codemd.png" class="img-thumbnail">
</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>

<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>-->
</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>
<div class="col-md-4">
<div class="card mb-4 box-shadow">
<div class="card-body">
<h1>Forúm</h1>
<p class="card-text">O discourse é um software promete criar discussões mais organizadas</p>
<a href="https://discourse.coletivos.org"><span class="badge badge-success">discourse.coletivos.org</span></a>
<img src="/media/discourse.png" class="img-thumbnail">
</div>
</div>

</div>
</div>
</div>
</div>

</main>

<footer class="text-muted">
<div class="container">
<p class="float-right">
<a href="#">Back to top</a>
</p>
<p>Nós somos um coletivo que der espaço aos coletivos na internet! contacta-nos.</p>
<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="#" class="btn btn-success my-2">Riot</a>
</p>
</div>
</footer>
</body>
</html>

Loading…
Cancel
Save