Dime/participation.html at main · BioComplex/Dime · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Participate — DIME 2026</title>
  <link rel="stylesheet" href="style.css" />
</head>
<body>

  <nav>
    <div class="nav-brand">DIME</div>
    <input type="checkbox" id="nav-toggle" class="nav-toggle-input" aria-hidden="true">
    <label for="nav-toggle" class="nav-toggle-btn" aria-label="Toggle navigation">
      <span></span><span></span><span></span>
    </label>
    <ul class="nav-links">
      <li><a href="index.html" class="nav-link">Home</a></li>
      <li><a href="schedule.html" class="nav-link">Program</a></li>
      <li><a href="speakers.html" class="nav-link">Speakers</a></li>
      <li><a href="organisers.html" class="nav-link">Organisers</a></li>
      <li><a href="participation.html" class="nav-link nav-link--btn active">Participate</a></li>
    </ul>
  </nav>

  <section class="page">
    <div class="page-header">
      <div class="page-label">Call for Participation</div>
      <h2>Expression of Interest</h2>
    </div>

    <div class="section-content">
      <div class="form-box">

      <div class="form-intro">
        <p>We welcome expressions of interest from researchers, policymakers, and practitioners wishing to present ongoing or completed work, or to join the discussions and round tables on the specific topics in the programme. Please complete the form below and we will be in touch with further details.</p>
        <p>Participation is <strong>free of charge</strong>. However, spaces are limited and all expressions of interest will be reviewed and evaluated by the organising committee. Applicants will be notified of the outcome by email.</p>
        <p class="form-deadline">Deadline for expressions of interest: <strong>June 15, 2026</strong></p>
      </div>

      <!-- Formspree endpoint: https://formspree.io/f/mbdzypdz -->
      <form class="eoi-form" action="https://formspree.io/f/mbdzypdz" method="POST">

        <div class="form-row form-row--two">
          <div class="form-group">
            <label for="first-name">First Name <span class="required">*</span></label>
            <input type="text" id="first-name" name="first_name" required placeholder="Jane" />
          </div>
          <div class="form-group">
            <label for="last-name">Last Name <span class="required">*</span></label>
            <input type="text" id="last-name" name="last_name" required placeholder="Smith" />
          </div>
        </div>

        <div class="form-row form-row--two">
          <div class="form-group">
            <label for="email">Email Address <span class="required">*</span></label>
            <input type="email" id="email" name="email" required placeholder="j.smith@university.edu" />
          </div>
          <div class="form-group">
            <label for="affiliation">Affiliation <span class="required">*</span></label>
            <input type="text" id="affiliation" name="affiliation" required placeholder="University / Institution" />
          </div>
        </div>

        <div class="form-group">
          <label for="role">Type of Participation <span class="required">*</span></label>
          <select id="role" name="participation_type" required>
            <option value="" disabled selected>Select an option</option>
            <option value="roundtable">Round table</option>
            <option value="presenting">Presenting</option>
            <option value="attendance">Attendance only</option>
          </select>
        </div>

        <div class="form-group">
          <label for="topics">Relevant Topics</label>
          <input type="text" id="topics" name="topics" placeholder="e.g. information diffusion, LLMs, media framing, policy…" />
        </div>

        <div class="form-group">
          <label for="abstract">Brief Description of Interest <span class="required">*</span></label>
          <textarea id="abstract" name="abstract" required rows="6" placeholder="Please describe your research interest, the work you intend to present, or the topics you would like to discuss. (300 words max)"></textarea>
        </div>

        <div class="form-group">
          <label for="url">Personal / Lab Website <span class="optional">(optional)</span></label>
          <input type="url" id="url" name="website" placeholder="https://" />
        </div>

        <div class="form-footer">
          <p class="form-note">Fields marked <span class="required">*</span> are required.</p>
          <button type="submit" class="submit-btn">Submit Expression of Interest</button>
        </div>

      </form>

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

  <footer>
    <span>© 2026 DIME</span>
    <span class="footer-sep">·</span>
    <span>Porto Alegre, Brazil</span>
  </footer>

</body>
</html>