Skip to content

Commit

Permalink
Adding Dashboard and updatingn Nav
Browse files Browse the repository at this point in the history
  • Loading branch information
Peter Benzoni committed Sep 4, 2024
1 parent 9e5b290 commit 9196a3c
Show file tree
Hide file tree
Showing 5 changed files with 173 additions and 83 deletions.
62 changes: 37 additions & 25 deletions templates/about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,34 +12,46 @@
<body class="bg-dark-gray main-page">
<div class="ml-5 mr-5 text-light-gray ">
<div class="py-5">
<div class="row top-nav">
<div class="col-md-9">
<div class=" mb-4">
<h2 class="lead">The Information Laundromat</h2>
</div>
</div>
<div class="col-md-1">
<div class=" mb-4 text-right">
<h2 class="lead">
<a href="/">Search</a>
</h2>
</div>
</div>
<div class="col-md-1">
<div class=" mb-4 text-right">
<h2 class="lead">
<a href="{{ url_for('about') }}"><strong>About</strong></a>
</h2>
</div>
<div class="row top-nav mb-4">
<div class="col-md-8">
<h2 class="lead"> <img
src="https://securingdemocracy.gmfus.org/wp-content/uploads/2024/04/il_logo_nobg.png"
class="img-fluid" alt="logo" style="max-width: 50px;">The Information Laundromat
</h2>

</div>
<div class="col-md-1">
<div class=" mb-4 text-right">
<h2 class="lead">
<a href="{{ url_for('indicators_gui') }}">Indicators</a>
</h2>
<div class="col-md-4 mt-3">
<div class="row">
<div class="col-sm">
<div class="text-left">
<h2 class="lead">
<a href="/">Search</strong></a>
</h2>
</div>
</div>
<div class="col-sm">
<div class="text-left">
<h2 class="lead">
<a href="{{ url_for('about') }}"><strong>About</strong></a>
</h2>
</div>
</div>
<div class="col-sm">
<div class="text-left">
<h2 class="lead">
<a href="{{ url_for('indicators_gui') }}">Indicators</a>
</h2>
</div>
</div>
<div class="col-sm">
<div class=" mb-4 text-right">
<h2 class="lead">
<a href="{{ url_for('dashboard') }}">Dashboard</a>
</h2>
</div>
</div>
</div>
</div>

</div>
</div>
</div>
Expand Down
123 changes: 91 additions & 32 deletions templates/dashboard.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,54 +4,113 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Information Laundromat - About</title>
<title>Information Laundromat - Dashboard</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>

<body class="bg-dark-gray main-page">
<div class="ml-5 mr-5 text-light-gray ">
<div class="py-5">
<div class="row top-nav">
<div class="col-md-9">
<div class=" mb-4">
<h2 class="lead">The Information Laundromat</h2>
</div>
</div>
<div class="col-md-1">
<div class=" mb-4 text-right">
<h2 class="lead">
<a href="/">Search</a>
</h2>
</div>
</div>
<div class="col-md-1">
<div class=" mb-4 text-right">
<h2 class="lead">
<a href="{{ url_for('about') }}"><strong>About</strong></a>
</h2>
</div>
<div class="row top-nav mb-4">
<div class="col-md-8">
<h2 class="lead"> <img
src="https://securingdemocracy.gmfus.org/wp-content/uploads/2024/04/il_logo_nobg.png"
class="img-fluid" alt="logo" style="max-width: 50px;">The Information Laundromat
</h2>

</div>
<div class="col-md-1">
<div class=" mb-4 text-right">
<h2 class="lead">
<a href="{{ url_for('indicators_gui') }}">Indicators</a>
</h2>
<div class="col-md-4 mt-3">
<div class="row">
<div class="col-sm">
<div class="text-left">
<h2 class="lead">
<a href="/">Search</a>
</h2>
</div>
</div>
<div class="col-sm">
<div class="text-left">
<h2 class="lead">
<a href="{{ url_for('about') }}">About</a>
</h2>
</div>
</div>
<div class="col-sm">
<div class="text-left">
<h2 class="lead">
<a href="{{ url_for('indicators_gui') }}">Indicators</a>
</h2>
</div>
</div>
<div class="col-sm">
<div class=" mb-4 text-right">
<h2 class="lead">
<a href="{{ url_for('dashboard') }}"><strong>Dashboard</strong></a>
</h2>
</div>
</div>
</div>
</div>

</div>
</div>
</div>
<div class="container mt-1">
<div class="row about-page">
<div class="col">
<h1 id="about">About the Dashboard</h1>
<p>Thi dashboard that visualizes connections between state-sponsored content and its dissemination. Users can explore top matches by source and search engine, gaining a clear view of how disinformation spreads across the internet.
Users can adjust search parameters such as publication dates, the number of matches, and similarity scores, enabling both detailed explorations and broader overviews of laundering operations.
Each match is meticulously documented with titles, sources, and match scores, providing users with the evidence needed to understand and expose information laundering tactics.</p>

<iframe title="IL - Summary" width="1150" height="1500" src="https://app.powerbi.com/view?r=eyJrIjoiODYwNWUzNWItMDM2YS00ZjNkLWEwNWEtMWExYWNlMTgyZjEyIiwidCI6IjlmOWE3MTVhLTFiOWItNGRhYy1hZDNhLTA2NzFiY2UyMWNjYiIsImMiOjJ9" frameborder="0" allowFullScreen="true"></iframe>
<h1 class="text-center">Guarding the US Election Against Russian Information Laundering</h1>

<section id="about-dashboard" class="my-5">
<h2>About the Dashboard</h2>
<p>
In May 2024, ASD, along with our partners at the Institute for Strategic Dialogue and the University of Amsterdam,
published a report documenting roughly 400 domains–ranging from mirror sites and content aggregators to faux local news outlets
and sites ostensibly focused on spirituality and men’s interests—that republished articles that were identical or nearly identical
to those that originated on Russian state media outlet RT.com. That report highlighted the urgent need for an ongoing monitoring
system to detect websites laundering content from Russian state media outlets—particularly those targeting audiences in the United States.
</p>
<p>
To that end, we have paired two of ASD’s tools: the Hamilton 2.0 dashboard, which tracks, among other things, articles published
by Russian state-controlled media outlets, and the Information Laundromat, a tool that can help detect duplicate or near-duplicate
content on the open web.
</p>
<p>
This dashboard aims, in part, to help secure the 2024 US elections by providing near real-time insights into how Russian state-sponsored
propaganda infiltrates and influences our digital information environment. By monitoring where content from RT and RT en Español is being
republished or amplified across the open web, this system can identify Russian content laundering sites before they reach a wider audience
in the United States. This will allow stakeholders to implement countermeasures, including but not limited to flagging content for fact-checkers
or raising public awareness about websites acting as fronts for Russian propaganda.
</p>
<p>
In this critical election, every narrative and piece of information can impact voter perceptions and behavior. This tool is a frontline
defense against foreign information manipulation undermining the democratic process.
</p>
</section>

<section id="how-it-works" class="my-5">
<h2>How It Works</h2>
<p>
Each day, we will run recently published articles from RT and RT en Español through the Information Laundromat to identify where that content has
been reposted or cited. This tracking is visualized in a dynamic dashboard that presents data in two main ways:
</p>
<ul>
<li><strong>Top Matches by Source:</strong> This visualization shows which websites are most frequently reposting or sharing content from RT Español and RT International, highlighting the sites that are systemic rather than episodic amplifiers of Russian state media.</li>
<li><strong>Top Matches by Search Engine:</strong> This part of the dashboard maps the search engines (and plagiarism detection tools) where Russian content laundering sites were discovered, highlighting where people are most likely to encounter specific types of content launderers.</li>
</ul>
<p>
The detailed explorer section provides a granular look at individual instances of RT content laundering, allowing users to investigate specific articles
and where those articles were potentially reposted. This continuous monitoring process ensures that the spread of Russian messaging, and any potential
disinformation narratives, can be tracked in real-time, providing crucial insights into how Russian state media content proliferates across the web.
</p>
<p>
Like the ‘The Russian Propaganda Nesting Doll’ report, we used thresholds to minimize potential spurious matches. For a domain to be included on the dashboard,
it must have been surfaced in any result, with any score more than 10 times, OR between 6 and 10 times with an average match score &gt; 60% OR 2 to 5 times, with
an average match score &gt; 75% OR only once with a match score &gt; 90%. Each individual result is then filtered to exclude all results with less than a 60% match
score without regard to the domain. This filtering system allows us to highlight serial launders who may also produce or host other non-laundered content.
</p>
</section>
</div>
<iframe title="IL - Summary" width="900" height="1400" src="https://app.powerbi.com/view?r=eyJrIjoiODYwNWUzNWItMDM2YS00ZjNkLWEwNWEtMWExYWNlMTgyZjEyIiwidCI6IjlmOWE3MTVhLTFiOWItNGRhYy1hZDNhLTA2NzFiY2UyMWNjYiIsImMiOjJ9" frameborder="0" allowFullScreen="true"></iframe>

<h2>Important Warnings for Interpreting Results</h2>

Expand Down
7 changes: 7 additions & 0 deletions templates/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -464,6 +464,13 @@ <h2 class="lead">
</h2>
</div>
</div>
<div class="col-sm">
<div class=" mb-4 text-right">
<h2 class="lead">
<a href="{{ url_for('dashboard') }}">Dashboard</a>
</h2>
</div>
</div>
</div>
</div>
</div>
Expand Down
62 changes: 37 additions & 25 deletions templates/indicators.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -66,34 +66,46 @@
<body class="bg-dark-gray main-page">
<div class="ml-5 mr-5 text-light-gray ">
<div class="py-5">
<div class="row top-nav">
<div class="col-md-9">
<div class=" mb-4">
<h2 class="lead">The Information Laundromat</h2>
</div>
</div>
<div class="col-md-1">
<div class=" mb-4 text-right">
<h2 class="lead">
<a href="/">Search</a>
</h2>
</div>
</div>
<div class="col-md-1">
<div class=" mb-4 text-right">
<h2 class="lead">
<a href="{{ url_for('about') }}">About</a>
</h2>
</div>
<div class="row top-nav mb-4">
<div class="col-md-8">
<h2 class="lead"> <img
src="https://securingdemocracy.gmfus.org/wp-content/uploads/2024/04/il_logo_nobg.png"
class="img-fluid" alt="logo" style="max-width: 50px;">The Information Laundromat
</h2>

</div>
<div class="col-md-1">
<div class=" mb-4 text-right">
<h2 class="lead">
<a href="{{ url_for('indicators_gui') }}"><strong>Indicators</strong></a>
</h2>
<div class="col-md-4 mt-3">
<div class="row">
<div class="col-sm">
<div class="text-left">
<h2 class="lead">
<a href="/">Search</a>
</h2>
</div>
</div>
<div class="col-sm">
<div class="text-left">
<h2 class="lead">
<a href="{{ url_for('about') }}">About</a>
</h2>
</div>
</div>
<div class="col-sm">
<div class="text-left">
<h2 class="lead">
<a href="{{ url_for('indicators_gui') }}"><strong>Indicators</strong></a>
</h2>
</div>
</div>
<div class="col-sm">
<div class=" mb-4 text-right">
<h2 class="lead">
<a href="{{ url_for('dashboard') }}">Dashboard</a>
</h2>
</div>
</div>
</div>
</div>

</div>
</div>
</div>
Expand Down
2 changes: 1 addition & 1 deletion templates/login.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Login Disinformation Laundromat</title>
<title>Information Laundromat - Login</title>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">

Expand Down

0 comments on commit 9196a3c

Please sign in to comment.