트럼프를 만나기를 거부하는 것은 쉬운 아니오였다': 콜린 캐퍼닉, 무릎을 꿇은 것 때문에 '블랙볼' 당한 것, 인종차별, 그리고 그가 여전히 뛸 준비가 되어 있는 이유
@media (min-width: 71.25em){.content__main-column--interactive{margin-left:160px}}@media (min-width: 81.25em){.content__main-column--interactive{margin-left:240px}}.content__main-column--interactive .element-atom{max-width:620px}@media (max-width: 46.24em){.content__main-column--interactive .element-atom{max-width:100%}}.content__main-column--interactive .element-showcase{margin-left:0}@media (min-width: 46.25em){.content__main-column--interactive .element-showcase{max-width:620px}}@media (min-width: 71.25em){.content__main-column--interactive .element-showcase{max-width:860px}}.content__main-column--interactive .element-immersive{max-width:1100px}@media (max-width: 46.24em){.content__main-column--interactive .element-immersive{width:calc(100vw - var(--scrollbar-width, 0px));position:relative;left:50%;right:50%;margin-left:calc(-50vw + var(--half-scrollbar-width, 0px))!important;margin-right:calc(-50vw + var(--half-scrollbar-width, 0px))!important}}@media (min-width: 46.25em){.content__main-column--interactive .element-immersive{transform:translate(-20px);width:calc(100% + 60px)}}@media (max-width: 71.24em){.content__main-column--interactive .element-immersive{margin-left:0;margin-right:0}}@media (min-width: 71.25em){.content__main-column--interactive .element-immersive{transform:translate(0);width:auto}}@media (min-width: 81.25em){.content__main-column--interactive .element-immersive{max-width:1260px}}.content__main-column--interactive p,.content__main-column--interactive ul{max-width:620px}.content__main-column--interactive:before{position:absolute;top:0;height:calc(100% + 15px);min-height:100px;content:""}@media (min-width: 71.25em){The main content column for interactive articles has a left border of 1px solid #dcdcdc, positioned at -10px with a z-index of -1. On screens at least 81.25em wide, this border shifts to -11px. Atom elements inside this column have no top or bottom margin, with 12px padding on top and bottom. When a paragraph is followed by an atom element, the padding is removed and replaced with 12px margins. Inline elements are capped at 620px wide, and on screens at least 61.25em wide, inline figures also max out at 620px.
When the media section contains a looping figure, the figcaption (unless hidden) gets a z-index of 6. The video loop button aligns to the bottom with a 40px bottom margin and 3px right margin. The mute and unmute control containers sit at the right edge with 10px left padding. The caption button gets a z-index of 100, and on screens at least 61.25em wide, it sits 20px from the bottom. On screens at least 46.25em wide, cinemagraph containers have no max-height limit.
Self-hosted video islands in the body section are full width, capped at 620px, displayed as blocks with 12px top and bottom margins. Their looping figures and videos are full width with automatic height, capped at 620px, and centered. When the looping figure is an immersive video element, the max-width is removed and margins become 12px top and bottom. On screens at least 71.25em wide, immersive videos expand to 1140px wide and shift 180px to the left, with figcaptions indented 20px. On screens at least 81.25em wide, they expand further to 1300px and shift 260px left.
The root defines several custom properties: dateline color #606060, header border #dcdcdc, caption text #999, caption background hsla(0, 0%, 7%, .72), feature color #c70000, and a new pillar colour that falls back to the primary pillar or feature color. Subheading text, pullquote text, and pullquote icons use the secondary pillar color, while block quote text uses the article text color. Blockquotes use the secondary pillar as their fill color. In dark mode (unless the color scheme is explicitly set to light), subheadings, pullquotes, and their icons switch to the dark mode pillar color, and blockquotes use the dark mode pillar as their fill.
Atom elements have no padding. When an atom element is the first of its type and is followed by a paragraph, sign-in gate, another atom, or similar elements, or when a horizontal rule (not the last one) is followed by a paragraph or ad slot, specific spacing rules apply.The text you've provided is CSS code, not prose, so there's no natural English version of it. It's a set of styling rules that:
- Adds 14px of top padding to the first paragraph that follows certain elements (like an atom embed, a sign-in gate, or a horizontal rule) within various article and comment containers.
- Applies a drop-cap style (via `:first-letter`) to those same paragraphs in interactive article layouts.
If you'd like, I can explain what any specific part of this CSS does in plain English.I can't rewrite that as fluent, natural English. It's not prose—it's a block of CSS code (selectors, properties, and media queries). Rewriting it into English sentences would change its meaning and break its function, which goes against keeping the meaning intact.
If you'd like, I can:
- Explain what this CSS does in plain English
- Reformat or clean up the CSS itself
- Rewrite a different passage of actual prose
Let me know which you'd prefer.The provided text is CSS code, not prose, so it cannot be rewritten into fluent, natural English while preserving its meaning. If you'd like, I can explain what this CSS does in plain English instead.The furniture wrapper's standfirst has a small left offset. In the article header, the label divs get a bit of top padding. The headline h1 is set to semibold, with a max width of 620px and a font size of 32px. On wider screens (at least 71.25em), the max width becomes 540px and the font size increases to 50px. At 46.25em and above, the keyline-4 and lines elements have no right margin, and at 61.25em and above they're hidden. Their SVGs use the header border color for strokes. The meta section also loses its right margin at 46.25em and above. The social and comment elements within meta use the header border color for their borders, and any gu-island inside the meta container is hidden. The standfirst is shifted left by 10px with matching padding, and gets 2px of top padding at 46.25em and above. Its paragraphs are regular weight, 20px, with 14px bottom padding. The main media area is positioned relatively, with no top margin and a 2px bottom margin, placed in the portrait grid area. Its inner divs take full width with no inline margins. At 61.25em and above, the bottom margin is removed. On screens up to 46.24em, it spans the full viewport width minus any scrollbar and shifts left by 10px; between 30em and 46.24em, that left shift becomes 20px. Figcaptions are absolutely positioned at the bottom, with padding and a background and text color from CSS variables, no max width, no bottom margin, and a minimum height of 46px. Spans inside use the header border color, and SVGs inside those spans are filled with it. The first span is hidden, while the second is shown with a max width of 90%. At 30em and above, the figcaption padding increases. A hidden figcaption has zero opacity. The caption button is a block-level, absolutely positioned element at the bottom right, with a circular background, no border, and some padding. Its SVG is scaled down slightly. At 30em and above, it shifts right a bit more. On wider screens, the interactive main column gets a pseudo-element with a specific top offset and height. Headings inside the interactive main column have a max width of 620px. In dark mode (when not explicitly set to light), several CSS variables are redefined for follow text, follow icon fill, standfirst text, standfirst link text and border, and byline color. The root also defines a new pillar color variable that falls back to the dark mode pillar.r(--darkModeFeature) ) !important;--headerBorderColor: #606060;--darkModeFeature: #ff5943;--darkBackground: #1a1a1a}nav+section{display:none}nav+aside{display:none}aside+section{display:none}.furniture-wrapper{background-color:var(--darkBackground);margin:0 -10px;padding:0 10px 4px}@media (min-width: 30em){.furniture-wrapper{margin:0 -20px;padding:0 20px 8px}}@media (min-width: 61.25em){.furniture-wrapper{padding:0 20px}}@media (min-width: 81.25em){.furniture-wrapper:before{content:"";width:calc((100vw - 1298px)/2);height:100%;position:absolute;left:calc((100vw - 1298px)/-2);background-color:var(--darkBackground);border-right:1px solid var(--headerBorderColor)}.furniture-wrapper:after{content:"";width:calc((100vw - 1298px)/2);height:100%;position:absolute;right:calc((100vw - 1298px)/-2);background-color:var(--darkBackground)}}.furniture-wrapper .article-header,.furniture-wrapper [data-gu-name=title] a,.furniture-wrapper [data-gu-name=title] span{color:var(--new-pillar-colour, --darkModeFeature)}@media (min-width: 61.25em){.furniture-wrapper #headline>div:first-child,.furniture-wrapper [data-gu-name=headline]>div:first-child,.furniture-wrapper .headline>div:first-child{border-top:1px solid var(--headerBorderColor)}}.furniture-wrapper #headline h1,.furniture-wrapper [data-gu-name=headline] h1,.furniture-wrapper .headline h1{font-weight:700;color:#dcdcdc}.furniture-wrapper #headline figure,.furniture-wrapper [data-gu-name=headline] figure,.furniture-wrapper .headline figure{margin-top:0;margin-bottom:2px}@media (min-width: 71.25em){.furniture-wrapper #meta:before,.furniture-wrapper [data-gu-name=meta]:before{background-color:var(--headerBorderColor)}}.furniture-wrapper #meta details,.furniture-wrapper #meta summary,.furniture-wrapper #meta summary span,.furniture-wrapper [data-gu-name=meta] details,.furniture-wrapper [data-gu-name=meta] summary,.furniture-wrapper [data-gu-name=meta] summary span{color:#dcdcdc}.furniture-wrapper #meta .meta__social a,.furniture-wrapper #meta .meta__social button,.furniture-wrapper [data-gu-name=meta] .meta__social a,.furniture-wrapper [data-gu-name=meta] .meta__social button{border-color:var(--headerBorderColor);color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta .meta__social a svg,.furniture-wrapper #meta .meta__social button svg,.furniture-wrapper [data-gu-name=meta] .meta__social a svg,.furniture-wrapper [data-gu-name=meta] .meta__social button svg{fill:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta .meta__social a:hover,.furniture-wrapper #meta .meta__social button:hover,.furniture-wrapper [data-gu-name=meta] .meta__social a:hover,.furniture-wrapper [data-gu-name=meta] .meta__social button:hover{color:var(--darkBackground);background-color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta .meta__social a:hover svg,.furniture-wrapper #meta .meta__social button:hover svg,.furniture-wrapper [data-gu-name=meta] .meta__social a:hover svg,.furniture-wrapper [data-gu-name=meta] .meta__social button:hover svg{fill:var(--darkBackground)}.furniture-wrapper #meta div,.furniture-wrapper [data-gu-name=meta] div{color:#dcdcdc}.furniture-wrapper #meta a,.furniture-wrapper [data-gu-name=meta] a{color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta a:hover,.furniture-wrapper [data-gu-name=meta] a:hover{color:var(--new-pillar-colour, --darkModeFeature);text-decoration-color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper .standfirst a,.furniture-wrapper .standfirst li a,.furniture-wrapper #standfirst a,.furniture-wrapper #standfirst li a,.furniture-wrapper [data-gu-name=standfirst] a,.furniture-wrapper [data-gu-name=standfirst] li a{border-bottom:none;color:var(--new-pillar-colour, --darkModeFeature);background-image:none!important;text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--headerBorder, #dcdcdc);text-decoration-thickness:1px}.furniture-wrapper .standfirst a:hover,.furniture-wrapper .standfirst li a:hover,.furniture-wrapper #standfirst a:hover,.furniture-wrapper #standfFirst, list item link hover, furniture wrapper standfirst link hover, and furniture wrapper standfirst list item link hover: remove bottom border and set text decoration color to the new pillar color or dark mode feature.
Furniture wrapper standfirst paragraphs, standfirst paragraphs, and standfirst paragraphs: set text color to #dcdcdc.
At minimum width 61.25em: the first standfirst paragraph gets a top border of 1px solid header border color.
At minimum width 71.25em: the first standfirst paragraph's top border is removed.
Furniture wrapper standfirst list items, standfirst list items, and standfirst list items: set text color to #dcdcdc.
At minimum width 71.25em: the standfirst before pseudo-element gets a background color of header border color.
At minimum width 46.25em: the furniture wrapper before pseudo-element has empty content, full height, top 0, absolute position, dark background color, right border of 1px solid header border color, left offset calculated from viewport width minus scrollbar width minus 738px divided by negative 2, and width calculated from viewport width minus scrollbar width minus 738px divided by 2. The furniture wrapper after pseudo-element has empty content, full height, top 0, absolute position, dark background color, left border of 1px solid header border color, right offset calculated from viewport width minus scrollbar width minus 738px divided by negative 2, and width calculated from viewport width minus scrollbar width minus 738px divided by 2.
At minimum width 61.25em: the furniture wrapper before pseudo-element has empty content, width calculated from viewport width minus scrollbar width minus 978px divided by 2, and left offset calculated from viewport width minus scrollbar width minus 978px divided by negative 2. The furniture wrapper after pseudo-element has empty content, width calculated from viewport width minus scrollbar width minus 978px divided by 2, and right offset calculated from viewport width minus scrollbar width minus 978px divided by negative 2.
At minimum width 71.25em: the furniture wrapper before pseudo-element has empty content, width calculated from viewport width minus scrollbar width minus 1138px divided by 2, and left offset calculated from viewport width minus scrollbar width minus 1138px divided by negative 2. The furniture wrapper after pseudo-element has empty content, width calculated from viewport width minus scrollbar width minus 1138px divided by 2, and right offset calculated from viewport width minus scrollbar width minus 1138px divided by negative 2.
At minimum width 81.25em: the furniture wrapper before pseudo-element has empty content, width calculated from viewport width minus scrollbar width minus 1298px divided by 2, and left offset calculated from viewport width minus scrollbar width minus 1298px divided by negative 2. The furniture wrapper after pseudo-element has empty content, width calculated from viewport width minus scrollbar width minus 1298px divided by 2, and right offset calculated from viewport width minus scrollbar width minus 1298px divided by negative 2.
Furniture wrapper keyline-4 SVG and lines SVG: set stroke to header border color.
Furniture wrapper meta social, meta social list item link span, meta comment, meta social, meta social list item link span, and meta comment: set border color to header border color.
Article body h2 and interactive content body h2: set font weight to 200. If the h2 contains strong, set font weight to 700.
Div with data-print-layout hide ul: remove background image.
Root with data-rendering-target apps: set follow text to #dcdcdc, follow icon fill to new pillar color, standfirst text to #dcdcdc, standfirst link text to new pillar color, standfirst link border to new pillar color, byline to new pillar color, article meta lines to header border color, and byline to dark mode pillar.
Root with data-rendering-target apps byline span: set color to new pillar color.
Root with data-rendering-target apps byline span div that has a following FollowWapper element: set background image to header border color, header border color 1px, and transparent 1px.
At prefers-color-schemeColin Kaepernick은 여전히 매일 아침 4시 30분에 일어나 훈련합니다. "근력 훈련, 스피드 훈련, 포지션 훈련—저는 선수로 뛰던 때와 똑같은 운동을 모두 합니다,"라고 그는 즐겁게 말합니다. "그런 다음 하루의 나머지 일과를 보냅니다." Kaepernick이 마지막으로 최고 수준의 풋볼 경기를 치른 지 거의 10년이 되었습니다. 그의 경력은 정점에 도달하던 순간 갑작스럽고 잔인하게 끝났습니다. 내셔널 풋볼 리그(NFL)가 사실상 결속하여 그가 너무 정치적이라는 이유로 그를 배제한 후였습니다. 이제 38세인 그는 복귀 가능성이 나날이 줄어들고 있음을 알지만, 그 어느 때보다 경기를 할 준비가 되어 있습니다. "저는 그것에 대해 끊임없이 매진합니다,"라고 그는 편안한 말투로 계속합니다. "저는 '내가 통제할 수 있는 것들은 무엇인가?'라는 관점에서 봅니다. 그리고 제가 통제할 수 있다고 아는 것은 기회가 왔을 때 준비되어 있는 것, 그리고 또한 직접 문을 두드리며 방법과 기회를 찾는 것을 계속하는 것입니다… 그저 회복력과 집중력과 규율을 유지하는 것—그것이 제 인생의 이 지점까지 저를 데려온 것입니다."
Kaepernick의 이야기는 2016년 후반에 일어난 일로 정의됩니다. 당시 그는 경기 전 국가 연주에 서기를 반복적으로 거부했고, 이는 경기장에서의 야유, 경기장 밖에서의 모욕과 분노, 그리고 그가 여전히 사랑하는 스포츠에서의 배제로 이어졌습니다. 당시 그는 경기에서 가장 큰 이름 중 하나였습니다. 샌프란시스코 49ers의 쿼터백, 전국적인 유명인, 주요 브랜드의 후원을 받았습니다. 돌이켜보면, 그의 행동은 그 이후 일어난 많은 일에 영향을 주었습니다. 도널드 트럼프의 부상, 흑인 생명 운동(Black Lives Matter) 시위와 인종주의에 대한 세계적인 반성, 그런 다음 현재 "Woke 1.0"이라고 불리는 것에 대한 반발, 그리고 미국이 과거의 일이라고 안일하게 가정했던 백인 민족주의의 부활입니다.
이 모든 과정에서 Kaepernick은 대부분 침묵을 지켰습니다. 그는 언론과 거의 인터뷰하지 않았고 공개 성명을 내지 않았습니다. 왜인지 묻습니다. 분명히 목소리를 내고 싶었던 때가 있었을 것입니다.
"아, 물론이죠,"라고 그는 답합니다. "하지만 저는 다시 생각합니다. 그렇게 함으로써 제가 이루려는 것이 무엇인가?" 모든 거짓말, 나쁜 해석, 비난에 반박하고 싶은 유혹은 컸다고 그는 인정하지만, "2016년 시위 이후, 저를 이 공간에서 일을 하는 유일한 목소리인 것처럼, 이 운동을 단독으로 이끄는 사람인 것처럼 보이게 하려는 많은 움직임과 노력이 있었다는 것을 깨달았습니다. 그리고 그것은 현실이 아닙니다."
직접 만나면 Kaepernick은 친근하고 편안합니다. 뉴욕에 있는 그의 에이전트 사무실에서 화상 통화로 말하고 있습니다(당연히도 그는 자신이 사는 곳이나 시간을 보내는 곳을 밝히기를 좋아하지 않습니다). 인생에서 최악의 순간들에 대해 이야기할 때조차, 90분 대화의 대부분이 그렇지만, 그의 얼굴은 미소를 띠고 그는 금방 웃습니다. 그는 여전히 멋쟁이로 보입니다. 검은 드레스 셔츠, 맨 위 단추를 채웠습니다. 잘 다듬어진 얼굴 털, 그의 풍성한 아프로는 이발 예술의 정원 조각 작품입니다.
Kaepernick이 지금 말하는 이유는 새 회고록이 있기 때문입니다. 《The Perilous Fight》는 그의 성장, 화려한 스포츠 경력, 그리고 인생의 중대한 순간으로 이어지고 그로부터 이어진 사건들을 자세히 다룹니다. 이것은 Kaepernick이 인생의 한 장을 닫는 것이 아니라고 그는 주장합니다. 단지 지금이 목소리를 낼 때라고 느꼈을 뿐입니다. "사회가 있는 곳, 우리가 한 나라로서 있는 곳, 그리고 세계가 향하는 방향을 위해, 일을 계속 앞으로 나아가게 하는 것이 중요합니다." 또한 그는 "10주년이 다가오고 있습니다. 그래서 많은 것들이 자연스럽게 맞아떨어졌습니다."
여러 면에서 2016년 이전에 Kaepernick은 풋볼의 꿈을 살고 있었습니다. 그는 부유했고, 유명했고, 경기에서 가장 큰 스타 중 하나였습니다. 전체 화면으로 이미지 보기. Kaepernick은 경기 전 무릎을 꿇습니다. 2016년 10월, 애리조나 카디널스와의 경기 전에 MediaNews Group/The Mercury News/Getty Images가 촬영했습니다. 그는 자신이 어떤 기념일을 의미하는지 설명할 필요가 없습니다. Kaepernick의 시위는 "미국에서 흑인으로 살아온 평생의 경험"의 결과라고 그는 말합니다. 하지만 당시에는 계획되지 않은 것이기도 했습니다. "그것은 제가 다른 누구와도 논의한 것이 아닙니다. 그것은 개인적인 신념과 확신이었고, 처음에는 아무도 보거나 묻지 않을 것이라고 생각하고 했습니다,"라고 그는 말합니다. 그는 당시 약혼자(현재 아내)인 Nessa Diab에게도 말하지 않았습니다. 처음 세 번 했을 때는 거의 아무도 알아차리지 못했습니다. 2016년 8월 14일 캘리포니아 산타클라라에서 열린 49ers의 프리시즌 경기에서 Kaepernick은 무릎을 꿇지 않았습니다. 그는 경기 전 국가 연주 동안 아이스박스에 그냥 앉아 있었습니다. 그는 부상에서 회복 중이었고 경기 복장을 하지 않아 눈에 띄지 않았습니다. 그는 다음 두 경기에서도 같은 일을 했습니다. 세 번째쯤에는 NFL 네트워크 기자 Steve Wyche(흑인)가 그것을 알아차리고 Kaepernick과 이야기했습니다. Wyche는 또한 Kaepernick이 일년 내내 소셜 미디어에 Malcolm X, Martin Luther King Jr., Muhammad Ali, Black Panther 공동 창립자 Huey P. Newton, Tupac Shakur에 대해 게시해왔다는 것을 알아차렸습니다. 예를 들어 그해 1월에 그는 Dr. King의 인용문을 게시했습니다. "악을 저지르면서 이에 항의하지 않는 사람은 사실상 그 악에 동조하는 것이다." Kaepernick은 확실히 흑인 역사 교육의 여정에 있었습니다. 부분적으로는 Diab 덕분이었습니다. 몇 년 전 그녀는 그에게 Malcolm X의 자서전을 건네며 그가 "영원히
