old.devparty.github.io/index.html at master · devparty/old.devparty.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>#devparty</title>
  <link href='http://fonts.googleapis.com/css?family=Raleway:400,700' rel='stylesheet' type='text/css'>
  <style>
    html, body {
      height: 100%;
      width: 100%;
      font-size: 24px;
      font-family: 'Raleway', 'sans-serif';
      margin: 0;
      padding: 0;
    }
    .wrapper {
      display: table;
      min-height: 100%;
      width: 100%;
      text-align: center;
      background-color: #002b36;
    }
    .text {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        height: 100%;
    }
    h1 {
      font-size: 2em;
    }
    .accent {
        color: #859900;
    }
    a {
        color: #B58900;
        text-decoration: none;
    }
    a:hover {
        border-bottom: 1px dotted #b58900;
    }
    p {
      font-size: 0.8em;
      display: block;
      color: hsla(175, 59%, 40%, 1);
      font-weight: 100;
    }

    .button {
        display: inline-block;
        padding: 0.8em;
        margin: 1em;
        background-color: #268ad2;
        color: #FFF;
        border: 1px solid #002b36;
        transition: opacity 0.2s;
        text-transform: uppercase;
        opacity: 0.8;
        text-shadow: #839496 0 -1px 1px;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.35),0 2px 2px rgba(0,0,0,.1725),transparent 0 0 0,transparent 0 0 0,transparent 0 0 0;
        -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.35),0 2px 2px rgba(0,0,0,.1725),transparent 0 0 0,transparent 0 0 0,transparent 0 0 0;
        border-bottom: 1px solid hsla(205, 69%, 39%, 1);
        font-weight: normal;
    }
    .button:hover {
        border-bottom: 1px solid hsla(205, 69%, 39%, 1);
        opacity: 1;
    }

    small {
      font-size: 0.6em;
    }
  </style>
</head>
<body>
  <div class="wrapper">
    <div class="text">
        <h1 class="accent">
          <#devparty/>
        </h1>
        <p>O <span class="accent">#devparty</span> é uma comunidade no <a href="http://slack.com">Slack</a> dedicada a desenvolvedores.</p>
        <p>Converse com outros desenvolvedores, discuta tecnologias, fale sobre novas ténicas.</p>
        <a href="https://devparty.typeform.com/to/DcK6FC" class="button">Inscreva-se*</a>
        <p>Já é um membro? Faça <a href="http://devparty.slack.com">login</a>.</p>
        <p><small>*O convite pode demorar até 24h para ser enviado.</small></p>
    </div>
  </div>
</body>
</html>