Skip to content
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 4 additions & 1 deletion _config.yml
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,10 @@ baseurl: ""
collections:
projects:
output: true

events:
output: true
permalink: /events/:name/

exclude:
- /node_modules/
- gulpfile.js
Expand Down
39 changes: 26 additions & 13 deletions data-showcase.md → _events/data-showcase.md
Original file line number Diff line number Diff line change
@@ -1,11 +1,18 @@
---
layout: hero-image-small
title: Open DC Data Showcase
hero-image: assets/images/events/data-showcase/hero.png
layout: event
title: Open Data DC Showcase
date: 2025-03-26
location: "Washington DC"
image: data-cover.png
image_alt_text: Man on a bike with the words civic tech in the background
description: |
In Celebration with the annual Open Data Week, Civic Tech DC partnered with the Office of the Chief Technology Officer for a Open Data DC Showcase.
---

{% raw %}
<div style ="font-family: 'Source Sans Pro Web', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;">
<div style="display: flex; flex-wrap: wrap; align-items: center; width: 100%; max-width: 1200px; margin: 70px auto;">
<img src="/assets/images/events/data-showcase/man-on-bike.png" style="width: 100%; max-width: 500px; height: auto; flex: 1;" alt="Man on a bike down the Capitol">
<img src="/assets/images/events/data_showcase/man-on-bike.png" style="width: 100%; max-width: 500px; height: auto; flex: 1;" alt="Man on a bike down the Capitol">
<div style="flex: 1; min-width: 300px; padding-left: 20px;">
<p style="font-size: 1.2rem; line-height: 1.4;">
In Celebration with the annual Open Data Week, Civic Tech DC is partnering with the Office of the Chief Technology Officer (OCTO) to host the Open Data DC Showcase 2025, a celebration of Open Data DC and other public datasets about the District.
Expand Down Expand Up @@ -41,13 +48,13 @@ hero-image: assets/images/events/data-showcase/hero.png
<div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; width: 100%; max-width: 1200px; margin: auto; margin-bottom: 40px;">
<div style="flex: 1; min-width: 250px; max-width: 400px; text-align: center;">
<a href="https://civictechdc.org" target="_blank">
<img src="assets/images/logos/civic-tech-dc.svg" style="max-height: 80px; width: auto;" alt="Civic Tech DC Logo">
<img src="assets/images/events/data_showcase/civictech.png" style="max-height: 80px; width: auto;" alt="Civic Tech DC Logo">

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

high

The src attribute for this image uses a relative path (assets/...). This can lead to broken images if the page is accessed from a URL with a different depth. To ensure the image always loads correctly, please use a root-relative path by adding a leading slash (/).

Suggested change
<img src="assets/images/events/data_showcase/civictech.png" style="max-height: 80px; width: auto;" alt="Civic Tech DC Logo">
<img src="/assets/images/events/data_showcase/civictech.png" style="max-height: 80px; width: auto;" alt="Civic Tech DC Logo">

</a>
<p style="margin-top: 1rem; font-size: 1rem;">Founded in 2012, Civic Tech DC is a non-partisan, non-political group of volunteer civic hackers working together to solve local issues and help people engage with the city.</p>
</div>
<div style="flex: 1; min-width: 250px; max-width: 400px; text-align: center;">
<a href="https://octo.dc.gov/page/about-octo" target="_blank">
<img src="assets/images/logos/octo-logo.png" style="max-height: 80px; width: auto;" alt="OCTO Logo">
<img src="/assets/images/events/data_showcase/octo-logo.png" style="max-height: 80px; width: auto;" alt="OCTO Logo">
</a>
<p style="margin-top: 1rem; font-size: 1rem;">OCTO's mission is to direct the strategy, deployment, and management of DC Government technology with an unwavering commitment to IT excellence, efficiency, and value for government, residents, businesses, and visitors.</p>
</div>
Expand All @@ -57,15 +64,19 @@ hero-image: assets/images/events/data-showcase/hero.png
<h1 style="font-size: 2rem; font-weight: bold; color: #f8c45c;">Thank You to Our Sponsors</h1>
</div>

<div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; width: 100%; max-width: 1200px; margin: auto;">
<div style="flex: 1; min-width: 250px; max-width: 400px; text-align: center;">
<a href="https://pro.morningconsult.com/" target="_blank">
<img src="assets/images/logos/morning-consult.png" style="max-height: 80px; width: auto;" alt="Morning Consult Logo">
</a>
<p style="margin-top: 1rem; font-size: 1rem;">Our venture sponsor is Morning Consult, a global decision intelligence company changing how modern leaders make smarter, faster, better decisions. The company pairs its proprietary high-frequency data with applied artificial intelligence to better inform decisions on what people think and how they will act.</p>
</div>
<div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; width: 100%; max-width: 1200px; margin: auto; padding: 0 20px;">
<div style="flex: 0 1 auto; min-width: 300px; max-width: 450px; text-align: center; margin: 0 auto;">
<a href="https://pro.morningconsult.com/" target="_blank">
<img src="/assets/images/events/data_showcase/morning-consult.png" style="max-height: 40px; width: auto;" alt="Morning Consult Logo">
</a>
<p style="margin-top: 1rem; font-size: 1rem;">
Our venture sponsor is Morning Consult, a global decision intelligence company changing how modern leaders make smarter, faster, better decisions. The company pairs its proprietary high-frequency data with applied artificial intelligence to better inform decisions on what people think and how they will act.
</p>
</div>
</div>



<div style="text-align: center; margin: 2rem 0;">
<h1 style="font-size: 2rem; font-weight: bold; color: #f8c45c;">Lightning Talks</h1>
</div>
Expand Down Expand Up @@ -123,3 +134,5 @@ hero-image: assets/images/events/data-showcase/hero.png
</p>
</div>
</div>
</div>
{% endraw %}
12 changes: 6 additions & 6 deletions _includes/core/header.html
Original file line number Diff line number Diff line change
Expand Up @@ -19,18 +19,18 @@
</button>
<ul class="usa-nav__primary usa-accordion">
<li class="usa-nav__primary-item">
<a class="usa-nav__link" href="{{ site.baseurl }}/data-showcase">
<span>Data Showcase Event</span>
<a class="usa-nav__link" href="{{ site.baseurl }}/projects">
<span>Projects</span>
</a>
</li>
<li class="usa-nav__primary-item">
<a class="usa-nav__link" href="{{ site.baseurl }}/partners">
<span>Partners</span>
<a class="usa-nav__link" href="{{ site.baseurl }}/events">
<span>Special Events</span>
</a>
</li>
<li class="usa-nav__primary-item">
<a class="usa-nav__link" href="{{ site.baseurl }}/projects">
<span>Projects</span>
<a class="usa-nav__link" href="{{ site.baseurl }}/partners">
<span>Partners</span>
</a>
</li>
<li class="usa-nav__primary-item">
Expand Down
33 changes: 33 additions & 0 deletions _layouts/events.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
---
layout: default
---

<h1 class="margin-bottom-1">{{ page.title }}</h1>

<ul class="margin-top-0 padding-left-0 font-heading-med">
{% if page.registration_link %}
<li style="display: inline">
<a style="white-space: nowrap" href="{{ page.registration_link }}" target="_blank" class="usa-button usa-button--outline">
<svg class="usa-icon" aria-hidden="true" focusable="false" role="img" style="height: 1em; width: 1em; vertical-align: middle;">
<use xlink:href="/assets/img/sprite.svg#calendar"></use>
</svg>
Register
</a>
</li>
{% endif %}
</ul>

<p class="usa-hero__subheading margin-top-0 margin-bottom-2">
<strong>Date:</strong> {{ page.date | date: "%B %-d, %Y" }}<br />
{% if page.location %}
<strong>Location:</strong> {{ page.location }}
{% endif %}
</p>

<img class="maxh-mobile margin-bottom-2" src="{{ site.baseurl }}/assets/images/event_thumbnails/{{ page.image }}" alt="{{ page.image_alt_text }}" />

<div class="usa-prose">
{{ page.description | markdownify }}
</div>

<p><a href="/events/">← Back to Events</a></p>
77 changes: 73 additions & 4 deletions _projects/cib-mango-tree.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,10 +4,79 @@ is_active: true
title: CIB Mango Tree
image: mango.png
image_alt_text: Yellow cartoon mango fruit
github_link: https://github.com/CIB-Mango-Tree/
slack_channel: cib-mango-tree-main
description: An integrated library of open source programs to test datasets of social media activity for signs of coordinated inauthentic behavior (CIB).
---
<section class="bg-base-lightest padding-y-4 usa-prose maxw-none">
<div class="grid-container usa-prose">
<em>To provide open source software that detect coordinated inauthentic behavior (CIB) to researchers, moderators, and journalists. We aim to make our programs intuitive so users do not need programming experience to run our tests.</em>
</div>
</section>

An integrated library of open source programs to test datasets of social media activity for signs of coordinated inauthentic behavior (CIB).
[Website](https://cibmangotree.org/)
<section class="padding-y-1 usa-prose maxw-none">
<div class="grid-container">
<h2 class="font-sans-lg">🏠 Why This Matters</h2>
<p>CIB Mango Tree works to support researchers to detect and respond to coordinated inauthentic behavior (CIB) online - one of the most subtle yet damaging threats to democratic discourse. Inspired by Taiwan’s civic tech spirit, this open-source project equips non-technical watchdogs with tools to analyze social media activity and uncover manipulation. By identifying low-hanging signs like repeated phrases or synchronized posting times, CIB Mango Tree lowers the barrier to entry for <strong>civic engagement in digital spaces.</strong> In an age where disinformation silences genuine voices, we are working to create a more truthful internet.</p>
</div>
</section>

<section class="padding-y-1 usa-prose maxw-none">
<div class="grid-container">
<h2 class="font-sans-lg">🚀 Our Impact</h2>
<p>
CIB Mango Tree is democratizing access to powerful social media analysis tools and helping communities respond to online manipulation. Our prototype has been used to <strong>flag suspicious online activity during key moments like elections</strong>. Beyond the tools, we’ve built a community of volunteers and collaborators who are passionate about protecting open discourse, both in Washington, DC and globally.
</p>
</div>
</section>

<section class="padding-y-1 usa-prose maxw-none">
<div class="grid-container">
<h2 class="font-sans-lg">🌍 Geography / Reach</h2>
<p>International use for researchers around the world.</p>
</div>
</section>

<section class="padding-y-1 usa-prose maxw-none">
<div class="grid-container">
<h2 class="font-sans-lg">🤝 Community Partners</h2>
We are thankful for all our partners from journalists to researchers, especially
<a href="https://ospo.gwu.edu/" class="usa-link usa-link--external" target="_blank" rel="noopener noreferrer">GW Open Source Program Office</a>.
</div>
</section>

<section class="padding-y-1 usa-prose maxw-none">
<div class="grid-container">
<h2 class="font-sans-lg">📖 Our Story</h2>
<p>CIB Mango Tree began with a simple idea rooted in admiration for Taiwan’s civic tech movement. Sparked in Washington, DC in August 2024, our project grew out of conversations among volunteers determined to build tools that help communities protect online discourse.</p>
</div>
</section>

<section class="bg-primary-darker text-white padding-y-5 usa-prose maxw-none">
<div class="grid-container text-white">
<h2>👋 Come Join Us</h2>
<p>Everyone is welcome no matter your skill level or background. We especially need help with:</p>
<ul class="usa-list">
<li>Web development</li>
<li>Community engagement</li>
<li>Workflow management</li>
<li>Python</li>
<li>Software testing</li>
<li>Data analysis and engineering</li>
</ul>
</div>
</section>

<section class="usa-section padding-y-4">
<div class="grid-container">
<div class="usa-button-group">
<a href="https://civictechdc.slack.com/archives/C077YB2ES84" class="usa-button" style="background-color: #253551; color: #ffffff;" target="_blank" rel="noopener noreferrer">
💬 Slack (#cib-mango-tree-main)
</a>
<a href="https://github.com/civictechdc/mango-tango-cli" class="usa-button" style="background-color: #253551; color: #ffffff;" target="_blank" rel="noopener noreferrer">
🧩 GitHub Repo
</a>
<a href="https://cibmangotree.org/" class="usa-button" style="background-color: #253551; color: #ffffff;" target="_blank" rel="noopener noreferrer">
🌐 Project Website
</a>
</div>
</div>
</section>
119 changes: 119 additions & 0 deletions _projects/congressional-modernization.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,119 @@
---
layout: project
is_active: true
title: Congressional Modernization
image: congress.png
image_alt_text: Building tech tools for congressional staff and increasing transparency for constituents
description: Building tech tools for congressional staff and increasing transparency for constituents.
---
<section class="bg-base-lightest padding-y-4 usa-prose maxw-none">
<div class="grid-container usa-prose">
<em>Building tools to tackle common technological roadblocks that make congressional staff’s work difficult, while increasing transparency so constituents can better understand their representatives' activities.</em>
</div>
</section>

<section class="padding-y-1 usa-prose maxw-none">
<div class="grid-container">
<h2 class="font-sans-lg">🏠 Why This Matters</h2>
<p>We collaborate with key technical personnel in and around Congress to improve legislative processes by enhancing operations, transparency, and public access to procedural legislative information. The focus is on civic tech initiatives that make <strong>legislative data more discoverable and useful</strong> for both congressional staff and the public.</p>
</div>
</section>

<section class="padding-y-1 usa-prose maxw-none">
<div class="grid-container">
<h2 class="font-sans-lg">🚀 Our Impact</h2>
<p>
Foster a strong relationship between the House Digital Service and Civic Tech DC to find opportunities for engagement with important congressional stakeholders — ultimately increasing efficiency and transparency in legislative operations.
</p>
</div>
</section>

<section class="padding-y-1 usa-prose maxw-none">
<div class="grid-container">
<h2 class="font-sans-lg">🌍 Geography / Reach</h2>
<p>Primarily DMV area, but open source and available for national use.</p>
</div>
</section>

<section class="padding-y-1 usa-prose maxw-none">
<div class="grid-container">
<h2 class="font-sans-lg">🤝 Community Partners</h2>
<a href="https://americalabs.org/" class="usa-link usa-link--external" target="_blank" rel="noopener noreferrer">American Governance Institute (AGI)</a>.
</div>
</section>

<section class="padding-y-1 usa-prose maxw-none">
<div class="grid-container">
<h2 class="font-sans-lg">📖 Our Story</h2>
<p>Technological roadblocks were gathered organically from Congressional Staffers during the Annual Congressional Hackathon. These needs were compiled by a member of the American Governance Institute (AGI) and shared with Civic Tech DC (CTDC). The AGI–CTDC relationship continues as an ongoing partnership.</p>
</div>
</section>

<section class="padding-y-5 usa-prose maxw-none">
<div class="grid-container">
<h2 class="font-sans-xl margin-bottom-2">📇 Current Project Volunteer Contacts</h2>
<table class="usa-table usa-table--striped usa-table--borderless">
<thead>
<tr>
<th scope="col" class="font-sans-sm text-no-wrap">Name</th>
<th scope="col" class="font-sans-sm text-no-wrap">Role & Focus</th>
<th scope="col" class="font-sans-sm text-no-wrap">Slack</th>
<th scope="col" class="font-sans-sm text-no-wrap">Social & Contact</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row" class="text-no-wrap">Alex Gurvich</th>
<td>
<strong>🧩 Project Lead</strong><br>
</td>
<td class="text-no-wrap">@Alex Gurvich</td>
<td>
<a href="https://www.linkedin.com/in/alex-b-gurvich/" class="usa-link usa-link--external" target="_blank" rel="noopener noreferrer">LinkedIn</a><br>
<a href="mailto:[email protected]" class="usa-link">[email protected]</a>
</td>
</tr>
<tr>
<th scope="row" class="text-no-wrap">Cameron Peltz</th>
<td>
<strong>🛠 Volunteer Developer</strong><br>
</td>
<td class="text-no-wrap">@Cameron Peltz</td>
<td>
<a href="https://www.linkedin.com/in/cameron-peltz-b280a618/" class="usa-link usa-link--external" target="_blank" rel="noopener noreferrer">LinkedIn</a>
</td>
</tr>
</tbody>
</table>
</div>
</section>

<section class="bg-primary-darker text-white padding-y-5 usa-prose maxw-none">
<div class="grid-container text-white">
<h2>👋 Come Join Us</h2>
<p>Everyone is welcome no matter your skill level or background. We especially need help with:</p>
<ul class="usa-list">
<li>Web scraping</li>
<li>Data modeling</li>
<li>Finding and using open data APIs</li>
<li>Creating Chrome/Firefox browser extensions </li>
<li>Google application integrations (e.g., Google Sheets, Google Forms)</li>
</ul>
</div>
</section>

<section class="usa-section padding-y-4">
<div class="grid-container">
<div class="usa-button-group">
<a href="https://civictechdc.slack.com/archives/CH57ZSMK8" class="usa-button" style="background-color: #253551; color: #ffffff;" target="_blank" rel="noopener noreferrer">
💬 Slack (#congress-modernization)
</a>
<a href="https://github.com/civictechdc/congressional-tech" class="usa-button" style="background-color: #253551; color: #ffffff;" target="_blank" rel="noopener noreferrer">
🧩 GitHub Repo
</a>
<a href="https://electrifydmv.org" class="usa-button" style="background-color: #253551; color: #ffffff;" target="_blank" rel="noopener noreferrer">

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

high

The project website link points to https://electrifydmv.org, which seems to be for a different project. This looks like a copy-paste error. Please update it to the correct URL for the "Congressional Modernization" project, or remove the button if there is no project website.

🌐 Project Website
</a>
</div>
</div>
</section>
Loading