Skip to content

Commit 0157b4b

Browse files
chenchaoyiclaude
andcommitted
Replace ethical dilemmas post illustrations with original versions
- Swap watermarked/regenerated images for the originals - Merge the two trolley-scene crops into one full illustration - Replace the HTML flowchart with the original flow chart image Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
1 parent e2a2e80 commit 0157b4b

10 files changed

Lines changed: 4 additions & 78 deletions

File tree

blogs/philosophy-ethical-dilemmas-post.html

Lines changed: 4 additions & 78 deletions
Original file line numberDiff line numberDiff line change
@@ -71,61 +71,9 @@
7171
margin-top: 2em;
7272
margin-bottom: 1em;
7373
}
74-
/* Betrayal decision tree — rebuilt from the original flow chart */
75-
.flowchart {
76-
margin: 2.2em auto;
77-
max-width: 640px;
78-
}
79-
.fc-root, .fc-choice, .fc-out {
80-
border: 1px solid var(--rule);
81-
border-radius: 6px;
82-
text-align: center;
83-
}
84-
.fc-root {
85-
padding: 0.9em 1.1em;
86-
background: var(--bg-deep);
87-
color: var(--ink);
88-
}
89-
.fc-branches {
90-
display: flex;
91-
gap: 1.4em;
92-
margin-top: 1.3em;
93-
}
94-
.fc-branch {
95-
flex: 1;
96-
display: flex;
97-
flex-direction: column;
98-
}
99-
.fc-choice {
100-
padding: 0.75em 0.9em;
101-
background: var(--bg-card);
102-
color: var(--ink);
103-
font-style: italic;
104-
}
105-
.fc-odds {
106-
font-family: 'JetBrains Mono', monospace;
107-
font-size: 0.68rem;
108-
letter-spacing: 0.18em;
109-
color: var(--accent);
110-
text-align: center;
111-
margin: 0.85em 0;
112-
}
113-
.fc-outcomes {
114-
display: flex;
115-
gap: 0.75em;
116-
}
117-
.fc-out {
118-
flex: 1;
119-
padding: 0.7em 0.75em;
120-
font-size: 0.82rem;
121-
line-height: 1.5;
122-
color: var(--ink-soft);
123-
background: var(--bg-card);
124-
}
12574
@media (max-width: 640px) {
12675
.image-container img { max-width: 85% !important; }
12776
.image-container img.sq { max-width: 62% !important; }
128-
.fc-branches { flex-direction: column; gap: 1em; }
12977
}
13078
</style>
13179
</head>
@@ -179,11 +127,7 @@ <h3 class="section-heading">The lever question and other ethical dilemmas</h3>
179127
<p>I wouldn't pull the lever. If I did, I would have to live the rest of my life chained to the lock of guilt; if I didn't, I would be a guilty bystander rather than a guilty perpetrator. It is a selfish decision, but if there were people willing to sacrifice their moral stability for the sake of five people, I applaud them; I am not one of them. Among other reasons such as to avoid legal punishment and to ease the claws of my conscience, the answer seems clear. I do not want to decide the fate of that one person, which is what would happen if I pulled the lever. If I stood by, at least I would only become the chained witness to the fates of five people.</p>
180128

181129
<div class="image-container">
182-
<img src="../images/blog/ethics/ethics-1.png" alt="The trolley problem: a tram, a split track and the lever" class="banner" />
183-
</div>
184-
185-
<div class="image-container">
186-
<img src="../images/blog/ethics/ethics-2.png" alt="Five people tied to one track, one person tied to the other" class="banner" />
130+
<img src="../images/blog/ethics/ethics-1.png" alt="The trolley problem: a tram, the lever, five people tied to one track and one person tied to the other" class="wide" />
187131
</div>
188132

189133
<p>Here's an interesting branch of this question: There is only one railroad track, and the train is heading towards the five people. A fat man is leaning over the track in front of the train. Would you push him so that the train stops for him instead of the five people?</p>
@@ -193,7 +137,7 @@ <h3 class="section-heading">The lever question and other ethical dilemmas</h3>
193137
<p>Research interestingly enlightens me that (and I agree) the main mental reason why someone wouldn't push the fat man but would pull the lever is the difference between intending and foreseeing harm. By pushing the fat man, you are <em>intending</em> harm, initiating the act of it, when the natural decision would have been to do nothing. However, by pulling the trolley, your main considerations are on preventing the foreseen deaths of the five people with the death of the one person being an unfortunate side-effect. The phycological difference between initiation and prediction is just another impactful factor of queries on morality.</p>
194138

195139
<div class="image-container">
196-
<img src="../images/blog/ethics/ethics-3.png" alt="A man reaching for the lever as the train approaches" class="wide" />
140+
<img src="../images/blog/ethics/ethics-3.png" alt="The fat man leaning over the track as the train approaches" class="wide" />
197141
</div>
198142

199143
<p>However, a separate trail appears: what if one of my family members, say my father, were among the five people? I'm certain my decision would have been different then; I would have pulled the lever or pushed the fat man. But that doesn't erase the lock of guilt that is sure to follow.</p>
@@ -216,26 +160,8 @@ <h3 class="section-heading">The lever question and other ethical dilemmas</h3>
216160

217161
<p>If my gang would not punish me for betraying the member, I would choose the option of betrayal. Below is a flow chart of why:</p>
218162

219-
<div class="flowchart">
220-
<div class="fc-root">I can choose whether I want to betray the gang member or remain silent.</div>
221-
<div class="fc-branches">
222-
<div class="fc-branch">
223-
<div class="fc-choice">I remain silent.</div>
224-
<div class="fc-odds">50 / 50</div>
225-
<div class="fc-outcomes">
226-
<div class="fc-out">The gang member betrays me, and I spend 3 years in prison.</div>
227-
<div class="fc-out">The gang member remains silent, and we each get a year.</div>
228-
</div>
229-
</div>
230-
<div class="fc-branch">
231-
<div class="fc-choice">I betray the gang member.</div>
232-
<div class="fc-odds">50 / 50</div>
233-
<div class="fc-outcomes">
234-
<div class="fc-out">The gang member remains silent, and I am set free.</div>
235-
<div class="fc-out">The gang member betrays me, and we each get 2 years.</div>
236-
</div>
237-
</div>
238-
</div>
163+
<div class="image-container">
164+
<img src="../images/blog/ethics/ethics-flowchart.png" alt="Flow chart: whether to betray the gang member or remain silent, and the four possible outcomes" class="banner" />
239165
</div>
240166

241167
<p>By remaining silent, I will have to serve years at prison no matter the outcome. By betraying the gang member, I have a 50/50 chance of being set free, while in remaining silent, the most hopeful outcome would be one year in prison. Answering this dilemma (for me) is a comparison between:</p>

images/blog/ethics/ethics-1.png

2.18 MB
Loading

images/blog/ethics/ethics-2.png

-66.2 KB
Binary file not shown.

images/blog/ethics/ethics-3.png

1.8 MB
Loading

images/blog/ethics/ethics-4.png

1.57 MB
Loading

images/blog/ethics/ethics-5.png

1.27 MB
Loading

images/blog/ethics/ethics-6.png

2.23 MB
Loading

images/blog/ethics/ethics-7.png

2 MB
Loading

images/blog/ethics/ethics-8.png

1.74 MB
Loading
77.2 KB
Loading

0 commit comments

Comments
 (0)