os-ucsd.github.io/open-source-summer.html at master · os-ucsd/os-ucsd.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
<!DOCTYPE html>
<html lang="en">
<head>
  <title>Open Source Summer | Open Source @ UCSD</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">


  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
  <link href="os-summer/style.css" rel="stylesheet">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
   <script src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>
  <script src="os-summer/summer.js"></script>
</head>
<body>

<div class="container mt-3">
  <h2>Open Source Summer</h2>
  <br>
  <!-- Nav tabs -->
  <ul class="nav nav-tabs">
    <li class="nav-item">
      <a class="nav-link active" href="#home">Home</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#FAQs">FAQs</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#archives">Email Archives</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#form">Mail Sign Up Form</a>
    </li>
  </ul>

  <!-- Tab panes -->
  <div class="tab-content">
    <div id="home" class="container tab-pane active"><br>
      <br />
      <h3>About</h3>
      <p>Welcome to Open Source Summer! Here you will find some resources that can help you get started on your Open Source journey. <br>
      <br />
      <div class="links">
        <a href="https://www.facebook.com/groups/OpenSourceUCSD/?hc_location=group" target="_blank"><i class="fab fa-facebook"></i></a>
        <a href="https://github.com/os-ucsd" target="_blank"><i   class="fab fa-github"></i></a>
      </div>
      </p>
    </div>
    <div id="FAQs" class="container tab-pane fade"><br>
      <h3>FAQs</h3>
      <!-- Question 1 -->
      <h5>1) I am stuck on a tutorial or challenge, where can I go to get help?</h5>
      <p>There is a discord channel set up for anyone who needs online help. Feel free to send us a message!
        <a href="https://discord.gg/XMYGw5x." target="_blank">Link to Discord</a>
      </p>
      <!-- Question 2 -->
      <h5>2) Do I need programming experience for Open Source?</h5>
      <p>Absolutely not! In each of the weekly emails, we will provide you some learning tools. The tutorials/challenges
        will also guide you step by step.
      </p>
      <!-- Question 3 -->
      <h5>3) Can I sign up late?</h5>
      <p>Yes! Please fill out the mail sign up form.
      </p>
      <!-- Question 4 -->
      <h5>4) How can I unsubscribe to the weekly emails?</h5>
      <p>Send us a quick message! We completely understand.
      </p>
    </div>
    <div id="archives" class="container tab-pane fade"><br>
      <h3>Weekly Emails</h3>
      <a href="https://os-ucsd.github.io/OSS-Week1.html" target="_blank">Week 1</a>
      <a href="https://os-ucsd.github.io/OSS-Week2.html" target="_blank">Week 2</a>
    </div>
    <div id="form" class="container tab-pane fade"><br>
      <h4>Sign Up for Weekly Emails:</h4>
      <iframe src="https://docs.google.com/forms/d/e/1FAIpQLSf1o1Jr8I1Gx-hQ50HTvI2BuyIjKpjl-AQdrqixPFXdlUb7LA/viewform?embedded=true" width="700" height="520" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>
    </div>
  </div>
</div>

</body>
</html>