DataBeersExe/about.html at main · BioComplex/DataBeersExe · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>About Us | DataBeers Exeter</title>
  <link rel="stylesheet" href="styles.css" />
</head>
<body>

  <header class="site-header">
    <div class="header-inner">
      <a href="index.html" class="header-brand">
        <img src="Images/Logo.png" alt="DataBeers Exeter logo" class="header-logo" />
        <span class="header-title">DataBeers <em>Exeter</em></span>
      </a>
      <button class="nav-toggle" aria-label="Toggle navigation" aria-expanded="false">
        <span></span><span></span><span></span>
      </button>
      <nav class="site-nav" id="site-nav">
        <ul>
          <li><a href="index.html"        class="nav-link">Home</a></li>
          <li><a href="about.html"        class="nav-link">About Us</a></li>
          <li><a href="organisers.html"   class="nav-link">Organisers</a></li>
          <li><a href="past-events.html"  class="nav-link">Past Events</a></li>
        </ul>
      </nav>
    </div>
  </header>

  <main>

    <div class="page-hero">
      <h1>About <span class="accent">Us</span></h1>
      <p>The story behind DataBeers Exeter</p>
    </div>

    <!-- What is DataBeers -->
    <section class="section">
      <div class="container">
        <h2 class="section-title">What is <span class="accent">DataBeers?</span></h2>
        <p class="section-intro">
          DataBeers is a global community of informal meetups that bring data practitioners
          and enthusiasts together in a relaxed, pub-style setting.
        </p>
        <div class="about-grid">
          <div class="about-card">
            <div class="card-icon"><img src="Icons/earth-europe-solid.png" alt="" class="icon-red" /></div>
            <h3>A global movement</h3>
            <p>
              DataBeers started in Madrid and has since spread to dozens of cities worldwide.
              Each chapter is independently run by local volunteers who share the same core
              ethos: informal, inclusive and community-led.
            </p>
          </div>
          <div class="about-card">
            <div class="card-icon"><img src="Icons/microphone-solid.png" alt="" class="icon-red" /></div>
            <h3>PechaKucha talks</h3>
            <p>
              Each event features 3 to 5 PechaKucha-style talks: 20 slides shown for 20 seconds each,
              on anything data-related. Projects, tools, war stories, experiments, visualisations.
              No topic is too niche; no speaker is too junior.
            </p>
          </div>
          <div class="about-card">
            <div class="card-icon"><img src="Icons/handshake-solid.png" alt="" class="icon-red" /></div>
            <h3>Open to all</h3>
            <p>
              Whether you're a seasoned data scientist, a curious student, or someone who
              just discovered spreadsheets. You're welcome here. The event is always free
              to attend. The only ticket you need is an interest in data.
            </p>
          </div>
        </div>
      </div>
    </section>

    <!-- Our chapter -->
    <section class="section section-alt">
      <div class="container">
        <h2 class="section-title">The <span class="accent">Exeter</span> chapter</h2>
        <p class="section-intro">
          We launched DataBeers Exeter to fill a gap in the South West's data community
          landscape: a regular, relaxed event where people can share and learn outside
          of a formal conference setting.
        </p>
        <div class="about-grid">
          <div class="about-card">
            <div class="card-icon"><img src="Icons/map-pin-solid.png" alt="" class="icon-green" /></div>
            <h3>Rooted in Devon</h3>
            <p>
              Exeter sits at the heart of Devon, and our meetup reflects the breadth of
              data work happening across the region, from local government open data
              initiatives to startups, universities, and the NHS.
            </p>
          </div>
          <div class="about-card">
            <div class="card-icon"><img src="Icons/building-solid.png" alt="" class="icon-green" /></div>
            <h3>Connected to Exeter Cathedral City</h3>
            <p>
              Just like the cathedral that features in our logo, we aim to be a landmark
              in Exeter's professional community: a recurring, reliable gathering that
              people look forward to.
            </p>
          </div>
          <div class="about-card">
            <div class="card-icon"><img src="Icons/earth-europe-solid.png" alt="" class="icon-green" /></div>
            <h3>Growing community</h3>
            <p>
              We're building something long-term. Each event adds new faces, new perspectives,
              and new conversations. If you come once, we hope you'll keep coming back.
            </p>
          </div>
        </div>
      </div>
    </section>

    <!-- Format -->
    <section class="section">
      <div class="container">
        <h2 class="section-title">The <span class="accent">format</span></h2>
        <p class="section-intro">A typical DataBeers Exeter evening looks like this:</p>
        <div class="events-list">
          <article class="event-card">
            <div class="event-date" style="background:var(--green);">
              <span class="event-month" style="font-size:1.1rem;">1</span>
            </div>
            <div class="event-details">
              <h3>Doors open &amp; drinks</h3>
              <p>Arrive, grab a drink, and meet the community. No agenda, just good conversation.</p>
            </div>
          </article>
          <article class="event-card">
            <div class="event-date" style="background:var(--green);">
              <span class="event-month" style="font-size:1.1rem;">2</span>
            </div>
            <div class="event-details">
              <h3>PechaKucha talks</h3>
              <p>3 to 5 speakers each present in PechaKucha format: 20 slides, 20 seconds each. No questions.</p>
            </div>
          </article>
          <article class="event-card">
            <div class="event-date" style="background:var(--green);">
              <span class="event-month" style="font-size:1.1rem;">3</span>
            </div>
            <div class="event-details">
              <h3>Open networking</h3>
              <p>After the talks, the bar is yours. Connect, collaborate, and continue the conversation.</p>
            </div>
          </article>
        </div>
      </div>
    </section>

    <!-- CTA -->
    <section class="section section-alt" style="text-align:center;">
      <div class="container">
        <h2 class="section-title">Ready to <span class="accent">join us?</span></h2>
        <p class="section-intro" style="margin-inline:auto;">
          Check out our past events to get a feel for the format, or reach out if you'd like to speak.
        </p>
        <div style="display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;">
          <a href="past-events.html" class="btn btn-primary">See past events</a>
          <a href="organisers.html" class="btn btn-outline" style="color:var(--red);border-color:var(--red);">Meet the organisers</a>
        </div>
      </div>
    </section>

  </main>

  <footer class="site-footer">
    <div class="container">
      <div class="footer-social">
        <a href="https://www.linkedin.com/company/112291143/" target="_blank" rel="noopener" aria-label="DataBeers Exeter on LinkedIn">
          <img src="Icons/linkedin-brands-solid-full.svg" alt="LinkedIn" class="footer-icon" />
        </a>
        <a href="#" aria-label="Email DataBeers Exeter" onclick="this.href='mailto:'+['databeers','biocomplexlab.org'].join('@')+'?subject=DataBeers%20Exe%3A%20General%20Inquiry'; return true;">
          <img src="Icons/envelope-solid.png" alt="Email" class="footer-icon" />
        </a>
      </div>
      <p>&copy; <span id="year"></span> DataBeers Exeter. All rights reserved.</p>
    </div>
  </footer>

  <script src="script.js"></script>
</body>
</html>