index.html

---
layout: default
title: Evolution of Networks Lab
---
<style>
/* General Styles */
body {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    margin: 0 auto;
    max-width: 1100px;
    padding: 20px;
}
h1 {
    color: #0056b3;
    margin-top: 2em;
    text-align: center;
}
h2 {
    color: #0056b3;
    margin-top: 2em;
    text-align: center;
}
p {
    text-align: left;
}
@media (max-width: 1024px) {
    body {
        font-size: 1.2em; /* Larger font size for mobile */
    }
}

/* Main Grid for Members */
.members-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); /* Responsive grid */
    gap: 20px;
    margin-top: 2em;
}
.member-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
    text-align: center;
}
.member-photo {
    width: 250px;
    height: 250px;
    object-fit: cover;
    border-radius: 50%;
    margin-bottom: 15px;
}
.rendering-image{
    width: 75%;
    display: block; 
    margin: auto;
}
.member-info h3 {
    margin-top: 0;
    font-size: 1.5em;
}
.member-info p {
    margin: 10px 0;
}
.social-links {
    margin-top: auto;
}
.social-links a {
    margin-right: 10px;
    text-decoration: none;
    color: #0056b3;
}
.social-links a:hover {
    text-decoration: underline;
}

/* Adjust grid layout for mobile devices */
@media (max-width: 1024px) {
    .members-grid {
        grid-template-columns: 1fr; /* Make the grid 1 column on mobile */
    }
}

.pdf-container {
    text-align: center;
    margin-bottom: 2em;
}
.canvas {
    border: 1px solid #ddd;
    margin-top: 10px;
}

/* Styling for Research Illustration */
.illustration-container img {
    display: block;
    margin: 2em auto;
    max-width: 100%;
}
.map-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    height: 0;
    overflow: hidden;
}
.map-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

</style>

<div class="main">


    <!-- Lab Header and Overview -->
    <h1>Welcome to the Evolution of Networks Lab</h1>

     <img src="images/network.png" alt="a network" class="rendering-image">

    <p>
        The Evolution of Networks Lab belongs to the Institute for Evolutionary Biology (IBE). Dr. Sergi Valverde, a CSIC scientist, leads the group with a focus on discovering universal evolutionary principles in both natural and artificial networks. Our lab specializes in complex systems, complex networks, ecology, and cultural evolution.
    </p>

    <p>
        We investigate how innovations emerge and evolve, applying a complex network perspective to understand the evolution of culture and technology. Our work involves empirical studies and computational models, including analyzing millions of patents to study technological evolution. We aim to extend evolutionary theory beyond biology into technology and culture.
    </p>

    <h2>Lab Members</h2>

    <!-- Members Grid -->
    <div class="members-grid">
        <!-- Member 1 -->
        <div class="member-container">
            <img src="images/sergi_web.jpg" alt="Photo of Sergi Valverde" class="member-photo">
            <div class="member-info">
                <h3>Sergi Valverde (Principal Investigator)</h3>
                <p>
                    Dr. Sergi Valverde is a complex systems scientist at IBE, exploring the origins of innovations in technology and nature. With a background in computer science and physics, Dr. Valverde applies evolutionary theory to non-biological domains, including social evolution.
                </p>
                <div class="social-links">
                    <a href="https://twitter.com/svalver">Twitter</a>
                    <a href="https://ecoevo.social/@svalver">Mastodon</a>
                    <a href="https://bsky.app/profile/svalver.bsky.social">Bluesky</a>
                </div>
            </div>
        </div>
        <!-- Additional members... -->

         <!-- Member 3 -->
         <div class="member-container">
            <img src="images/salva_duran.png" alt="Photo of Salva Duran-Nebreda" class="member-photo">
            <div class="member-info">
                <h3>Salva Duran-Nebreda (Postdoctoral Researcher)</h3>
                <p>
                    Dr. Salva Duran-Nebreda, a biotechnologist and complex systems researcher, studies major transitions in evolution, with a particular interest in emergent properties in ecosystems and societies. His research spans synthetic biology, EvoDevo, and ecology, focusing on the shifting nature of individuality in evolutionary systems.
                </p>
                <div class="social-links">
                    <a href="https://twitter.com/SDuranNebreda">Twitter</a>
                </div>
            </div>
        </div>
        
         <!-- Member 2 -->
        <div class="member-container">
            <img src="images/pere_web.jpg" alt="Photo of Pere Renom" class="member-photo">
            <div class="member-info">
                <h3>Pere Renom (Postdoctoral Researcher)</h3>
                <p>
                    Dr. Pere Renom is a postdoctoral researcher with a focus on macroevolution and science communication. He holds a PhD in Biomedicine and has published widely in both academic and public domains. Renom combines his experience in biology, philosophy, and paleogenomics with a career in science reporting.
                    
                    "Is the tape of life replayable or not?" That is the question he would like to solve.
                </p>
                <div class="social-links">
                    <a href="https://www.pererenom.com/?lang=en">Website</a>
                </div>
            </div>
        </div>

       

    </div>

    <!-- External Members -->
    <h2>External Members</h2>

    <div class="members-grid">
        <div class="member-container">
            <img src="images/blai_vidiella.png" alt="Photo of Blai Vidiella" class="member-photo">
            <div class="member-info">
                <h3>Blai Vidiella (Postdoctoral Researcher)</h3>
                <p>
                    Dr. Blai Vidiella works on the MPA4sustainability Biodiversa project, focusing on preventing ecological collapse by designing and simulating engineered systems. His work combines ecology, synthetic biology, and mathematical modeling.
                </p>
                <div class="social-links">
                    <a href="http://www.vidiella.science">Website</a>
                    <a href="https://twitter.com/BlaiVidiella">Twitter</a>
                    <a href="https://ecoevo.social/@bvidiella">Mastodon</a>
                </div>
            </div>
        </div>
        <!-- More external members... -->
    </div>

    <!-- NETWORKS CHAPTER -->
<div style="padding: 1.5em; border-top: 2px solid #cccccc; margin-top: 2em;">
        <h2>Networks - The Visual Language of Complexity</h2>
        <img src="images/networks_banner.jpeg" alt="Banner image of complex networks" style="width: 100%; border-radius: 8px; margin-top: 1em;">
        <p style="margin-top: 1em;">
            We are excited to announce our latest work, "<strong>Networks: The Visual Language of Complexity</strong>," a comprehensive review and reflection on our last 20 years of research in complex networks.
            In this chapter, we offer our personal perspective on the field, drawing from our extensive experience and contributions. This work captures the essence of our lab's mission and the ongoing journey of network science in understanding complex systems.
            <a href="papers/2024_networks.pdf" style="font-weight: bold; color: #1a73e8;">Read the full chapter (PDF)</a>.
        </p>
    </div>

<h2>Where we are</h2>

<div class="map-container">
    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2726.07945486673!2d2.193647549297693!3d41.38520351289911!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x12a4a308d2848973%3A0xb2c2ef778a4a876f!2sInstitut%20de%20Ciencies%20del%20Mar%2C%20Pg.%20Mar%C3%ADtim%20de%20la%20Barceloneta%2C%2037-49%2C%20Ciutat%20Vella%2C%2008003%20Barcelona!5e0!3m2!1sen!2ses!4v1729888886489!5m2!1sen!2ses" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>

</div>