Initial commit
This commit is contained in:
268
public/index.html
Normal file
268
public/index.html
Normal file
@ -0,0 +1,268 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta name="generator" content="Hugo 0.145.0"><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Governance Ecologies</title>
|
||||
<link rel="stylesheet" href="/css/main.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<div class="container">
|
||||
<div class="header-content">
|
||||
<a href="#home" class="logo-link">
|
||||
<img src="/images/GovEco-removebg-preview.png" alt="Governance Ecologies Logo" class="logo">
|
||||
</a>
|
||||
<nav class="main-nav">
|
||||
<ul>
|
||||
|
||||
|
||||
<li><a href="#home">Home</a></li>
|
||||
<li><a href="#about">About</a></li>
|
||||
<li><a href="#projects">Projects</a></li>
|
||||
<li><a href="#team">Team</a></li>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
|
||||
<section id="home" class="hero">
|
||||
<div class="container">
|
||||
<h1>Governance Ecologies</h1>
|
||||
<p>Expanding the repertoires for community governance</p>
|
||||
<div>
|
||||
<a href="#about" class="btn">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="about" class="bg-light">
|
||||
<div class="container">
|
||||
<h2 class="section-heading">What legacies will guide the future of governance design?</h2>
|
||||
<div class="content">
|
||||
Governance Ecologies is a strategy for co-producing a global commons of collective governance. Our goal is to study and honor governance repertoires from beyond the dominant North-Atlantic political traditions, to gather insights from among them, and to inform the design of governance systems for a rapidly changing world.
|
||||
|
||||
<h3></h3>
|
||||
<p></p>
|
||||
|
||||
<h3></h3>
|
||||
<p></p>
|
||||
|
||||
<p></p>
|
||||
<ul>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="projects">
|
||||
<div class="container">
|
||||
<h2 class="section-heading">Projects</h2>
|
||||
|
||||
<div class="cards">
|
||||
|
||||
<a href="https://excavations.ecologies.info" class="card-link">
|
||||
<div class="card">
|
||||
|
||||
<div class="card-logo">
|
||||
<img src="/images/excavations-logo.png" alt="Excavations Logo">
|
||||
</div>
|
||||
|
||||
<div class="card-content">
|
||||
<h3>Excavations</h3>
|
||||
<p>An artist residency exploring histories and possible futures for Internet governance, exhibited at the UN Internet Governance Forum.</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="https://govarch.ecologies.info" class="card-link">
|
||||
<div class="card">
|
||||
|
||||
<div class="card-content">
|
||||
<h3>Governance Archaeology</h3>
|
||||
<p>A database that explores collective governance practices across culture, history, and geography.</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="https://protocols.ecologies.info" class="card-link">
|
||||
<div class="card">
|
||||
|
||||
<div class="card-content">
|
||||
<h3>Protocol Oral History Project</h3>
|
||||
<p>A collection of interviews with protocol artists—the skilled builders and stewards of the rules, standards, and norms that shape our lives in often invisible ways.</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="section-divider"></div>
|
||||
|
||||
<div class="subsection bg-light">
|
||||
<h3 class="subsection-heading">Anchors</h3>
|
||||
<div class="logo-grid">
|
||||
|
||||
<a href="https://www.kcl.ac.uk/" class="logo-item" target="_blank" rel="noopener">
|
||||
|
||||
<div class="logo-container">
|
||||
<img src="/images/kcl-logo.png" alt="King's College London Logo">
|
||||
</div>
|
||||
|
||||
<p class="logo-name">King's College London</p>
|
||||
</a>
|
||||
|
||||
<a href="https://colorado.edu/lab/medlab" class="logo-item" target="_blank" rel="noopener">
|
||||
|
||||
<div class="logo-container">
|
||||
<img src="/images/MEDLab-logo.png" alt="Media Economies Design Lab, University of Colorado Boulder Logo">
|
||||
</div>
|
||||
|
||||
<p class="logo-name">Media Economies Design Lab, University of Colorado Boulder</p>
|
||||
</a>
|
||||
|
||||
<a href="https://metagov.org" class="logo-item" target="_blank" rel="noopener">
|
||||
|
||||
<div class="logo-container">
|
||||
<img src="/images/metagov-logo.png" alt="Metagov Logo">
|
||||
</div>
|
||||
|
||||
<p class="logo-name">Metagov</p>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="section-divider"></div>
|
||||
|
||||
<div class="subsection bg-light">
|
||||
<h3 class="subsection-heading">Funders</h3>
|
||||
<div class="logo-grid">
|
||||
|
||||
<a href="https://eutopiafoundation.org/" class="logo-item" target="_blank" rel="noopener">
|
||||
|
||||
<p class="logo-name">Eutopia Foundation</p>
|
||||
</a>
|
||||
|
||||
<a href="https://ethereum.org/en/foundation/" class="logo-item" target="_blank" rel="noopener">
|
||||
|
||||
<div class="logo-container">
|
||||
<img src="/images/ef-logo.png" alt="Ethereum Foundation Logo">
|
||||
</div>
|
||||
|
||||
<p class="logo-name">Ethereum Foundation</p>
|
||||
</a>
|
||||
|
||||
<a href="https://omidyar.com" class="logo-item" target="_blank" rel="noopener">
|
||||
|
||||
<div class="logo-container">
|
||||
<img src="/images/siegel-logo.png" alt="Siegel Family Endowment Logo">
|
||||
</div>
|
||||
|
||||
<p class="logo-name">Siegel Family Endowment</p>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="team" class="bg-light">
|
||||
<div class="container">
|
||||
<h2 class="section-heading">Team</h2>
|
||||
<p class="section-intro"></p>
|
||||
|
||||
<div class="team-grid">
|
||||
|
||||
<a href="https://www.kcl.ac.uk/people/federica-carugati" class="team-member" target="_blank" rel="noopener">
|
||||
|
||||
<div class="member-info">
|
||||
<h3 class="member-name">Federica Carugati</h3>
|
||||
<p class="member-institution">King's College London</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="https://www.colorado.edu/lab/medlab/julia-martins-rodrigues" class="team-member" target="_blank" rel="noopener">
|
||||
|
||||
<div class="member-info">
|
||||
<h3 class="member-name">Júlia Martins Rodrigues</h3>
|
||||
<p class="member-institution">University of Colorado Boulder</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="https://www.colorado.edu/cmci/people/media-studies/nathan-schneider" class="team-member" target="_blank" rel="noopener">
|
||||
|
||||
<div class="member-info">
|
||||
<h3 class="member-name">Nathan Schneider</h3>
|
||||
<p class="member-institution">University of Colorado Boulder</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="https://www.rileynwong.com/" class="team-member" target="_blank" rel="noopener">
|
||||
|
||||
<div class="member-info">
|
||||
<h3 class="member-name">Riley Wong</h3>
|
||||
<p class="member-institution">Emergent Research</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="contact-info">
|
||||
<h3>Contact Us</h3>
|
||||
<p>For inquiries about our research or collaboration opportunities, please email us at <a href="mailto:medlab@colorado.edu">medlab@colorado.edu</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="footer-content">
|
||||
<div class="footer-logo">
|
||||
<img src="/images/GovEco-removebg-preview.png" alt="Governance Ecologies Logo" class="footer-logo-img">
|
||||
</div>
|
||||
<div class="footer-nav">
|
||||
<h3>Explore</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="#home">Home</a></li>
|
||||
<li><a href="#about">About</a></li>
|
||||
<li><a href="#projects">Projects</a></li>
|
||||
<li><a href="#team">Team</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-contact">
|
||||
<h3>Connect</h3>
|
||||
<p>Email: medlab@colorado.edu</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom">
|
||||
<p>© 2025 by the contributors</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
Reference in New Issue
Block a user