By Dante Schulz and Thais Kolganov
function w3tc_popupadmin_bar(url) {
return window.open(url, ”, ‘width=800,height=600,status=no,toolbar=no,menubar=no,scrollbars=yes’);
}
{“@context”:”http:\/\/schema.org”,”@type”:”WebSite”,”url”:”https:\/\/www.gwhatchet.com”,”name”:”The GW Hatchet”}
/*
You can add your own CSS here.
Click the help icon above to learn more.
*/
@media only screen and (min-width: 650px) {
blockquote.right {
width: 40%;
margin-top: 0px;
margin-bottom: 10px;
margin-left: 30px;
margin-right: 0px;
}
}
@media only screen and (max-width: 650px) {
blockquote.right {
margin-top: -10px;
margin-bottom: 10px;
margin-left: 15px;
}
}
blockquote.right {
border-left: 4px solid #043c5b;
color: #043c5b;
font-family: Source Sans Pro, sans-serif;
font-weight: bold;
padding-left: 15px;
float: right;
font-style: italic;
}
blockquote > p {
padding: 0;
margin: 0;
}
@media only screen and (min-width: 650px) {
blockquote.left {
width: 40%;
margin-top: 5px;
margin-bottom: 10px;
margin-left: 15px;
margin-right: 30px;
}
}
@media only screen and (max-width: 650px) {
blockquote.left {
margin-top: -5px;
margin-bottom: 15px;
margin-left: 15px;
margin-right: 30px;
}
}
blockquote.left {
border-left: 4px solid #043c5b;
color: #043c5b;
font-family: Source Sans Pro, sans-serif;
font-weight: bold;
padding-left: 15px;
float: left;
font-style: italic;
}
blockquote > p {
padding: 0;
margin: 0;
}
aside {
background-color: rgb(227, 227, 227);
top: 0px;
float: right;
padding: 10px 15px 0px 15px;
width: 100%;
margin: 0px 0px 15px 0px;
color: #043c5b;
font-family: Source Serif Pro, Georgia, Cambria, Times New Roman, serif;
border-top: 4px solid #043c5b;
font-size: 20px;
line-height: 1em;
font-weight: bold;
}
.related:before {
content: “Related: “;
color: rgb(99, 113, 122);
font-family: Source Serif Pro, Georgia, Cambria, Times New Roman, serif;
}
.aside {
font-family: sans-serif;
font-size: 16px;
color: rgb(99, 113, 122);
line-height: 1.2em;
font-weight: 100;
}
.aside2 {
font-family: Source Serif Pro, Georgia, Cambria, Times New Roman, serif;
font-size: 16px;
color: #043c5b;
font-weight: 100;
}
aside > p {
margin: 0px 0px 10px 0px;
}
/* MARK: Custom CSS */
.mapBox {
background-color: white;
width: 100%;
height: 500px;
}
.close-button-div {
background-color: #003b5c;
width: 100%;
padding-top: 1rem;
padding-bottom: 1rem;
text-align: center;
color: white;
font-family: “Source Serif Pro”, “Georgia”, “Cambria”, “Times New Roman”, serif;
font-weight: 700;
font-size: 18pt;
display: block;
margin: auto;
cursor: pointer;
}
.w3-modal {
z-index:3;
display:none;
padding-top:100px;
padding-bottom:100px;
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
overflow:auto;
background-color:rgb(0,0,0);
background-color:rgba(0,0,0,0.4);
transition: all .3s ease;
-webkit-transition: all .3s ease;
}
.w3-modal-content p {
color: white;
}
.w3-modal-content h1 {
color: white;
}
.w3-modal-content .media-description {
color: dimgray;
}
.w3-modal-content .media-credit {
color: dimgray;
}
.w3-modal-content .byline-author {
color: white;
}
.w3-modal-content a {
text-decoration: none;
color: #61cbe0;
}
.w3-modal-content {
margin:auto;
background-color:#1e1f20;
position:relative;
padding:0;
outline:0;
width: 60%;
}
@media only screen and (max-width: 600px) {
.w3-modal-content {
width: 95%;
margin-left: auto;
margin-right: auto;
}
}
.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before, .w3-container,.w3-panel {
padding:0.01em 16px
}
.w3-panel {
margin-top:16px;
margin-bottom:16px;
}
.w3-btn,.w3-button{
border:none;
display:inline-block;
padding:8px 16px;
vertical-align:middle;
overflow:hidden;
text-decoration:none;
color:inherit;
background-color:inherit;
text-align:center;
cursor:pointer;
white-space:nowrap
}
.w3-btn,.w3-button{
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.w3-disabled,.w3-btn:disabled,.w3-button:disabled{
cursor:not-allowed;
opacity:0.3
}
.w3-disabled *,:disabled *{
pointer-events:none
}
.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{
background-color:#ccc;
color:#000
}
.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{
width:100%;
text-align:left;
padding:8px 16px
}
.w3-bar .w3-button{
white-space:normal
}
.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{
width:100%
}
.map-header {
font-weight: 700;
font-size: 24pt;
width: 100%;
background-color: #003b5c;
padding-top: 16px;
padding-bottom: 16px;
padding-left: 32px;
padding-right: 32px;
color: white;
margin-bottom: 0;
text-align: center;
}
.map-header h3 {
font-weight: 700;
font-size: 24pt;
width: 100%;
color: white;
margin-bottom: 0;
text-align: center;
margin: 0 0 0 0;
}
.map-header p {
font-weight: 500;
font-size: 16pt;
margin: 0 0 0 0;
}
.inline-figure {
float: right;
width: 450px;
margin-left: 2rem;
}
figure.post-thumbnail {
margin-left: 2rem;
}
@media only screen and (max-width: 600px) {
.map-header h3 {
font-size: 16pt;
}
.map-header p {
font-size: 12pt;
}
.inline-figure {
width: auto;
margin-left: none;
float: none;
}
figure.post-thumbnail {
margin-left: 0rem;
}
}
Close Gallery
How U Street business owners preserve entertainment industry amid gentrification
During the height of segregation in D.C., the city’s U Street corridor came to be known as “Black Broadway ” because Black residents congregated there for business, poetry slams, open mic nights and jazz concerts. The neighborhood’s entertainment venues also led to the formation of go-go music, D.C.’s indigenous music derived from the District’s Black culture, in the mid-1970s.
But over the years, business owners have struggled to keep the neighborhood’s history of Black entertainment alive as large convention centers and Metro stations cropped up. The Black population in the neighborhood also shrunk from 80 to 30 percent by 2010, according to Washington City Paper.
The Hatchet sat down with U Street business owners, residents and entertainers to discuss how high rent prices and the influx of new residents into the neighborhood is pushing out its unique history.
Video by Dante Schulz
Close Gallery
How Dupont Circle evolved as a hub for LGBTQ+ life in the District
Dupont Circle emerged as a hub for LGBTQ+ life in the District in the mid 1960s and 70s. The neighborhood hosted several gay-owned businesses, including Lambda Rising Bookstore and numerous bars frequented by members of the LGBTQ+ community. The District’s first annual pride event was also held on 20th street to commemorate the neighborhood’s vibrant LGBTQ+ identity.
However, over the years the neighborhood’s unique LGBTQ+ identity has dwindled. Long-time residents and business owners have noticed a dip in LGBTQ+-owned establishments and have noted that LGBTQ+ people can now be found throughout D.C.
We sat down with long-time residents of Dupont Circle, community activists, and local leaders to discuss the history of the neighborhood as a hub for LGBTQ+ life in the District and the impact of gentrification and changing societal norms on the Dupont Circle’s unique identity.
Video by Dante Schulz
Close Gallery
Chinatown community leaders talk preserving cultural identity of neighborhood
Chinatown’s population boomed to more than 1,500 residents of Chinese heritage between 1930 and 1950, but that number dropped to just more than 300 residents this year.
The area has a long history – by the late 1800s, the Chinese population began to grow in the District. But it wasn’t until Federal Triangle was developed in the 1920s that Chinese residents were forced to move a few blocks north on H St. NW between 6th and 7th streets to what is now known as Chinatown.
The Hatchet sat down with Chinatown community activists, residents and local leaders to discuss challenges facing the neighborhood, including high rent prices, Chinese-run businesses flocking to the Maryland Virginia suburbs and the area’s struggle to retain its cultural identity.
Video by Dante Schulz and Thais Kolganov
Close Gallery
Maintaining Adams Morgan as a home for the District’s artistic crowd
Adams Morgan earned the reputation of the District’s “artsy” neighborhood in the 1970s when residents began congregating in the area to create street art, which included everything from plastering political posters throughout the neighborhood to painting large murals on building exteriors. The neighborhood continued to attract a politically progressive crowd into the 1980s when row house owners on 18th street chose to convert their properties into mom-and-pop businesses. The nightlife scene also exploded as bars and nightclubs appeared on the famous 18th street stretch.
Today, 18th Street in Adams Morgan remains the centerpiece of the neighborhood, retaining its hallmark artistic edge first established five decades ago. Tattoo parlors, palm readers, eclectic bars and alternative-style businesses line the street and after 10 p.m. you can find the sidewalks packed with people venturing out to enjoy them.
But a lack of affordable housing options in the neighborhood is forcing out many long-time residents who helped form the neighborhood’s identity. Additionally, businesses are struggling to resist chain retailers from moving into the neighborhood.
The Hatchet sat down with local business owners, community activists and long-time residents to discuss the history of Adams Morgan and strategies that could be employed to preserve the neighborhood’s creative energy.
Video by Dante Schulz
Mapping D.C. Neighborhoods
Video
By
Dante Schulz and Thais Kolganov,
Jun 24, 2021
The District is composed of more than 100 neighborhoods, each home to its own unique cultural heritage and history.
The D.C. Office of Historic Preservation has designated more than 20 of D.C.’s neighborhoods as historic districts in an effort to prioritize the cultural identity of the District and support long-time residents and business owners found within its neighborhoods. But D.C. is experiencing some of the most intense gentrification in the country, according to a study released by the National Community Reinvestment Coalition. Rising rent prices, the influx of residents from outside the District and the pandemic have forced many long-time residents to relocate, threatening the cultural identities of each neighborhood.
The Hatchet sat down with elected officials, community activists, business owners and long-time residents of neighborhoods throughout D.C. to provide their expertise on how each neighborhood enriches the District’s culture and the need to acknowledge and preserve the history of neighborhood identities.
The Hatchet has disabled comments on our website. Learn more.
.marker-pin {
border-radius: 50%;
border-style: solid;
border-color: #143b59;
border-width:2px;
background-color:white;
width: 70px;
height: 70px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
transition: .25s ease;
z-index: 1;
transform: scale(1, 1);
}
.lillyC {
background-image: url(‘http://i3.ytimg.com/vi/BnGvpYgHnMM/maxresdefault.jpg’);
}
.namaste {
background-image: url(‘http://i3.ytimg.com/vi/wCkX2sz0nEI/maxresdefault.jpg’);
}
.chinatown {
background-image: url(‘http://i3.ytimg.com/vi/Ra8ebImj7yo/maxresdefault.jpg’);
}
.adams-morgan {
background-image: url(‘https://img.youtube.com/vi/jzq6Cb2DXgY/mqdefault.jpg’);
}
.marker-pin:hover {
transform: scale(1.5, 1.5);
box-shadow: 5px 5px 5px grey;
z-index: 1000;
}
.marker-text {
text-align: center;
font-weight: 700;
}
@media only screen and (max-width: 600px) {
.marker-pin {
width: 40px;
height: 40px;
}
.marker-pin:hover {
width: 40px;
height: 40px;
}
}
.foo {
display: none;
opacity: 0;
transition: opacity 300ms;
}
.foo.fade-in {
display: block;
opacity: 1;
}
.block {
display: block;
}
.fade-in {
opacity: 1;
}
.fade-out {
opacity: 0;
}
function resizeMap() {}
function setMap() {
var map = L.map(‘map’, { zoomControl: false, dragging: false, doubleClickZoom: false, trackResize: false }).setView([38.9096, -77.0210], 14);
map.touchZoom.disable();
map.doubleClickZoom.disable();
map.scrollWheelZoom.disable();
map.dragging.disable();
L.tileLayer(‘https://cartodb-basemaps-{s}.global.ssl.fastly.net/light_all/{z}/{x}/{y}.png’, {
attribution: ‘© Map tiles by Carto, under CC BY 3.0. Data by OpenStreetMap, under ODbL.’
}).addTo(map);
// First marker
icon = L.divIcon({
className: ‘custom-div-icon’,
html: “
“,
iconSize: [70, 70],
iconAnchor: [15, 42]
});
mural1_lillyC = L.marker([38.917046, -77.03293], { icon: icon}).addTo(map)
.on(‘click’, function() { onMapClick(‘id01’);});
// Second maker
icon2 = L.divIcon({
className: ‘custom-div-icon’,
html: “
“,
iconSize: [70, 70],
iconAnchor: [15, 42]
});
mural2_namaste = L.marker([38.9097, -77.0433], { icon: icon2 }).addTo(map)
.on(‘click’, function() { onMapClick(‘id02’);});
// Third marker
icon3 = L.divIcon({
className: ‘custom-div-icon’,
html: “
“,
iconSize: [70, 70],
iconAnchor: [15, 42]
});
video3_chinatown = L.marker ([38.9004, -77.0210], {icon: icon3}).addTo(map)
.on(‘click’, function() { onMapClick(‘id03’);});
// Third marker
icon4 = L.divIcon({
className: ‘custom-div-icon’,
html: “
“,
iconSize: [70, 70],
iconAnchor: [15, 42]
});
video4 = L.marker ([38.9212, -77.0435], {icon: icon4}).addTo(map)
.on(‘click’, function() { onMapClick(‘id04’);});
var group = new L.featureGroup([
mural1_lillyC,
mural2_namaste,
video3_chinatown,
video4,
]);
}
function dismissModal(id) {
document.getElementById(‘body-element’).style.overflow = ‘auto’;
var $foo = $(‘#’ + id);
$foo.removeClass(‘fade-in’);
var transitionEnd = ‘webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend’;
$foo.addClass(‘fade-out’).one(transitionEnd, function() {
$foo.removeClass(‘block’).outerWidth();
$foo.removeClass(‘fade-out’);
});
$(“iframe”).each(function() {
var src= $(this).attr(‘src’);
$(this).attr(‘src’,src);
});
$(‘video’).each(function() {
$(this).get(0).pause();
});
}
function onMapClick(id) {
var $foo = $(‘#’ + id);
$foo.addClass(‘block’).outerWidth();
$foo.removeClass(‘fade-out’);
$foo.addClass(‘fade-in’);
document.getElementById(‘body-element’).style.overflow = ‘hidden’;
}
setMap()