-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
330 lines (262 loc) · 23 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" type="text/css" href="css/style.css" />
<title>Master's Project</title>
<!-- Microdata Scema -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "NewsArticle",
"headline": "",
"image": [
"",
""
],
"author": "",
"publisher": "",
"datePublished": "2020-04-28T12:00:00",
"url": "",
"sameAs" : [
"",
"",
""
]
}
</script>
<style> header{height:100vh;
}
</style>
<!-- Twitter Summary Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="">
<meta name="twitter:site" content="@">
<meta name="twitter:url" content="">
<meta name="twitter:image" content="g">
<meta name="twitter:image:alt" content="">
<meta name="twitter:description" content="">
<!-- Social Sharing Meta (Facebook, others) -->
<meta property="og:type" content="profile">
<meta property="og:profile:first_name" content="">
<meta property="og:profile:last_name" content="">
<meta property="og:profile:user_name" content="@">
<meta property="og:title" content="">
<meta property="og:url" content="">
<meta property="og:image" content="">
<meta property="og:description" content="">
</head>
<body>
<!-- main banner -->
<header class="vh-50,harry_photo" style="background-image:url(./assets/HarryBreaux_04.jpg);background-size:contain; background-position:center top" role="banner pb-0 mb-0"></header>
<!--class="looping-background-video d-flex flex-column align-items-center justify-content-center"> -->
<!-- <img class="img-fluid d-block" src="./assets/scan_652120911_1.jpeg" alt="A photo of Harry Breaux">-->
<h1 class="text-black text-center display-1">Harry Breaux</h1>
<p class="text-black text-center">Project by Jeremiah O. Rhodes</p>
<!--<video muted playsinline autoplay loop>
<source src="https://temp-j100.s3.amazonaws.com/aidindying-background.mp4" type="video/mp4">
<img src="" alt="fallback">
</video>
</header> -->
<!-- content section -->
<article role="main">
<div class="container mt-5">
<!-- article headline and byline -->
<div class="my-5 row justify-content-center">
<div class="col-12 col-md-10 text-center">
<h2>"He tried; He did his best"</h2>
<h2> what a life of authenticity can teach us about impact</h2>
</div>
</div>
<div class="row justify-content-center">
<div class="col-12 col-md-8 col-lg-6">
<p>When you meet Harry Breaux, one of the first things you notice is the accent.</p>
<p> It's Southern, but the specific location feels just out of reach. It's not Mississippian, and not Texan either, but there's a distinct draw that's just subtle enough that if you know what you're looking for, you pick up on it.</p>
<p>"That river would go right through Morgan City," Breaux said, with that distinct yet indescribable draw. "It's trying to break through and come back that way again. And the Corps of Engineers is trying to keep it from doing that. If it ever does (pronounced 'eva'), it would completely flood out of Morgan City.</p>
<p> The river he's referring to is the Atchafalaya, and the city it would cut right through is Morgan City, Louisiana, the place that gave Breaux that distinct accent.</p>
<p> Many people recognize Harry Breaux from his participation in the San Francisco Chronicle's "Last Man Standing," a 2016 project that focused on men in San Francisco who were surviving with HIV. He was diagnosed in the 1980s, and has been a seemingly permanent fixture in San Francisco's HIV positive community.</p>
<p>"That was kind of my claim to fame," Breaux said.</p>
<p> There's a lot more to Breaux – not instead of his HIV diagnosis, but alongside it.</p>
<br>
<h2> The Family</h2>
<p>The Breaux lineage goes back generations in Morgan City. His grandfather owned a sawmill that cut cypress trees to make ammunition boxes during various US wars. With ample wealth, he and his partner opened up a bank in the city. </p>
<p>After his grandfather’s partner died, he took over the bank himself, with Breaux’s father running the mill operation until it closed. After the mill’s closure, Breaux’s father went to work for the bank.</p>
<p>“So I grew up white, wealthy and privileged,” Breaux recalled. “Wealthy in the sense of Morgan City wealth, not like the Gettys.” </p>
<!-- Insert first image -->
<figure class="figure">
<img src="assets/BreauxBaby.jpg" alt="Baby photo of Harry Breaux" class="img-fluid d-block">
<figcaption class="figure-caption">Baby photo of Harry Breaux</figcaption>
</figure>
<p>Breaux admitted that he, too, was primed to take over the family banking business, if not for one detail: </p>
<p>“I had that little glitch. The homosexual glitch.” </p>
<p>That “glitch,” from Breaux’s perspective, is a little important. </p>
<p>“In my memoirs and my story and stuff, people say, ‘well what’s the thread that runs through the whole story and all,’ and the thread is homosexuality.”</p>
<p>When many of us talk about our sexualities, we refer to getting a boner in class or having a wet dream at summer camp. Sexual exploration played out differently for Breaux, who remembers trying to give a guy a blowjob at the local school in the sixth grade. </p>
<p>As Breaux’s sexuality became more and more public at his school, the bullying started. One fight got the principal involved, and a subsequent call to his mom revealed Breaux’s interactions with local boys. His parents sent him to Lebanon, TN, a town just outside of Nashville to attend military school. While his father had attended Catholic School, that wasn’t an option for Breaux. </p>
<p>“I think my father was clear enough in life not to send me to Catholic school,” Breaux said. “Cute little queer boy? To priests? Not a good idea.”</p>
<p>Breaux repressed his sexual desires throughout military school, dating various girls throughout his time at Castle Heights Military Academy. Though he was dating girls, Breaux knew that wasn’t the life he wanted to live long-term.</p>
<p>“I have an acting degree and I still call that my best acting job.”</p>
<p>When Breaux was a junior in high school, his father died of a heart attack, and he was expected to take over the family banking business. The expectations took him to Tulane, where he majored in Business Administration.</p>
<figure class="figure">
<img src="assets/hp_scanDS_661812461555.jpeg" alt="photo of Breaux in a military uniform" class="img-fluid d-block">
<figcaption class="figure-caption">Breaux in military school </figcaption>
</figure>
<p>It didn’t stick.
</p>
<p>He had a sister who loved business, but, being a woman in 1950s Louisiana, she was not entrusted with the bank.
</p>
<p>Next, he switched to engineering. The plan was to become a civil engineer, start a company working with the oil industry, “blah blah blah.”
</p>
<p>It didn’t stick.</p>
<p> Breaux’s next option was to follow in the steps of his high school experience and join the military. Unfortunately, Breaux had a blood condition called Renal Glycosuria, which disqualified him from everything but the draft, meaning he would never become an Officer, which is a position all-but-guaranteed to people with his experience.
</p>
<p>“There’s a form I filled out in that room, and I asked the recruiter if he’d slide it back over to me,” Breaux said. “It was all true/false, and one of them said something like ‘do you have homosexual tendencies?’ I had put no because I knew if I put yes I’d never be able to go into the military, but in that room I changed it to yes. The recruiter’s jaw dropped.”
</p>
<p>This incident marked a turning point in Breaux’s life. Afterward, he returned home, came out to his mother and went back to school, this time as a theater major, moving to Utah to attend university on March 19, 1966.
</p>
<p>After graduating in 1969, Breaux moved back to New Orleans to take care of his mother, who was sick. Soon after, she died of cancer, leaving $150,000 to him through an inheritance.
</p>
<p>After his mom died, he gave away everything he owned in New Orleans and established a commune with some friends in Oregon, where he lived for six years, before selling it and moving to San Francisco.
</p>
<p>“I needed to find a place that I could openly express being a homosexual as openly and as forcefully as I could, and San Francisco is that place,” Breaux said.
</p>
<h2> The City </h2>
<p> Breaux settled in the Castro neighborhood. He worked various jobs throughout his life in San Francisco, but it wasn’t his work that marks his time in San Francisco.
</p>
<p>When he considers his decades in San Francisco, Breaux remembers his first time visiting a bathhouse. </p>
<p>“I remember, there were all these gorgeous men in towels and I was just flabbergasted by it,” Breaux said.
</p>
<p>He also vividly remembers San Francisco’s hippie movement. </p>
<p>“It felt like we were part of the new leading edge. We were going to change the world, that was the whole philosophy of the Castro.”
</p>
<p>The Castro District, also known as San Francisco’s “Gay Village,” is situated in the Eureka Valley in San Francisco. </p>
<p>During World War II, gay servicemen were dishonorably discharged from the Service into the Bay Area. During that time, the Castro’s community of gay men skyrocketed and it became a place where gay men could live out, proud lives.
</p>
</div>
</div>
<img src="assets/CastroGayBars.png" alt="graph showing the rise in gay bars in the Castro neighborhood" class="img-fluid d-block">
<div class="row justify-content-center">
<div class="col-12 col-md-8 col-lg-6">
<!--
<img class="img-fluid" src="assets/HarryBreaux_07.jpg" alt="Portrait of Harry Breaux">
<figcaption> Portrait of Harry Breaux. Credit: Jeremiah O. Rhodes</figcaption>
-->
<!--<p class="border-start pl-3">Journalists' interaction with sources sometimes involves confidentiality, an extension of freedom of the press giving journalists a legal protection to keep the identity of a confidential informant private even when demanded by police or prosecutors; withholding their sources can land journalists in contempt of court, or in jail.</p>
<p>Journalism is the production and distribution of reports on events. The word journalism applies to the occupation, as well as citizen journalists who gather and publish information. Journalistic media include print, television, radio, Internet, and, in the past, newsreels.</p>
<p>Concepts of the appropriate role for journalism vary between countries. In some nations, the news media are controlled by government intervention and are not fully independent. In others, the news media are independent of the government but instead operate as private industry motivated by profit. In addition to the varying nature of how media organizations are run and funded, countries may have differing implementations of laws handling the freedom of speech and libel cases.</p>
</div>
</div>
<div class="row justify-content-center">
<div class="col-12 col-md-8 col-lg-6">
<p>Journalistic conventions vary by country. In the United States, journalism is produced by media organizations or by individuals. Bloggers are often, but not always, journalists. The Federal Trade Commission requires that bloggers who write about products received as promotional gifts to disclose that they received the products for free. This is intended to eliminate conflicts of interest and protect consumers.</p>
<p>According to Robert McChesney, healthy journalism in a democratic country must provide an opinion of people in power and who wish to be in power, must include a range of opinions and must regard the informational needs of all people.</p>
</div>
</div>
<!-- Example of two images side-by-side -->
<!-- <div class="row justify-content-center">
<div class="col-12 col-sm-6">
<figure class="figure">
<img src="assets/desk-2.jpg" alt="Picture of a desk" class="img-fluid d-block">
<figcaption class="figure-caption">Here is a caption for this image</figcaption>
</figure>
</div>
<div class="col-12 col-sm-6">
<figure class="figure">
<img src="assets/desk-3.jpg" alt="Picture of a desk" class="img-fluid d-block">
<figcaption class="figure-caption">Here is a caption for this image</figcaption>
</figure>
</div>
</div>
-->
<!--
<div class="row justify-content-center">
<div class="col-12 col-md-8 col-lg-6">
<p>There are several forms of journalism with diverse audiences. Thus, journalism is said to serve the role of a "fourth estate", acting as a watchdog on the workings of the government. A single publication (such as a newspaper) contains many forms of journalism, each of which may be presented in different formats. Each section of a newspaper, magazine, or website may cater to a different audience.</p>
<p>Consequently, this has resulted in arguments to reconsider journalism as a process distributed among many authors, including the socially mediating public, rather than as individual products and articles written by dedicated journalists.</p>
<p>Because of these changes, the credibility ratings of news outlets has reached an all-time low. A 2014 study revealed that only 22% of Americans reported a "great deal" or "quite a lot of confidence" in either television news or newspapers.</p>
</div>
</div>
<!-- Example of a slide show, also called a carousel -->
<!--<div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="assets/desk-1.jpg" class="d-block w-100" alt="desk">
</div>
<div class="carousel-item">
<img src="assets/desk-2.jpg" class="d-block w-100" alt="desk">
</div>
<div class="carousel-item">
<img src="assets/desk-3.jpg" class="d-block w-100" alt="desk">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div> -->
<!-- <div class="row justify-content-center mt-4">
<div class="col-12 col-md-8 col-lg-6">
<p>It's clear now that we didn't do enough to prevent these tools from being used for harm as well. That goes for fake news, foreign interference in elections, and hate speech, as well as developers and data privacy.</p>
<p>The phrase was popularized and inaccurately used by Donald Trump during his presidential campaign to discredit what he perceived as negative news coverage of his candidacy and then the presidency.</p>
<p>While publications reporting the news to the general public in a standardized fashion only began to appear in the 17th century and later, governments as early as Han dynasty China made use of regularly published news bulletins. These bulletins, however, were intended only for government officials, and thus were not journalistic news publications in the modern sense of the term.</p>
<p>Journalism in China before 1910 primarily served the international community. The overthrow of the old imperial regime in 1911 produced a surge in Chinese nationalism, an end to censorship, and a demand for professional, nation-wide journalism.</p>
<p>Starting in the 1940s, United States broadcast television channels would air 10-to-15-minute segments of news programming one or two times per evening. The era of live-TV news coverage would begin in the 1960s with the assassination of John F. Kennedy, broadcast and reported to live on a variety of nationally syndicated television channels. During the 60s and 70s, television channels would begin adding regular morning or midday news shows. Starting in 1980 with the establishment of CNN, news channels began providing 24-hour news coverage, a format which persists through today.</p>
<p>It's clear now that we didn't do enough to prevent these tools from being used for harm as well. That goes for fake news, foreign interference in elections, and hate speech, as well as developers and data privacy.</p>
<p>The phrase was popularized and inaccurately used by Donald Trump during his presidential campaign to discredit what he perceived as negative news coverage of his candidacy and then the presidency.</p>
<p>While publications reporting the news to the general public in a standardized fashion only began to appear in the 17th century and later, governments as early as Han dynasty China made use of regularly published news bulletins. These bulletins, however, were intended only for government officials, and thus were not journalistic news publications in the modern sense of the term.</p>
<p>Journalism in China before 1910 primarily served the international community. The overthrow of the old imperial regime in 1911 produced a surge in Chinese nationalism, an end to censorship, and a demand for professional, nation-wide journalism.</p>
<p>Starting in the 1940s, United States broadcast television channels would air 10-to-15-minute segments of news programming one or two times per evening. The era of live-TV news coverage would begin in the 1960s with the assassination of John F. Kennedy, broadcast and reported to live on a variety of nationally syndicated television channels. During the 60s and 70s, television channels would begin adding regular morning or midday news shows. Starting in 1980 with the establishment of CNN, news channels began providing 24-hour news coverage, a format which persists through today.</p>
</div>
</div>
<!-- Example of Scrollytelly part.
<div class="scroll-container">
<p data-image="assets/desk-1.jpg" data-position="center">It's clear now that we didn't do enough to prevent these tools from being used for harm as well. That goes for fake news, foreign interference in elections, and hate speech, as well as developers and data privacy.</p>
<p data-image="assets/desk-2.jpg" data-position="left">Starting in the 1940s, United States broadcast television channels would air 10-to-15-minute segments of news programming one or two times per evening. The era of live-TV news coverage would begin in the 1960s with the assassination of John F. Kennedy, broadcast and reported to live on a variety of nationally syndicated television channels.</p>
<p data-image="assets/desk-3.jpg" data-position="right">Journalistic conventions vary by country. In the United States, journalism is produced by media organizations or by individuals. Bloggers are often, but not always, journalists. The Federal Trade Commission requires that bloggers who write about products received as promotional gifts to disclose that they received the products for free. This is intended to eliminate conflicts of interest and protect consumers.</p>
<p data-image="assets/desk-4.jpg" data-position="center">There are several forms of journalism with diverse audiences. Thus, journalism is said to serve the role of a "fourth estate", acting as a watchdog on the workings of the government. A single publication (such as a newspaper) contains many forms of journalism, each of which may be presented in different formats. Each section of a newspaper, magazine, or website may cater to a different audience.</p>
</div>
</div>
<!-- close container -->
</article>
<div class="container-fluid">
<footer role="contentinfo" class="row justify-content-center mt-5 bg-dark text-light text-center">
<header class="col-8 py-5">
<p>This is a project by a student at the UC Berkeley Graduate School of Journalism</p>
</header>
</footer>
</div>
<!-- Better loading images: https://webdesign.tutsplus.com/tutorials/quick-tip-how-to-use-html5-picture-for-responsive-images--cms-21015 -->
<!-- Scripts. Remove those not needed -->
<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="js/jquery-scroll-swap.js"></script>
<script type="text/javascript" src="js/bootstrap.bundle.js"></script>
<script type="text/javascript" src="js/stickyfill.min.js"></script>
<script>
jQuery(document).ready(function($){
//polyfill for position:sticky, for ie 9+ browsers
//https://github.com/wilddeer/stickyfill
var stickyElements = $('.sticky');
Stickyfill.add(stickyElements);
$(".scroll-container").scrollSwap({
dataImageAttribute: 'image',
triggerFromTop: 0.75,
speed: 0.5,
noCSS: false,
spreadDistance: "75vh",
backgroundColor: 'rgba(255,255,255,0.85)',
width: '50%'
});
});
</script>
</body>
</html>