bend-devops.github.io/index.html at main · deschutes-tech-guild/bend-devops.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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="description" content="Bend DevOps is a Technology Meetup in Central Oregon." />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="styling/styles.css" />
  <link rel="stylesheet" href="styling/form.css" />
  <script src="script.js" defer></script>
  <script src="background.js"></script>
  <link rel="icon" type="image/x-icon" href="images/logo_tab.webp" alt="image-icon">
  <title>Bend DevOps</title>
</head>
<body>
  <header class="header">
    <div class="">

    </div>
  </header>

  <div class="main">
    <div class="main-div">

      <div class="section" >
        <div class="bdo-main">

          <div class="bdo-about">
            <h1>Bend DevOps</h1>
            <h2>A DevOps community in Central Oregon</h2>
            <p>
              Hi! We're Bend DevOps and we love technology.
              Our group is a mix of experts,
              enthusiasts and students who share a common love of DevOps,
              programming and everything server-side.
            </p>
            <p>
              Our goals as a group is to develop talent and foster the growing Tech community in Central Oregon.
              We encourage Senior engineers to connect with and mentor Junior engineers and students.
              We also have a discord community where you can bounce your ideas off other engineers
              and have access to experts outside of your company.
            </p>
            <p>
              Some of our talks have included:
              JVM Garbage Collection,
              CI/CD Build Early Test Immediately,
              Kubernetes Cluster-API, and more!
            </p>
            <p>
              Also, there's no need to wait for the meetup to join the discussion!
              Come hang out with us on our
              <a href="https://discord.gg/zW3mZU9g9b" target="_blank" rel="noopener noreferrer">Discord!</a>
            </p>
          </div>
          <img
          src="images/bdo-logo.webp"
          alt="Bend DevOps Logo"
          class="bdo-logo"
          >
        </div>

      </div>
      <div class="section" >
        <h2>Speaking</h2>
        <p>
          Want to give a talk on what you’re working on?
          Have a side-project you want to get feedback on?
          Come give a talk!
          We’re always looking for speakers at our meetups, regardless of experience or skill level.
          If you're interested chat with us
          <a href="#form-div">here</a>
          or on
          <a href="https://discord.gg/zW3mZU9g9b" target="_blank" rel="noopener noreferrer">Discord</a>
        </p>
      </div>
      <div class="section" >
          <div class="sponsor-about">
            <h2>Bend DevOps is proudly sponsored by Snyk!</h2>
            <p>
              Snyk finds and automatically fixes vulnerabilities in your code,
              open source dependencies, containers,
              and IaC — powered by Snyk’s industry-leading security intelligence and DeepCode AI.
              And the best part?
              It's got a free-forever user plan for personal projects!
            </p>
          </div>
          <div class="sponsor-logos">
            <a href="https://snyk.io/" target="_blank" rel="noopener noreferrer">
              <img src="images/snyk.png" alt="synk logo" class="snyk">
            </a>
          </div>
          <div>
            <p>
              We welcome additional sponsors!
              If you're interested in supporting our meetup and connecting with our audience,
              drop us a note <a href="#form-div">here</a>.
            </p>
          </div>
      </div>
      <div class="section" >
        <h2>Join our discord community and visit our meetup for events!</h2>
        <div class="community">
          <a href="https://discord.gg/zW3mZU9g9b" target="_blank" rel="noopener noreferrer">
            <img src="images/discord.png" alt="discord logo" class="discord">
          </a>
          <a href="https://www.meetup.com/bend-devops/" target="_blank" rel="noopener noreferrer">
            <img src="images/meetup-bdo.png" alt="meetup logo" class="meetup">
          </a>
        </div>
      </div>

      <div class="form-section" >
        <div class="form">
          <div class="form-div" id="form-div">

            <label hidden>Contact Us</label>

            <select class="select" id="select">
              <option value="contact">Contact Us</option>
              <option value="sponsor">Sponsor a Meetup</option>
              <option value="talk">Give a Talk</option>
            </select>

            <div class="select-div" id="contact" >
                <form
                action=""
                method="POST"
                >
                  <input type="text" class="name" name="name" placeholder="John Smith" required>
                  <input type="email" class="email" name="email" placeholder="name@example.com" required>
                  <textarea placeholder="Message..." name="message" class="message" required></textarea>
                  <div class="submit-div">
                    <button type="submit" class="submit">Send</button>
                  </div>
                </form>
              </div>

              <div class="select-div" id="sponsor" hidden>
                <form
                action=""
                method="POST"
                >
                  <input type="text" class="name" name="name" placeholder="John Smith" required>
                  <input type="email" class="email" name="email" placeholder="name@example.com" required>
                  <input type="text" class="company" name="company" placeholder="Your Company Name" required>
                  <textarea placeholder="Message..." name="message" class="message" ></textarea>
                  <div class="submit-div">
                    <button type="submit" class="submit">Send</button>
                  </div>
                </form>
              </div>

              <div class="select-div" id="talk" hidden>
                <form
                action=""
                method="POST"
                >
                  <input typ="text" class="name" name="name" placeholder="John Smith" required>
                  <input type="email" class="email" name="email" placeholder="name@example.com" required>

                  <div class="sponsor-div">
                    <div class="sponsor"> Can your company sponsor? </div>
                    <select class="select-sponsor" name="company-sponsor" id="company-sponsor" required>
                      <option></option>
                      <option value="Yes">Yes</option>
                      <option value="No">No</option>
                    </select>
                  </div>


                  <textarea
                  placeholder="Your Bio..."
                  class="message"
                  name="bio"
                  required
                  ></textarea>

                  <textarea
                  placeholder="Description of your talk..."
                  class="message"
                  name="summary"
                  required
                  ></textarea>

                  <textarea
                  placeholder="Message..."
                  class="message"
                  name="message"
                  ></textarea>

                  <div class="submit-div">
                    <button type="submit" class="submit">Send</button>
                  </div>
                </form>

              </div>

            </div>

            </div>
          </div>
        <div class="attr-div">
          Made with ❤️ by
          <a class="attr-link" href="https://github.com/nslee333" target="_blank" rel="noopener noreferrer">
            Nathan Lee
          </a>
        </div>
    </div>
  </div>


  <footer>
  </footer>

</body>
</html>