queercodeberlin.github.io/index.html at master · QueerCodeOrg/queercodeberlin.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
---
title: Queer Code
layout: default
---
 <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<div class="columns">
  <div class="column">
    <div class="hero">
      <h1 class="title is-spaced">
        Queer Code
      </h1>
      <p class="subtitle">
         {{ site.description }}
      </p>
      <p>
        Are you a queer coder? Like to take part? <a href="https://join.slack.com/t/queercodelondon/shared_invite/zt-1mhqtisqc-rHsMDwJgckUKpRUxqBgGZg">Join our Slack group</a> or look below to find an event near you.
      </p>
    </div>
  </div>
  <div class="column">
    <img class="home-image is-rainbow" src="images/people.jpg" alt="People at Queer Code" />
  </div>
</div>

<div class="columns">
  <div class="column places">
    <h2 class="title">Find your local meetup</h2>
    {% for meetup in site.data.meetups %}
    <div class="place">
      <div class="columns">
        <div class="column is-one-third">
          <img class="image" src="images/{{ meetup.image }}" alt="{{meetup.name}}" />
        </div>
        <div class="column">
          <h3 class="title">{{ meetup.name }}</h3>
          <div class="links">
            <a class="button is-bordered is-rainbow" href="{{ meetup.joinLink }}">
              <i class="fa fa-{{ meetup.joinType}}" aria-hidden="true"></i> Join us
            </a>
            {% if meetup.github %}
            <a class="navbar-item is-bordered" href="{{ meetup.github }}">
              <i class="fa fa-github" aria-hidden="true"></i> GitHub
            </a>
            {% endif %}
            <a class="navbar-item twitter-link" href="{{ meetup.twitter }}">
              <i class="fa fa-twitter" aria-hidden="true"></i> Twitter
            </a>
            {% if meetup.mail %}
            <a class="navbar-item" href="{{ meetup.mail }}">
              <i class="fa fa-envelope" aria-hidden="true"></i> Google Groups
            </a>
            {% endif %}
          </div>
        </div>
      </div>
    </div>
    {% endfor %}
  </div>

  <div class="column">
    <div class="twitter-timeline-container">
      <h2 class="title">Tweets from Queer Code groups</h2>
      <a class="twitter-timeline" data-height="1000" data-chrome="noheader" data-dnt="true" href="https://twitter.com/QCLdn/lists/tweets-from-queer-code">Queer Code on Twitter</a>
    </div>
    </div>
</div>

<div class="slack">
  <div class="columns">
    <div class="column">
      <h2 class="title is-spaced">We're on Slack</h2>
      <p class="subtitle">Chat to queer coders around the world in our Slack group.</p>
      <p>
        <a class="button is-bordered is-rainbow" href="https://join.slack.com/t/queercodelondon/shared_invite/zt-1mhqtisqc-rHsMDwJgckUKpRUxqBgGZg">
          Join us on Slack
        </a>
      </p>
    </div>
    <div class="column is-one-third">
      <img class="logo" src="images/logo-slack.svg" alt="Slack logo" />
    </div>
  </div>
</div>