sfu.codes/index.html at master · sfu-code/sfu.codes · 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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
---
title: Intro | SFU Code
layout: default
---

<section class="hero is-fullheight">
  <div class="hero-body">
    <div class="container">
      <div class="content">
      <div class="columns">
        <div class="column is-half">
          <pre>
            <code class="rounded is-size-6">
if (manyHands) {
  make("Light work.");
}
            </code>
          </pre>
        </div>
        <div class="column is-half">
          <h2 class="title is-1 has-text-light">Rome wasn't built in a day.</h2>
          <p class="has-text-light">But when motivated people come together, impressive things happen. That's why we're starting SFU Code.</p>
            <a href='#info' class="button">What do you do?</a>
            <a href='details.html' class="button">What are you like?</a>
            <a href='join.html' class="button">I want to join.</a>
          </div>

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

<section id="info" class="hero is-primary">
  <div class="hero-body">
    <div class="container">
      <div class="content">
      <div class="columns">
        <div class="column is-half">
          <h1 class="title">What is this?</h1>
          <p>SFU Code is a new club starting in Fall 2018. We aim to bring together all kinds of developers — so knowledge can be shared, connections can be made, and projects can be built.</p>
          <p>We have <a href='details.html'>weekly 2-hour meetings</a>, alternating between work sessions and seminars. </p>
          <a href='join.html' class="button is-primary is-inverted is-outlined is-rounded is-fullwidth">Sign me up.</a>
        </div>
        <div class="column is-half">
          <img class='rounded' src="https://cdn-images-1.medium.com/max/1200/1*1msCRn-wDUzuGtI1yPUbAA.gif" alt='Code animation' />
        </div>
      </div>
    </div>
    </div>
  </div>
</section>

<section class="hero is-info is-bold">
  <div class="hero-body">
    <div class="container">
      <div class="columns">
        <div class="column is-half">
          <h2 class="title is-2">What do we do?</h2>
          <p>Club members work on their school, personal, <a href='https://github.com/sfu-code'>club</a>, or freelance projects. SFU Code is a community of developers - feel free to ask questions, contribute to a project, or find people to work with.</p>
        </div>
      </div>
      <h3 class="title is-3">Topics include:</h3>
      <div class="columns">
        <div class="column">
          <div id="b" class="box has-text-centered">
            <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a7/React-icon.svg/512px-React-icon.svg.png" alt="React logo">
            <h4 class="subtitle has-text-dark">React</h4>
          </div>
        </div>
        <div class="column">
          <div class='box has-text-centered'>
            <img src="https://github.com/laravel/art/blob/master/laravel-l-slant.png?raw=true" alt="Laravel logo">
            <h4 class="subtitle has-text-dark">Laravel</h4>
          </div>
        </div>
        <div class="column">
          <div class='box has-text-centered'>
            <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/1d/AmazonWebservices_Logo.svg/2000px-AmazonWebservices_Logo.svg.png" alt="AWS logo">
            <h4 class="subtitle has-text-dark">AWS</h4>
          </div>
        </div>
        <div class="column">
          <div class='box has-text-centered'>
            <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/9d/Swift_logo.svg/2000px-Swift_logo.svg.png" alt="Swift logo">
            <h4 class="subtitle has-text-dark">Swift</h4>
          </div>
        </div>
        <div class="column">
          <div class='box has-text-centered'>
            <img src="https://diylogodesigns.com/wp-content/uploads/2017/07/java-logo-vector-768x768.png" alt="Java logo">
            <h4 class="subtitle has-text-dark">Java</h4>
          </div>
        </div>
        <div class="column">
          <div class='box has-text-centered'>
            <img src="https://camo.githubusercontent.com/0617f4657fef12e8d16db45b8d73def73144b09f/68747470733a2f2f646576656c6f7065722e6665646f726170726f6a6563742e6f72672f7374617469632f6c6f676f2f6373686172702e706e67" alt="C# logo">
            <h4 class="subtitle has-text-dark">C#</h4>
          </div>
        </div>
        <div class="column">
          <div class='box has-text-centered'>
            <img src="https://www.vectorlogo.zone/logos/jekyllrb/jekyllrb-card.png" alt="Jekyll logo">
            <h4 class="subtitle has-text-dark">Jekyll</h4>
          </div>
        </div>
      </div>
  </div>
</section>