「トランプに会うのを拒否するのは簡単なノーだった」:コリン・キャパニック、膝をついたことで「ブラックボール」されたこと、人種差別、そしてなぜ今もプレーする準備ができているのかについて
@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){インタラクティブ記事のメインコンテンツカラムには、1px solid #dcdcdcの左ボーダーがあり、-10pxに配置され、z-indexは-1です。画面幅が少なくとも81.25emの場合、このボーダーは-11pxに移動します。このカラム内のAtom要素には上下のマージンがなく、上下に12pxのパディングがあります。段落の後にAtom要素が続く場合、パディングは削除され、12pxのマージンに置き換えられます。インライン要素は幅620pxに制限され、画面幅が少なくとも61.25emの場合、インラインフィギュアも最大620pxです。
メディアセクションにループフィギュアが含まれる場合、figcaption(非表示でない限り)はz-index 6になります。ビデオループボタンは下部に配置され、下部マージン40px、右マージン3pxです。ミュートおよびミュート解除コントロールコンテナは右端にあり、左パディング10pxです。キャプションボタンはz-index 100になり、画面幅が少なくとも61.25emの場合、下部から20pxの位置にあります。画面幅が少なくとも46.25emの場合、シネマグラフコンテナには最大高さの制限がありません。
ボディセクションのセルフホストビデオアイランドは全幅で、最大620px、ブロックとして表示され、上下に12pxのマージンがあります。それらのループフィギュアとビデオは全幅で高さは自動、最大620px、中央揃えです。ループフィギュアがイマーシブビデオ要素の場合、最大幅が削除され、マージンは上下12pxになります。画面幅が少なくとも71.25emの場合、イマーシブビデオは幅1140pxに拡大し、左に180pxシフトし、figcaptionは20pxインデントされます。画面幅が少なくとも81.25emの場合、さらに幅1300pxに拡大し、左に260pxシフトします。
ルートはいくつかのカスタムプロパティを定義します:datelineカラー #606060、ヘッダーボーダー #dcdcdc、キャプションテキスト #999、キャプション背景 hsla(0, 0%, 7%, .72)、フィーチャーカラー #c70000、およびプライマリピラーまたはフィーチャーカラーにフォールバックする新しいピラーカラー。小見出しテキスト、プルクォートテキスト、プルクォートアイコンはセカンダリピラーカラーを使用し、ブロッククォートテキストは記事テキストカラーを使用します。ブロッククォートはセカンダリピラーを塗りつぶし色として使用します。ダークモード(カラースキームが明示的にライトに設定されていない限り)では、小見出し、プルクォート、およびそれらのアイコンがダークモードピラーカラーに切り替わり、ブロッククォートはダークモードピラーを塗りつぶしとして使用します。
Atom要素にはパディングがありません。Atom要素がそのタイプの最初で、段落、サインインゲート、別のAtom、または類似の要素が続く場合、または水平罫線(最後のものでない)の後に段落または広告スロットが続く場合、特定のスペーシングルールが適用されます。あなたが提供したテキストはCSSコードであり、散文ではないため、自然な英語版はありません。これはスタイリングルールのセットです:
- さまざまな記事およびコメントコンテナ内で、特定の要素(Atom埋め込み、サインインゲート、水平罫線など)に続く最初の段落に14pxの上部パディングを追加します。
- インタラクティブ記事レイアウトで、同じ段落にドロップキャップスタイル(`:first-letter`経由)を適用します。
必要であれば、このCSSの特定の部分が何をするかを平易な英語で説明できます。それを流暢で自然な英語として書き直すことはできません。それは散文ではなく、CSSコードのブロック(セレクタ、プロパティ、メディアクエリ)です。英語の文に書き直すと意味が変わり、機能が壊れるため、意味を保つことに反します。
必要であれば、以下が可能です:
- このCSSが何をするかを平易な英語で説明する
- CSS自体を再フォーマットまたはクリーンアップする
- 実際の散文の別の箇所を書き直す
どれがよいか教えてください。提供されたテキストはCSSコードであり、散文ではないため、意味を保ちながら流暢で自然な英語に書き直すことはできません。必要であれば、代わりにこのCSSが何をするかを平易な英語で説明できます。ファニチャーラッパーのスタンドファーストには小さな左オフセットがあります。記事ヘッダーでは、ラベルdivに少しの上部パディングがあります。見出しh1はセミボールドに設定され、最大幅620px、フォントサイズ32pxです。より広い画面(少なくとも71.25em)では、最大幅が540pxになり、フォントサイズが50pxに増加します。46.25em以上では、keyline-4およびlines要素に右マージンがなく、61.25em以上では非表示になります。それらのSVGはストロークにヘッダーボーダーカラーを使用します。メタセクションも46.25em以上で右マージンを失います。メタ内のソーシャルおよびコメント要素はボーダーにヘッダーボーダーカラーを使用し、メタコンテナ内のgu-islandは非表示になります。スタンドファーストは左に10pxシフトし、一致するパディングがあり、46.25em以上で2pxの上部パディングがあります。その段落はレギュラーウェイト、20px、下部パディング14pxです。メインメディアエリアは相対配置され、上部マージンがなく、下部マージン2pxで、ポートレートグリッドエリアに配置されます。その内部divは全幅でインラインマージンがありません。61.25em以上では、下部マージンが削除されます。最大46.24emの画面では、スクロールバーを除いたビューポート全幅に広がり、左に10pxシフトします。30emから46.24emの間では、その左シフトが20pxになります。Figcaptionは下部に絶対配置され、CSS変数からのパディングと背景およびテキストカラー、最大幅なし、下部マージンなし、最小高さ46pxです。内部のspanはヘッダーボーダーカラーを使用し、それらのspan内のSVGはそれで塗りつぶされます。最初のspanは非表示で、2番目は最大幅90%で表示されます。30em以上では、figcaptionパディングが増加します。非表示のfigcaptionは不透明度ゼロです。キャプションボタンはブロックレベルで、右下に絶対配置され、円形背景、ボーダーなし、いくつかのパディングがあります。そのSVGはわずかに縮小されます。30em以上では、もう少し右にシフトします。より広い画面では、インタラクティブメインカラムが特定の上部オフセットと高さの疑似要素を取得します。インタラクティブメインカラム内の見出しは最大幅620pxです。ダークモード(明示的にライトに設定されていない場合)では、いくつかのCSS変数が再定義されます:フォローテキスト、フォローアイコン塗りつぶし、スタンドファーストテキスト、スタンドファーストリンクテキストとボーダー、バイラインカラー。ルートはまた、ダークモードピラーにフォールバックする新しいピラーカラー変数を定義します。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 #standf最初、リスト項目リンクホバー、ファニチャーラッパースタンドファーストリンクホバー、およびファニチャーラッパースタンドファーストリスト項目リンクホバー:下部ボーダーを削除し、テキスト装飾色を新しいピラーカラーまたはダークモードフィーチャーに設定します。
ファニチャーラッパースタンドファースト段落、スタンドファースト段落、およびスタンドファースト段落:テキスト色を#dcdcdcに設定します。
最小幅61.25em:最初のスタンドファースト段落に1px solidヘッダーボーダーカラーの上部ボーダーを取得します。
最小幅71.25em:最初のスタンドファースト段落の上部ボーダーが削除されます。
ファニチャーラッパースタンドファーストリスト項目、スタンドファーストリスト項目、およびスタンドファーストリスト項目:テキスト色を#dcdcdcに設定します。
最小幅71.25em:スタンドファーストのbefore疑似要素がヘッダーボーダーカラーの背景色を取得します。
最小幅46.25em:ファニチャーラッパーのbefore疑似要素は空のコンテンツ、全高、top 0、絶対配置、ダーク背景色、1px solidヘッダーボーダーカラーの右ボーダー、ビューポート幅からスクロールバー幅を引いたものから738pxを引いたものを負の2で割った左オフセット、およびビューポート幅からスクロールバー幅を引いたものから738pxを引いたものを2で割った幅を持ちます。ファニチャーラッパーのafter疑似要素は空のコンテンツ、全高、top 0、絶対配置、ダーク背景色、1px solidヘッダーボーダーカラーの左ボーダー、ビューポート幅からスクロールバー幅を引いたものから738pxを引いたものを負の2で割った右オフセット、およびビューポート幅からスクロールバー幅を引いたものから738pxを引いたものを2で割った幅を持ちます。
最小幅61.25em:ファニチャーラッパーのbefore疑似要素は空のコンテンツ、ビューポート幅からスクロールバー幅を引いたものから978pxを引いたものを2で割った幅、およびビューポート幅からスクロールバー幅を引いたものから978pxを引いたものを負の2で割った左オフセットを持ちます。ファニチャーラッパーのafter疑似要素は空のコンテンツ、ビューポート幅からスクロールバー幅を引いたものから978pxを引いたものを2で割った幅、およびビューポート幅からスクロールバー幅を引いたものから978pxを引いたものを負の2で割った右オフセットを持ちます。
最小幅71.25em:ファニチャーラッパーのbefore疑似要素は空のコンテンツ、ビューポート幅からスクロールバー幅を引いたものから1138pxを引いたものを2で割った幅、およびビューポート幅からスクロールバー幅を引いたものから1138pxを引いたものを負の2で割った左オフセットを持ちます。ファニチャーラッパーのafter疑似要素は空のコンテンツ、ビューポート幅からスクロールバー幅を引いたものから1138pxを引いたものを2で割った幅、およびビューポート幅からスクロールバー幅を引いたものから1138pxを引いたものを負の2で割った右オフセットを持ちます。
最小幅81.25em:ファニチャーラッパーのbefore疑似要素は空のコンテンツ、ビューポート幅からスクロールバー幅を引いたものから1298pxを引いたものを2で割った幅、およびビューポート幅からスクロールバー幅を引いたものから1298pxを引いたものを負の2で割った左オフセットを持ちます。ファニチャーラッパーのafter疑似要素は空のコンテンツ、ビューポート幅からスクロールバー幅を引いたものから1298pxを引いたものを2で割った幅、およびビューポート幅からスクロールバー幅を引いたものから1298pxを引いたものを負の2で割った右オフセットを持ちます。
ファニチャーラッパーkeyline-4 SVGおよびlines SVG:ストロークをヘッダーボーダーカラーに設定します。
ファニチャーラッパーメタソーシャル、メタソーシャルリスト項目リンクspan、メタコメント、メタソーシャル、メタソーシャルリスト項目リンクspan、およびメタコメント:ボーダー色をヘッダーボーダーカラーに設定します。
記事本文h2およびインタラクティブコンテンツ本文h2:フォントウェイトを200に設定します。h2にstrongが含まれる場合、フォントウェイトを700に設定します。
data-print-layout hide ulを持つdiv:背景画像を削除します。
data-rendering-target appsを持つルート:フォローテキストを#dcdcdc、フォローアイコン塗りつぶしを新しいピラーカラー、スタンドファーストテキストを#dcdcdc、スタンドファーストリンクテキストを新しいピラーカラー、スタンドファーストリンクボーダーを新しいピラーカラー、バイラインを新しいピラーカラー、記事メタラインをヘッダーボーダーカラー、およびバイラインをダークモードピラーに設定します。
data-rendering-target appsバイラインspanを持つルート:色を新しいピラーカラーに設定します。
data-rendering-target appsバイラインspan divを持ち、その後にFollowWapper要素が続くルート:背景画像をヘッダーボーダーカラー、ヘッダーボーダーカラー1px、および透明1pxに設定します。
prefers-color-schemeでコリン・キャパニックは毎朝4時30分に起きてトレーニングを続けている。「筋力トレーニング、スピードトレーニング、ポジショントレーニング—現役時代と同じワークアウトをすべて続けている」と彼は陽気に言う。「それから一日の残りを過ごすんだ。」キャパニックが最後にトップレベルのフットボールの試合に出場してからほぼ10年になる。彼のキャリアは、ナショナル・フットボール・リーグ(NFL)が事実上結束して、政治的すぎるとして彼を締め出した後、頂点に達しようとしていたまさにその時に、突然かつ残酷に断ち切られた。現在38歳の彼は、復帰の可能性が日ごとに縮まっていることを知っているが、かつてと変わらずプレーできる準備を続けている。「私はそれに容赦なく取り組んでいる」と彼はのんびりとした口調で続ける。「『自分がコントロールできることは何か?』という視点で見ている。そして、自分がコントロールできると分かっているのは、機会が来たときに備えて準備すること、そして自分自身でドアをノックし続け、方法や機会を探すこと…ただ粘り強く、集中力と規律を保ち続けること—それが私を人生のこの地点まで導いてきたものだ。」
キャパニックの物語は、2016年後半に起きたことによって定義されている。彼は試合前の国歌斉唱で立ち上がることを繰り返し拒否し、それがフィールドでのブーイング、フィールド外での侮辱と怒り、そして彼が今も愛するスポーツからの排除につながった。当時、彼はゲーム界最大の名前の一人だった。サンフランシスコ・49ersのクォーターバックで、全国的な有名人であり、大手ブランドのスポンサーがついていた。振り返ると、彼の行動はその後に起きた多くのことにつながった。ドナルド・トランプの台頭、ブラック・ライブズ・マターの抗議と人種差別に対する世界的な清算、そして現在「ウェイク1.0」と呼ばれるものへの反発、そして米国が過去のものだと慢心して想定していた白人民族主義の再興である。
このすべてを通じて、キャパニックはほとんど沈黙を保ってきた。彼はメディアにほとんど語らず、公の声明を出すことを控えてきた。なぜか、と私は尋ねる。きっと声を上げたいと思った時もあったはずだ。
「ああ、もちろん」と彼は答える。「でも、そうすることで何を達成しようとしているのか、というところに戻るんだ。」嘘、悪い解釈、告発のすべてに反論したい誘惑は大きかったと彼は認めるが、「2016年の抗議から出てきて、この空間で仕事をしている唯一の声は自分であり、この運動を単独で率いている人物であるかのように見せかけよう