DeprivedDevs/deprived-main-website
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

CSS school text
All checks were successful
Rebuild signaller for deprived.dev to rebuild site / Rebuild Signaller (push) Successful in 22s
Details

Browse source
This commit is contained in:
BOTAlex 2026-05-22 14:30:19 +02:00
parent f2a88ea986
commit 3e5780337e
1 changed files with 92 additions and 84 deletions
Download patch file Download diff file Expand all files Collapse all files

176
src/routes/school/css/+page.svelte
View file

@ -189,7 +189,9 @@
<input type="checkbox" checked={true} /> <input type="checkbox" checked={true} />
<!-- Accordion Header Title --> <!-- Accordion Header Title -->
<div class="collapse-title text-4xl font-medium">Full Network Overview</div> <div class="collapse-title text-4xl text-center font-medium">
Full Network Overview
</div>
<!-- Accordion Body Content --> <!-- Accordion Body Content -->
<div class="collapse-content"> <div class="collapse-content">
@ -270,7 +272,7 @@
<input type="checkbox" checked={true} /> <input type="checkbox" checked={true} />
<!-- Accordion Header Title --> <!-- Accordion Header Title -->
<div class="collapse-title text-4xl font-medium"> <div class="collapse-title text-4xl text-center font-medium">
Explore Country Level Relationships Explore Country Level Relationships
</div> </div>
@ -422,95 +424,101 @@
<input type="checkbox" checked={true} /> <input type="checkbox" checked={true} />
<!-- Accordion Header Title --> <!-- Accordion Header Title -->
<div class="collapse-title text-4xl font-medium">Main findings</div> <div class="collapse-title text-4xl text-center font-medium">
Main findings
</div>
<!-- Accordion Body Content --> <!-- Accordion Body Content -->
<div class="collapse-content"> <div class="collapse-content">
<div class="flex gap-4"> <div class="justify-center flex">
<section class="flex-2/3 flex flex-col gap-2"> <div class="flex gap-4 max-w-7xl">
<div> <section class="flex-2/3 flex flex-col gap-2">
Our analysis suggests that diplomatic attention in UN speeches is <div>
unevenly distributed across countries. A smaller number of countries Our analysis suggests that diplomatic attention in UN speeches is
appear much more frequently in international discourse, while many unevenly distributed across countries. A smaller number of
others are mentioned less often. In the network, countries such as countries appear much more frequently in international discourse,
the United States, China, and Russia stand out as especially visible while many others are mentioned less often. In the network,
actors, which suggests that global political attention is countries such as the United States, China, and Russia stand out
concentrated around a limited set of highly prominent states. as especially visible actors, which suggests that global political
</div> attention is concentrated around a limited set of highly prominent
<div> states.
The country level graphs also show that diplomatic attention is </div>
directional rather than balanced. Some countries appear to direct <div>
attention broadly toward many others, while some are more prominent The country level graphs also show that diplomatic attention is
as targets of discussion. For example, the United States appears as directional rather than balanced. Some countries appear to direct
a country with broad outgoing attention, while China and Russia also attention broadly toward many others, while some are more
emerge as major targets of incoming attention from other countries. prominent as targets of discussion. For example, the United States
This shows that centrality in the network can reflect different appears as a country with broad outgoing attention, while China
roles: a country may be highly active in talking about others, and Russia also emerge as major targets of incoming attention from
highly visible as a topic of discussion, or both. other countries. This shows that centrality in the network can
</div> reflect different roles: a country may be highly active in talking
<div> about others, highly visible as a topic of discussion, or both.
Another important pattern is that international political discourse </div>
is not purely positive or purely negative. The sentiment based <div>
graphs suggest that the same country can receive both supportive and Another important pattern is that international political
critical references depending on who is speaking and in what discourse is not purely positive or purely negative. The sentiment
context. This is especially visible for countries like the United based graphs suggest that the same country can receive both
States, China, and Russia, which appear in a mix of positive and supportive and critical references depending on who is speaking
negative relationships rather than fitting into a single simple and in what context. This is especially visible for countries like
category. This highlights the complexity of diplomatic language, the United States, China, and Russia, which appear in a mix of
where cooperation, criticism, and strategic concern can exist at the positive and negative relationships rather than fitting into a
same time. single simple category. This highlights the complexity of
</div> diplomatic language, where cooperation, criticism, and strategic
<div class="py-2"></div> concern can exist at the same time.
<div> </div>
The filtered graphs also make it easier to compare large, globally <div class="py-2"></div>
central actors with smaller or more selective ones. For example, the <div>
Vatican appears much less densely connected than countries such as The filtered graphs also make it easier to compare large, globally
the United States, China, or Russia. This suggests a more selective central actors with smaller or more selective ones. For example,
pattern of diplomatic attention, where some actors are present in the Vatican appears much less densely connected than countries
the network but do not occupy the same broad, central role as major such as the United States, China, or Russia. This suggests a more
geopolitical powers. selective pattern of diplomatic attention, where some actors are
</div> present in the network but do not occupy the same broad, central
<div> role as major geopolitical powers.
Taken together, these findings suggest that UN speeches reveal more </div>
than isolated political statements. They reflect a larger structure <div>
of global diplomatic attention in which a small number of countries Taken together, these findings suggest that UN speeches reveal
occupy especially central positions, while others appear in more more than isolated political statements. They reflect a larger
limited or specialized ways. By combining mention frequency with structure of global diplomatic attention in which a small number
positive and negative framing, the network provides a more nuanced of countries occupy especially central positions, while others
picture of how countries are represented in international discourse. appear in more limited or specialized ways. By combining mention
</div> frequency with positive and negative framing, the network provides
</section> a more nuanced picture of how countries are represented in
international discourse.
</div>
</section>
<div class="lg:w-1/3 flex flex-col gap-4 max-h-screen min-h-0"> <div class="lg:w-1/3 flex flex-col gap-4 max-h-screen min-h-0">
<div class="font-semibold text-2xl shrink-0"> <div class="font-semibold text-2xl shrink-0">
Example of China’s outgoing vs incoming diplomatic attention Example of China’s outgoing vs incoming diplomatic attention
</div> </div>
<div <div
class="badge bagde-xl badge-primary font-semibold text-primary-content" class="badge bagde-xl badge-primary font-semibold text-primary-content"
>
Interactive
</div>
<div
class="flex flex-1 flex-col lg:flex-row gap-4 min-h-0 overflow-hidden"
>
<iframe
src="https://deprived.dev/assets/school/social-science/data/interactive/CHN-in.html"
style="border: none; background: transparent;"
allowtransparency={true}
title="Network Graph Incoming"
class="w-full h-[400px] block"
> >
</iframe> Interactive
</div>
<iframe <div
src="https://deprived.dev/assets/school/social-science/data/interactive/CHN-out.html" class="flex flex-1 flex-col lg:flex-row gap-4 min-h-0 overflow-hidden"
style="border: none; background: transparent;"
allowtransparency={true}
title="Network Graph Outgoing"
class="w-full h-[400px] block"
> >
</iframe> <iframe
src="https://deprived.dev/assets/school/social-science/data/interactive/CHN-in.html"
style="border: none; background: transparent;"
allowtransparency={true}
title="Network Graph Incoming"
class="w-full h-[400px] block"
>
</iframe>
<iframe
src="https://deprived.dev/assets/school/social-science/data/interactive/CHN-out.html"
style="border: none; background: transparent;"
allowtransparency={true}
title="Network Graph Outgoing"
class="w-full h-[400px] block"
>
</iframe>
</div>
</div> </div>
</div> </div>
</div> </div>