website_v1/events_page.html at main · workflows-community/website_v1 · 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
111
112
113
<!DOCTYPE html>
<html lang="en">

<head>
  <title>Events Page</title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.1/css/materialize.min.css">
  <link rel="stylesheet" href="./styles.css">
  <link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet">

</head>

<body>

  <div class="navbar-fixed">
    <nav>
      <div class="nav-wrapper teal">
        <a href="./index.html" class="brand-logo">Workflows CoP</a>
        <ul id="nav-mobile" class="right hide-on-med-and-down">
          <li><a href="https://github.com/workflows-community/wgc_workflows.github.io"><i class="fa fa-github small" aria-hidden="true"></i></a></li>
          <li><a href="https://twitter.com/"><i class="fa fa-twitter small" aria-hidden="true"></i></a></li>
        </ul>
      </div>
    </nav>
  </div>

  <div class="section teal">
    <div class="row container center">
      <h1 class="teal-text text-darken-4">Upcoming events</a></h1>
      <p> More to be added soon!</p>
    </div>
  </div>

  <div class="section teal">
    <div class="row center">
      <div class="row">
        <div class="col s12 m4">
          <div class="card teal darken-4">
            <div class="card-content white-text">
              <span class="card-title" class="white-text"><i class="fa fa-calendar" style="font-size:36px"></i> May 2023 </span>
              <p class="left">30th May 2023 - Talks!</p>
                <br>
                <p> - Common pitfalls in Nextflow </p>
            </div>
          </div>
        </div>
        <div class="col s12 m4">
            <div class="card teal darken-4">
              <div class="card-content white-text">
                <span class="card-title" class="white-text"><i class="fa fa-calendar" style="font-size:36px"></i> June 2023 </span>
                <p class="left">30th June 2023 - Hackathon!</p>
                    <br>
                    <p>- BYOP (Bring Your Own Problem) or join in on the community challenge!</p>
              </div>
            </div>
          </div>
          <div class="col s12 m4">
            <div class="card teal darken-4">
              <div class="card-content white-text">
                <span class="card-title" class="white-text"><i class="fa fa-calendar" style="font-size:36px"></i> July 2023 </span>
                <p class="left">30th July 2023 - Get Together!</p>
                    <br>
                    <p>- A community get together!</p>
              </div>
            </div>
          </div>
      </div>
    </div>
  </div>

  <div class="parallax-container">
    <div class="parallax"><img src="https://www.hinxtonhall.org/wp-content/uploads/2020/10/wgc-hero-1280x350.jpg"
        alt="picture" /></div>
  </div>

  <footer class="page-footer teal">
    <div class="container">
      <div class="row">
        <div class="col l6 s12">
          <h5 class="white-text">About</h5>
          <p class="grey-text text-lighten-4">This is a Wellcome Genome Campus Community of Practise for <a href="https://www.nextflow.io/" class="teal-text text-darken-4">Nextflow</a> enthusiasts.</p>
          <br/>

          </div>
          <div class="col l4 offset-l2 s12">
            <h5 class="white-text">Other platforms</h5>
            <ul>
              <li><a href="https://github.com/workflows-community/wgc_workflows.github.io" class="teal-text text-darken-4">Github</a></li>
              <li><a href="https://twitter.com/" class="teal-text text-darken-4">Twitter NOT YET CONFIRMED</a></li>
            </ul>
            <h5 class="white-text">Contact</h5>
            <h6 class="teal-text text-darken-4">NOT YET CONFIRMED</h6>
          </div>
          </div>
        </div>
        <div class="footer-copyright">
          <div class="container center">
            <p class="white-text">© 2023 Copyright Workflows Community of Practice</p>
            <p class="white-text"> Build by the Workflows Community of Practice committee</p>
          </div>
        </div>
  </footer>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.1/js/materialize.min.js"></script>
  <script src="./index.js"></script>

</body>

</html>