Dime/index.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
110
111
112
113
114
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>DIME 2026 — 1st Workshop on the Dynamics of Information and Misinformation Ecosystems</title>
  <link rel="stylesheet" href="style.css" />
</head>
<body>
<div class="background-credit">
  Photo: Giulian Serafim / PMPA
</div>

  <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 active">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">Participate</a></li>
    </ul>
  </nav>

  <section class="page">
    <div class="hero">
      <div class="hero-label">1st Workshop on the Dynamics of Information and Misinformation Ecosystems</div>
      <h1><span class="accent">Computational and Physical Approaches to the Dynamics of Information</span></h1>
      <p class="hero-sub">Physical and computational models of information ecosystems: understanding how cross-source alignment drives the perception of truth.</p>
      <div class="hero-meta">
        <div class="meta-item">
          <span class="meta-label">Date</span>
          <span class="meta-value">August 4–5, 2026</span>
        </div>
        <div class="meta-divider"></div>
        <div class="meta-item">
          <span class="meta-label">Location</span>
          <span class="meta-value">Centro Cultural UFRGS<br>R. Eng. Luiz Englert, 333<br>Porto Alegre, Brazil</span>
        </div>
        <div class="meta-divider"></div>
        <div class="meta-item">
          <span class="meta-label">Format</span>
          <span class="meta-value">Hybrid</span>
        </div>
      </div>
    </div>

    <div class="section-content">
      <div class="about-grid">
        <div class="about-block">
          <div class="about-number">01</div>
          <h3>About the Workshop</h3>
          <p>This workshop welcomes researchers and policymakers to examine the complex interplay between information dynamics and the propagation of misinformation, with emphasis on modelling the mechanisms that drive the emergence, diffusion, and persistence of false narratives in interconnected sociotechnical systems.</p>
        </div>
        <div class="about-block">
          <div class="about-number">02</div>
          <h3>Themes</h3>
          <p>The workshop addresses topics spanning AI-generated content, social media dynamics, and media literacy, with particular emphasis on how cross-platform alignment between social media, traditional media, and official government documents modulates the epistemic conditions under which individuals and communities assess the truthfulness or falsehood of circulating information.</p>
        </div>
        <div class="about-block">
          <div class="about-number">03</div>
          <h3>Call for Participation</h3>
          <p>We welcome expressions of interest from individuals wishing to present ongoing or completed work, or to join the discussions and round tables on the specific topics in the programme. <a href="participation.html" class="inline-link">Submit your expression of interest →</a></p>
        </div>
      </div>
    </div>

    <div class="venue-section">
      <div class="venue-info">
        <div class="venue-label">Venue</div>
        <h3 class="venue-name">Centro Cultural UFRGS</h3>
        <p class="venue-address">R. Eng. Luiz Englert, 333<br>Porto Alegre · RS · Brazil</p>
        <p class="venue-desc">A cultural space in the heart of Porto Alegre, maintained by the Federal University of Rio Grande do Sul.</p>
        <a href="https://maps.google.com/?q=Centro+Cultural+UFRGS,+R.+Eng.+Luiz+Englert,+333,+Porto+Alegre" target="_blank" rel="noopener" class="venue-directions">Get directions →</a>
      </div>
      <div class="venue-map">
        <iframe
          title="Venue location — Centro Cultural UFRGS, Porto Alegre"
          src="https://maps.google.com/maps?q=Centro+Cultural+UFRGS,+R.+Eng.+Luiz+Englert+333,+Porto+Alegre,+RS,+Brasil&output=embed&z=16"
          allowfullscreen
          loading="lazy"></iframe>
      </div>
    </div>

    <div class="partners-section">
      <div class="partners-group">
        <span class="partners-label">Funding</span>
        <div class="partners-logos">
          <img src="images/cnpq-logo-png_seeklogo-32726.png" alt="CNPq" class="partner-logo partner-logo--md" />
        </div>
      </div>
      <div class="partners-divider"></div>
      <div class="partners-group">
        <span class="partners-label">Organising Institutions</span>
        <div class="partners-logos">
          <img src="images/ufrgs-logo.png" alt="Federal University of Rio Grande do Sul" class="partner-logo" />
          <img src="images/university-of-exeter-logo.webp" alt="University of Exeter" class="partner-logo partner-logo--detail" />
        </div>
      </div>
    </div>
  </section>

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

</body>
</html>