<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Research - Juan S. Gómez Cruces, Ph.D.</title>
<!-- Favicon -->
<link rel="icon" href="https://juangomezcruces.github.io/JSGCprofile.jpeg" sizes="32x32">
<link rel="icon" href="https://juangomezcruces.github.io/JSGCprofile.jpeg" sizes="192x192">
<link rel="apple-touch-icon" href="https://juangomezcruces.github.io/JSGCprofile.jpeg">
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Playfair+Display:wght@400;700&display=swap" rel="stylesheet">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
:root {
--primary-color: #007087;
--secondary-color: #2c3e50;
--accent-color: #e74c3c;
--light-color: #f8f9fa;
--dark-color: #343a40;
--text-color: #333;
--text-light: #6c757d;
--font-main: 'Lato', sans-serif;
--font-heading: 'Playfair Display', serif;
--transition: all 0.3s ease;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: var(--font-main);
color: var(--text-color);
line-height: 1.6;
background-color: #fff;
overflow-x: hidden;
}
a {
color: var(--primary-color);
text-decoration: none;
transition: var(--transition);
}
a:hover {
color: var(--accent-color);
}
h1, h2, h3, h4, h5, h6 {
font-family: var(--font-heading);
font-weight: 700;
margin-bottom: 1rem;
color: var(--secondary-color);
}
p {
margin-bottom: 1.5rem;
}
img {
max-width: 100%;
height: auto;
}
.container {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
/* Header Styles */
.header {
background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('https://sites.gsu.edu/jgomezcruces1/files/2023/04/cropped-AdobeStock_290255098-1-e1682481417716.jpeg') no-repeat center center;
background-size: cover;
color: white;
padding: 120px 0;
text-align: center;
position: relative;
}
.header-content {
position: relative;
z-index: 2;
}
.header h1 {
font-size: 3.5rem;
margin-bottom: 0.5rem;
color: white;
}
.header p {
font-size: 1.2rem;
max-width: 800px;
margin: 0 auto;
}
/* Navigation */
.navbar {
background-color: var(--secondary-color);
padding: 1rem 0;
position: sticky;
top: 0;
z-index: 1000;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.nav-container {
display: flex;
justify-content: space-between;
align-items: center;
}
.logo {
font-size: 1.5rem;
font-weight: 700;
color: white;
}
.nav-links {
display: flex;
list-style: none;
}
.nav-links li {
margin-left: 2rem;
}
.nav-links a {
color: white;
font-weight: 500;
padding: 0.5rem 0;
position: relative;
}
.nav-links a:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
background-color: var(--accent-color);
transition: var(--transition);
}
.nav-links a:hover:after {
width: 100%;
}
.mobile-menu-btn {
display: none;
background: none;
border: none;
color: white;
font-size: 1.5rem;
cursor: pointer;
}
/* Main Content */
.main-content {
padding: 4rem 0;
}
.research-section {
margin-bottom: 3rem;
}
.research-section h2 {
color: var(--primary-color);
margin-bottom: 1.5rem;
font-size: 2rem;
border-bottom: 2px solid var(--primary-color);
padding-bottom: 0.5rem;
}
.research-item {
background-color: var(--light-color);
padding: 2rem;
border-radius: 8px;
margin-bottom: 2rem;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}
.research-item h3 {
color: var(--secondary-color);
margin-bottom: 1rem;
}
.research-item p {
font-size: 1.1rem;
margin-bottom: 1rem;
}
.btn {
display: inline-block;
background-color: var(--primary-color);
color: white;
padding: 0.8rem 1.5rem;
border-radius: 5px;
font-weight: 500;
transition: var(--transition);
border: none;
cursor: pointer;
margin-top: 1rem;
}
.btn:hover {
background-color: var(--accent-color);
color: white;
transform: translateY(-3px);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
/* Footer */
.footer {
background-color: var(--secondary-color);
color: white;
padding: 3rem 0;
text-align: center;
}
.social-links {
display: flex;
justify-content: center;
gap: 1.5rem;
margin-bottom: 2rem;
}
.social-links a {
color: white;
font-size: 1.5rem;
transition: var(--transition);
}
.social-links a:hover {
color: var(--accent-color);
transform: translateY(-3px);
}
.copyright {
margin-top: 2rem;
color: rgba(255, 255, 255, 0.7);
}
/* Responsive Design */
@media (max-width: 768px) {
.header h1 {
font-size: 2.5rem;
}
.nav-links {
position: fixed;
top: 70px;
left: -100%;
width: 100%;
height: calc(100vh - 70px);
background-color: var(--secondary-color);
flex-direction: column;
align-items: center;
padding-top: 2rem;
transition: var(--transition);
}
.nav-links.active {
left: 0;
}
.nav-links li {
margin: 1rem 0;
}
.mobile-menu-btn {
display: block;
}
}
/* Animations */
@keyframes fadeIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
.fade-in {
animation: fadeIn 1s ease forwards;
}
.delay-1 { animation-delay: 0.2s; }
.delay-2 { animation-delay: 0.4s; }
.delay-3 { animation-delay: 0.6s; }
</style>
</head>
<body>
<!-- Header Section -->
<header class="header">
<div class="container header-content">
<h1 class="fade-in">Juan S. Gómez Cruces</h1>
<p class="fade-in delay-1">Research Portfolio</p>
</div>
</header>
<!-- Navigation -->
<nav class="navbar">
<div class="container nav-container">
<a href="#" class="logo">JSGC</a>
<button class="mobile-menu-btn" id="mobileMenuBtn">
<i class="fas fa-bars"></i>
</button>
<ul class="nav-links" id="navLinks">
<li><a href="https://sites.gsu.edu/jgomezcruces1/"><i class="fas fa-home"></i> <span class="sr-only">Home</span></a></li>
<li><a href="https://sites.gsu.edu/jgomezcruces1/research/" class="active">Research</a></li>
<li><a href="https://sites.gsu.edu/jgomezcruces1/teaching-2/">Teaching</a></li>
<li><a href="https://sites.gsu.edu/jgomezcruces1/cv/">CV</a></li>
<li><a href="https://sites.gsu.edu/jgomezcruces1/home/executive-social-media-monitor-1-0/">Social Media Monitor</a></li>
</ul>
</div>
</nav>
<!-- Main Content -->
<main class="main-content">
<div class="container">
<section class="research-section fade-in delay-2">
<h2>Publications</h2>
<div class="research-item">
<h3>Reducing Partisan Animus in Populist Contexts</h3>
<p>McCoy, Jennifer, Juan S. Gómez-Cruces, Ozlem Tuncel, & Levente Littvay. Forthcoming. Chapter 14 in <em>The Ideational Approach to Populism: Consequences and Mitigation</em>, edited by Angelos Chryssogelos, Kirk A. Hawkins, Eliza Tanner Hawkins, Levente Littvay, & Nina Wiesehomeier. Routledge Series: Extremism & Democracy</p>
</div>
<div class="research-item">
<h3>Trust in Latin American Governing Institutions</h3>
<p>Carlin Ryan, R. & Juan S. Gómez-Cruces. 2022. In <em>Oxford Bibliographies in Political Science</em>. Ed. Sandy Maisel. New York: Oxford University Press.</p>
<a href="https://www.oxfordbibliographies.com/view/document/obo-9780199756223/obo-9780199756223-0347.xml?rskey=OLsNKA&result=1&q=Trust+in+Latin+American+Governing+Institutions#firstMatch" class="btn" target="_blank">View Publication</a>
</div>
</section>
<section class="research-section fade-in delay-3">
<h2>Dissertation</h2>
<div class="research-item">
<h3>Digital Divides and Dialogues: A Multidimensional Analysis of Populist Rhetoric, Social Media Interaction, and Societal Polarization in Latin America</h3>
<p><em>Abstract:</em> What are the effects of Latin American populist presidents' use of social media platforms? This topic has attracted some scholarly attention in recent years. Yet, the nuances of populist rhetoric disseminated by these actors on social media, the public's reactions to such messages, and the broader implications for the digital ecosystem, particularly in developing democracies, remain largely unexplored. When studying populist actors, most scholarship to date has focused on candidates, party leaders, or country executives. I posit that populists in office differ fundamentally from populist candidates or party leaders. Once elected, populists employ a twofold strategy to advance their agenda: dividing society into two distinctive camps and consolidating a popular majority that will support them in electoral contests. Given the unmediated channels that social media offer to communicate with citizens, these platforms are intensively used by populists in power to boost their strategy. As a consequence, social media supporters adopt plebiscitary attitudes, expressing their undivided support to the populist. Conversely, opponents adopt polarizing responses against the populist. These reciprocal dynamics mutually reinforce each other, serving the populist's overarching strategy.</p>
</div>
</section>
<section class="research-section fade-in delay-3">
<h2>Working Papers</h2>
<div class="research-item">
<h3>Populists in power and online engagement with populist rhetoric components on social media: Evidence from Latin America</h3>
<a href="https://sites.gsu.edu/jgomezcruces1/files/2023/11/The-Two-Dimensions-of-Populists-in-Power-Rhetoric.pdf" class="btn" target="_blank">Download Paper</a>
</div>
<div class="research-item">
<h3>Forecasting Executive Approval with Social Media Data: A Comparative Approach</h3>
<a href="https://sites.gsu.edu/jgomezcruces1/files/2023/11/writing_sample1.pdf" class="btn" target="_blank">Download Paper</a>
</div>
<div class="research-item">
<h3>The Determinants of Rally-round-the-flag effects after Covid-19 infection</h3>
</div>
<div class="research-item">
<h3>The Electoral Authority under Digital Threat: The Case of 2020 Bolivian Election (with David Carroll)</h3>
</div>
</section>
</div>
</main>
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="social-links">
<a href="mailto:juan.gomezcruces@hpi.de" aria-label="Email"><i class="fas fa-envelope"></i></a>
<a href="https://twitter.com/juangocr" aria-label="Twitter" target="_blank"><i class="fab fa-twitter"></i></a>
<a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin"></i></a>
<a href="#" aria-label="Google Scholar"><i class="fab fa-google-scholar"></i></a>
<a href="#" aria-label="ResearchGate"><i class="fab fa-researchgate"></i></a>
</div>
<p class="copyright">© 2025 Juan S. Gómez Cruces. All rights reserved.</p>
</div>
</footer>
<script>
// Mobile menu toggle
const mobileMenuBtn = document.getElementById('mobileMenuBtn');
const navLinks = document.getElementById('navLinks');
mobileMenuBtn.addEventListener('click', () => {
navLinks.classList.toggle('active');
mobileMenuBtn.innerHTML = navLinks.classList.contains('active')
? '<i class="fas fa-times"></i>'
: '<i class="fas fa-bars"></i>';
});
// Smooth scrolling for anchor links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function(e) {
e.preventDefault();
const targetId = this.getAttribute('href');
if (targetId === '#') return;
const targetElement = document.querySelector(targetId);
if (targetElement) {
window.scrollTo({
top: targetElement.offsetTop - 80,
behavior: 'smooth'
});
// Close mobile menu if open
if (navLinks.classList.contains('active')) {
navLinks.classList.remove('active');
mobileMenuBtn.innerHTML = '<i class="fas fa-bars"></i>';
}
}
});
});
// Animation on scroll
const fadeElements = document.querySelectorAll('.fade-in');
const fadeInOnScroll = () => {
fadeElements.forEach(element => {
const elementTop = element.getBoundingClientRect().top;
const windowHeight = window.innerHeight;
if (elementTop < windowHeight - 100) {
element.style.opacity = '1';
element.style.transform = 'translateY(0)';
}
});
};
window.addEventListener('scroll', fadeInOnScroll);
window.addEventListener('load', fadeInOnScroll);
</script>
</body>
</html>