Hide filter icon when modal is open

Этот коммит содержится в:
Maarten 2024-10-14 22:29:42 +02:00
родитель 5ca764e461
Коммит 69bca7a090
3 изменённых файлов: 165 добавлений и 7 удалений

Просмотреть файл

@ -0,0 +1,150 @@
<h5>What was the attribution?</h5>
<ul>
<li><strong>Short Title</strong> (free text).</li>
<li><strong>Short Description</strong> (free text).</li>
<li><strong>Link to Attribution</strong> (link).</li>
</ul>
<h5>When did the interference and attribution occur?</h5>
<ul>
<li><strong>Date(s) of Activity.</strong> Date or range of purported activity.</li>
<ul class="inner">
<li><strong>Start</strong> (date). Input if start date is known; if not, omit.</li>
<li><strong>End</strong> (date). Input if end date is known, if not, omit.</li>
<li><strong>Date of Attribution</strong> (date). Date corresponds to date of link of attribution.</li>
</ul>
</ul>
<h5>Who is making the attribution, against whom?</h5>
<ul>
<li><strong>Source of Allegation</strong> (free text). The original source of the interference allegation.</li>
<li><strong>Source Nation</strong> (free text). The country where the source of the interference allegation originates. Since the scope of this dataset is interference in the US, the most common source nation for allegations is the United States. The source nation does not necessarily denote the actor was associated with a national government.</li>
<li>
<strong>Source Category</strong> (select all that apply).
<ul class="inner">
<li><strong>Civil Society Organization.</strong> A nonprofit, non-governmental, non-media entity, typically a university or think tank.</li>
<li><strong>Foreign Government Body.</strong> A non-US government entity.</li>
<li><strong>Government.</strong> Government agencies, elected representatives, and officials, even if quoted anonymously.</li>
<li><strong>Influential Individual.</strong> A noteworthy individual, not currently affiliated with another category, who is deemed nationally recognizable or operating in the public sphere.</li>
<li><strong>Media.</strong> Only applies if a news organization makes the allegation on the basis of its own investigation. A media organization reporting on an allegation made by someone else (e.g. an anonymous government official) is not included.</li>
<li><strong>Private Consultancy.</strong> A company engaged in private monitoring and risk consulting, typically in the field of cybersecurity.</li>
<li><strong>Technology Company.</strong> A company that operates a social media platform or offers a technology service.</li>
</ul>
</li>
<li><strong>Actor</strong> (free text). Brief description of the actor purportedly responsible for the interference attempt.</li>
<li><strong>Actor Nation</strong> (free text). The country where the interference originates, according to the source. When an allegation comes from a non-state political actor, this field is the nation of origin of that non-state political actor. This does not necessarily denote an actor is associated with the national government.</li>
<li>
<strong>Attribution Type</strong> (select all that apply).
<ul class="inner">
<li><strong>Direct Attribution.</strong> The source directly accuses the actor of malicious political behavior.</li>
<li><strong>Proxy/Inferred Attribution.</strong> The source does not make a direct attribution, but clearly states that the activity is likely associated with the actor or strongly implies the accusation is directed at the actor.</li>
<li><strong>Non-Aligned Commercial Activity.</strong> The interference consists of malicious commercial activity rather than a politically motivated information operation.</li>
</ul>
</li>
<li><strong>Campaign</strong> (free text). An identifying tag used to relate attributions to one another which revolve around the same emergent narratives, tactics, or subjects. Discrete tags indicating the activities were part of a larger pattern of behavior or a concerted effort.</li>
</ul>
<h5>On what platforms did the interference purportedly take place?</h5>
<ul>
<li>
<strong>Media</strong> (select all that apply).
<ul class="inner">
<li><strong>State Media.</strong> A media outlet controlled by a government or government proxy, which is not editorially independent.</li>
<li><strong>Independent Media.</strong> Media outlets that are generally regarded as reputable, balanced, and independent of direct government control.</li>
<li><strong>"Junk News" Media.</strong> Unreliable, skewed, openly propagandistic, or fringe media outlets that lack discernable government ties.</li>
</ul>
</li>
<li>
<strong>Platform</strong> (select all that apply). Platform(s) on which alleged interference occurred.
<ul class="inner">
<li>Facebook</li>
<li>Instagram</li>
<li>X</li>
<li>YouTube</li>
<li>LinkedIn</li>
<li>Reddit</li>
<li>Discord</li>
<li>VK</li>
<li>Forum Board</li>
<li>WhatsApp</li>
<li>Telegram</li>
<li>Signal</li>
<li>WeChat</li>
<li>SMS</li>
<li>TikTok</li>
<li>Unspecified</li>
<li>Other (free text)</li>
</ul>
</li>
<li><strong>Other Platforms</strong> (select all that apply).</li>
<ul class="inner">
<li><strong>Advertisement</strong> (binary).</li>
<li><strong>Email</strong> (binary).</li>
</ul>
</ul>
<h5>How was the interference purportedly conducted?</h5>
<ul>
<li>
<strong>Method</strong> (select all that apply). Methods used in both the creation and the amplification of content related to the alleged foreign interference.
<ul class="inner">
<li><strong>Brigading.</strong> Authentic social media accounts but evidence of coordinated amplification or harassment.</li>
<li><strong>Sockpuppets.</strong> Inauthentic social media accounts; evidence suggests a high likelihood of human operation.</li>
<li><strong>Third-Party Automation.</strong> Inauthentic social media accounts; evidence suggests a high likelihood of automation by third-party program.</li>
<li><strong>DDoS.</strong> Distributed denial-of-service attack; malicious attempt to disrupt server traffic.</li>
<li><strong>Domain Spoofing.</strong> Manipulation of search queries and results; typosquatting.</li>
<li><strong>Influencer Payola.</strong> Clandestine or indirect payment to an organization or influential individual for the purposes of content creation or amplification.</li>
<li>
<strong>Hacking</strong> (select all that apply). Unauthorized and clandestine access to or manipulation of digital systems, networks, or data, often for the purpose of information gathering, system disruption, or data manipulation.
<ul class="inner-square">
<li><strong>Data Manipulation.</strong> The clandestine manipulation of computer systems or accounts; Account hijacking or the cooptation of users' social media profiles.</li>
<li><strong>Data Exfiltration.</strong> Unauthorized movement of data; spearphishing; hack-and-release.</li>
<li><strong>Other.</strong> Forms of hacking not captured by the categories above.</li>
</ul>
</li>
<li><strong>Cheapfakes.</strong> Deceptively edited content; decontextualization of existing media, passed off as current; deceptive co-option of existing brands; does not include use of Generative AI.</li>
<li><strong>Generative AI.</strong> Augmented or fabricated content produced using artificial intelligence; "deep fakes"; textual generation. Sometimes referred to as "synthetic media," although this term does not adequately distinguish between the use of deep learning and use of more basic manipulative techniques.
</ul>
</li>
</ul>
<h5>How far did the interference effort spread?</h5>
<ul>
<li>
<strong>Breakout Scale</strong> (binary, select one). Methodology is described above; Categorize the influence operation's reach and potential impact based on its spread across platforms, communities, and media types.
<ul class="inner">
<li>Category One</li>
<li>Category Two</li>
<li>Category Three</li>
<li>Category Four</li>
<li>Category Five</li>
<li>Category Six</li>
<li>Not Applicable (Allegation is too vague to categorize)</li>
</ul>
</li>
<li><strong>Offline Mobilization</strong> (binary). Tangible, real-world events and activities ascribed to the influence operation.</li>
</ul>
<h5>How credible, biased, legitimate, and transparent is the allegation?</h5>
<ul>
<li>
<strong>Attribution Score.</strong> Methodology is described above; the goal of this score is to critically assess the validity of the allegation from multiple perspectives.
<ul class="inner">
<li>Credibility</li>
<li>Bias</li>
<li>Evidence</li>
<li>Transparency</li>
</ul>
</li>
</ul>
<h5>For each sub-attribution in a given case, the following data is included:</h5>
<h5>Who, specifically, carried out the interference?</h5>
<ul>
<li><strong>Sub-Actor</strong> (free text). Expressly named Actor included in the primary attribution to whom specific activities are linked.</li>
<li><strong>Sub-Actor Nation</strong> (free text). National affiliation of the named sub-actor.</li>
<li><strong>Sub-Actor Parent Organization or Affiliation</strong> (free text). The organization, institution, or affiliation within which the sub-actor operates. This does not include Actor Nation. (Examples would include IRGC, 8200, CENTCOM, Ministry of Public Security.)</li>
<li><strong>Campaign Tag</strong> (free text). Does this sub-attribution connect to any larger pattern of behavior? See the existing list of "Campaign" Tags before making a new tag.</li>
<li><strong>Date of Activity</strong> (free text). Date or range of purported activity.</li>
</ul>

Просмотреть файл

@ -155,7 +155,21 @@
<svg {width} height={height}>
{#if xScale}
<g transform={`translate(${margins.left},${margins.top})`}>
{#if stackedMetrics.length > 0 && areaGenerator}
{#each stackedMetrics as serie}
<path d={areaGenerator(serie)} stroke={'white'} stroke-width={1} fill={colorScale(serie.key)}>
</path>
{/each}
{/if}
<rect
x={-margins.left}
y={-margins.top}
width={margins.left}
height={height - margins.top}
fill={'#F9F8F8'}
></rect>
{#each yScaleStackTicks as tick}
<line
x1={-10}
x2={-16}
@ -172,12 +186,6 @@
fill={'#777777'}
>{format("~s")(tick)}</text>
{/each}
{#if stackedMetrics.length > 0 && areaGenerator}
{#each stackedMetrics as serie}
<path d={areaGenerator(serie)} stroke={'white'} stroke-width={1} fill={colorScale(serie.key)}>
</path>
{/each}
{/if}
<text
class={'metrics-label'}
x={12}

Просмотреть файл

@ -214,7 +214,7 @@
<meta property="og:locale" content="en_US" />
</svelte:head>
{#if isMobile}
{#if isMobile && !modalOpen}
<div class="filter-button">
<button on:click={() => toggleSidebar()}
><AnimatedFilterIcon {sidebarOpen}></AnimatedFilterIcon></button