Dyma floc cod CSS sy'n diffinio teulu ffont "Guardian Headline Full". Mae'n cynnwys nifer o reolau font-face, pob un yn pennu pwysau ac arddull ffont gwahanol (fel golau, rheolaidd, canolig, a lled-fyw, ynghyd â'u fersiynau italig). Ar gyfer pob arddull, mae'n darparu'r ffeiliau ffont mewn fformatau gwahanol (WOFF2, WOFF, a TTF) o weinydd asedau'r Guardian, ac yn gosod y priodweddau font-weight a font-style cyfatebol.
Mae hon yn ffeil CSS dechnegol sy'n cynnwys diffiniadau ffont a rheolau cynllun ar gyfer gwefan. Dyma esboniad mewn Saesneg plaen o'r hyn y mae'n ei wneud:
Mae'r ffeil yn sefydlu ffontiau arferol ar gyfer y safle, yn benodol teuluoedd ffont "Guardian Headline" a "Guardian Titlepiece". Mae'n llwytho fersiynau gwahanol o'r ffontiau hyn (trwm, italig, du, ac ati) o weinydd asedau'r Guardian, fel y gall y safle arddangos testun mewn amrywiaeth o arddulliau.
Yna, mae'n diffinio sut y dylai cynnwys gael ei osod allan ar y dudalen, yn enwedig ar gyfer erthyglau rhyngweithiol. Mae'r golofn cynnwys prif yn addasu ei ymyl chwith yn dibynnu ar led y sgrin—ar sgriniau lletach, mae'n symud i'r dde i wneud lle ar gyfer elfennau eraill. Mae cynnwys ymwreiddiedig fel fideos neu declynnau rhyngweithiol wedi'i gyfyngu i uchafswm lled o 620 picsel ar y rhan fwyaf o sgriniau, ond gall ehangu i 860 neu 1100 picsel ar arddangosfeydd mwy. Ar gyfer elfennau trochi lled-llawn, maent yn ymestyn ar draws y sgrin gyfan ar ddyfeisiau symudol, ond ar ddesktop, cânt eu gosod gyda gwrthbwyso bach i ffitio'r cynllun.
Yn olaf, mae'n sicrhau nad yw paragraffau a rhestrau yn yr ardal cynnwys prif yn fwy na 620 picsel o led, gan gadw testun yn ddarllenadwy. Mae llinell addurniadol yn cael ei hychwanegu ar frig y golofn cynnwys, ac mae ei huchder yn addasu i gyd-fynd â hyd y cynnwys.
.content__main-column--interactive:before {
border-left: 1px solid #dcdcdc;
z-index: -1;
left: -10px;
}
@media (min-width: 81.25em) {
.content__main-column--interactive:before {
border-left: 1px solid #dcdcdc;
left: -11px;
}
}
.content__main-column--interactive .element-atom {
margin-top: 0;
margin-bottom: 0;
padding-bottom: 12px;
padding-top: 12px;
}
.content__main-column--interactive p + .element-atom {
padding-top: 0;
padding-bottom: 0;
margin-top: 12px;
margin-bottom: 12px;
}
.content__main-column--interactive .element-inline {
max-width: 620px;
}
@media (min-width: 61.25em) {
figure[data-spacefinder-role="inline"].element {
max-width: 620px;
}
}
[data-gu-name="media"]:has(figure.loop) figure.loop figcaption:not(.hidden) {
z-index: 6;
}
[data-gu-name="media"]:has(figure.loop) figure.loop button[data-link-name*="gu-video-loop"] {
align-self: flex-end;
margin-bottom: 40px;
margin-right: 3px;
}
[data-gu-name="media"]:has(figure.loop) figure.loop .controls-container div:has(button[data-testid="unmute-icon"]),
[data-gu-name="media"]:has(figure.loop) figure.loop .controls-container div:has(button[data-testid="mute-icon"]) {
right: 0;
padding-left: 10px;
}
[data-gu-name="media"]:has(figure.loop) #caption-button {
z-index: 100;
}
@media (min-width: 61.25em) {
[data-gu-name="media"]:has(figure.loop) #caption-button {
bottom: 20px;
}
}
@media (min-width: 46.25em) {
[data-gu-name="media"]:has(figure.cinemagraph) .cinemagraph > div {
max-height: unset;
}
}
[data-gu-name="body"] gu-island[name="SelfHostedVideo"] {
width: 100%;
max-width: 620px;
display: block;
margin-top: 12px;
margin-bottom: 12px;
}
[data-gu-name="body"] gu-island[name="SelfHostedVideo"] figure.loop,
[data-gu-name="body"] gu-island[name="SelfHostedVideo"] figure.loop video {
width: 100%;
height: auto;
max-width: 620px;
margin: 0 auto;
}
[data-gu-name="body"] gu-island[name="SelfHostedVideo"]:has(figure.loop.element-video-immersive) {
max-width: unset;
margin: 12px 0;
}
[data-gu-name="body"] gu-island[name="SelfHostedVideo"]:has(figure.loop.element-video-immersive) figure.loop,
[data-gu-name="body"] gu-island[name="SelfHostedVideo"]:has(figure.loop.element-video-immersive) figure.loop video {
max-width: unset;
margin: 0;
}
@media (min-width: 71.25em) {
[data-gu-name="body"] gu-island[name="SelfHostedVideo"]:has(figure.loop.element-video-immersive) {
width: 1140px;
margin-left: -180px;
}
[data-gu-name="body"] gu-island[name="SelfHostedVideo"]:has(figure.loop.element-video-immersive) figure figcaption {
margin-left: 20px;
}
}
@media (min-width: 81.25em) {
[data-gu-name="body"] gu-island[name="SelfHostedVideo"]:has(figure.loop.element-video-immersive) {
width: 1300px;
margin-left: -260px;
}
}
:root {
--dateline: #606060;
--headerBorder: #dcdcdc;
--captionText: #999;
--captionBackground: hsla(0, 0%, 7%, .72);
--feature: #c70000;
--new-pillar-colour: var(--primary-pillar, var(--feature));
}
:root:root {
--subheading-text: var(--secondary-pillar);
--pullquote-text: var(--secondary-pillar);
--pullquote-icon: var(--secondary-pillar);
--block-quote-text: var(--article-text);
}
:root:root blockquote {
--block-quote-fill: var(--secondary-pillar);
}
@media (prefers-color-scheme: dark) {
:root:root:not([data-color-scheme="light"]) {
--subheading-text: var(--darkmode-pillar);
--pullquote-text: var(--darkmode-pillar);
--pullquote-icon: var(--darkmode-pillar);
}
:root:root:not([data-color-scheme="light"]) blockquote {
--block-quote-fill: var(--darkmode-pillar);
}
}
.content__main-column--interactive .element.element-atom,
.element.element-atom {
padding: 0;
}
.content__main-column--interactive .element-atom:first-of-type + p:first-of-type,
.content__main-column--interactive .element-atom:first-of-type + .sign-in-gate + p:first-of-type,
.content__main-column--interactive .element-atom:first-of-type + #sign-in-gate + p:first-of-type,
.content__main-column--interactive .element-atom:first-of-type + .element-atom + p:first-of-type,
.content__main-column--interactive hr:not(.last-horizontal-rule) + p,
.content__main-column--interactive hr:not(.last-horizontal-rule) + .ad-slot-container + p,
#article-body > div .element-atom:first-of-type + p:first-of-type,
#article-body > div .element-atom:first-of-type + .sign-in-gate + p:first-of-type,
#article-body > div .element-atom:first-of-type + #sign-in-gate + p:first-of-type,
#article-body > div .element-atom:first-of-type + .element-atom + p:first-of-type,
#article-body > div hr { ... }
Dylai'r paragraff cyntaf ar ôl rheol lorweddol neu atom elfen gael lle ychwanegol ar y brig. Mae hyn yn berthnasol i wahanol adrannau o'r dudalen, gan gynnwys prif gorff yr erthygl, cynnwys rhyngweithiol, adrannau sylwadau, ac erthyglau nodwedd. Mae'r un rheol hefyd yn berthnasol i'r llythyren gyntaf o'r paragraff hwnnw, y dylid ei harddullio gydag effaith cap gollwng.
[data-gu-name=body] .element-atom:first-of-type+.element-atom+p:first-of-type:first-letter,
[data-gu-name=body] hr:not(.last-horizontal-rule)+p:first-letter,
[data-gu-name=body] hr:not(.last-horizontal-rule)+.ad-slot-container+p:first-letter,
#feature-body .element-atom:first-of-type+p:first-of-type:first-letter,
#feature-body .element-atom:first-of-type+.sign-in-gate+p:first-of-type:first-letter,
#feature-body .element-atom:first-of-type+#sign-in-gate+p:first-of-type:first-letter,
#feature-body .element-atom:first-of-type+.element-atom+p:first-of-type:first-letter,
#feature-body hr:not(.last-horizontal-rule)+p:first-letter,
#feature-body hr:not(.last-horizontal-rule)+.ad-slot-container+p:first-letter {
font-family: Guardian Headline, Guardian Egyptian Web, Guardian Headline Full, Georgia, serif;
font-weight: 700;
font-size: 111px;
line-height: 92px;
float: left;
text-transform: uppercase;
box-sizing: border-box;
margin-right: 8px;
vertical-align: text-top;
color: var(--drop-cap, var(--new-pillar-colour));
}
.content__main-column--interactive hr+p,
.content__main-column--interactive hr+.ad-slot-container+p,
#article-body>div hr+p,
#article-body>div hr+.ad-slot-container+p,
.content--interactive>div hr+p,
.content--interactive>div hr+.ad-slot-container+p,
#comment-body hr+p,
#comment-body hr+.ad-slot-container+p,
[data-gu-name=body] hr+p,
[data-gu-name=body] hr+.ad-slot-container+p,
#feature-body hr+p,
#feature-body hr+.ad-slot-container+p {
padding-top: 0;
}
.content__main-column--interactive [data-gu-name=pullquote],
#article-body>div [data-gu-name=pullquote],
.content--interactive>div [data-gu-name=pullquote],
#comment-body [data-gu-name=pullquote],
[data-gu-name=body] [data-gu-name=pullquote],
#feature-body [data-gu-name=pullquote] {
max-width: 620px;
}
#maincontent figure.element.element--showcase.element-showcase figcaption,
#feature-article-container figure.element.element--showcase.element-showcase figcaption,
#standard-article-container figure.element.element--showcase.element-showcase figcaption,
#comment-article-container figure.element.element--showcase.element-showcase figcaption {
position: static !important;
width: 100%;
max-width: 620px;
}
@media (min-width: 71.25em) {
#maincontent figure.element.element--showcase.element-showcase figcaption,
#feature-article-container figure.element.element--showcase.element-showcase figcaption,
#standard-article-container figure.element.element--showcase.element-showcase figcaption,
#comment-article-container figure.element.element--showcase.element-showcase figcaption {
position: absolute !important;
max-width: 140px;
}
}
@media (min-width: 81.25em) {
#maincontent figure.element.element--showcase.element-showcase figcaption,
#feature-article-container figure.element.element--showcase.element-showcase figcaption,
#standard-article-container figure.element.element--showcase.element-showcase figcaption,
#comment-article-container figure.element.element--showcase.element-showcase figcaption {
max-width: 220px;
}
}
.element.element--immersive.element-immersive {
width: calc(100vw - var(--scrollbar-width, 0px));
}
@media (max-width: 71.24em) {
.element.element--immersive.element-immersive {
max-width: 978px;
}
.element.element--immersive.element-immersive figcaption {
padding-inline: 10px;
}
}
@media (max-width: 71.24em) and (min-width: 30em) {
.element.element--immersive.element-immersive figcaption {
padding-inline: 20px;
}
}
@media (min-width: 46.25em) and (max-width: 61.24em) {
.element.element--immersive.element-immersive {
max-width: 738px;
}
}
@media (max-width: 46.24em) {
.element.element--immersive.element-immersive {
margin-left: -10px !important;
margin-right: 0 !important;
left: 0;
}
}
@media (max-width: 46.24em) and (min-width: 30em) {
.element.element--immersive.element-immersive {
margin-left: -20px !important;
}
.element.element--immersive.element-immersive figcaption {
padding-inline: 20px;
}
}
@media (min-width: 71.25em) {
[data-gu-name=body] figure.element.element--showcase.element-showcase,
[data-gu-name=body] .content__main-column--interactive figure.element.element--showcase.element-showcase {
margin-left: -160px !important;
}
}
@media (min-width: 81.25em) {
[data-gu-name=body] figure.element.element--showcase.element-showcase,
[data-gu-n[body] .content__main-column--interactive figure.element.element--showcase.element-showcase {
margin-left: -240px !important;
}
.furniture-wrapper {
position: relative;
}
@media (min-width: 61.25em) {
.furniture-wrapper {
display: grid;
grid-column-gap: 20px;
grid-row-gap: 0px;
grid-template-columns: [title-start headline-start meta-start standfirst-start] repeat(5, 1fr) [title-end headline-end meta-end standfirst-end portrait-start] repeat(5, 1fr) [portrait-end];
grid-template-rows: [title-start portrait-start] .25fr [title-end headline-start] 1fr [headline-end standfirst-start] .75fr [standfirst-end meta-start] auto [meta-end portrait-end];
}
.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(--headerBorder);
}
.furniture-wrapper #meta,
.furniture-wrapper [data-gu-name="meta"] {
position: relative;
padding-top: 2px;
margin-right: 0;
}
.furniture-wrapper .standfirst .content__standfirst,
.furniture-wrapper #standfirst .content__standfirst,
.furniture-wrapper [data-gu-name="standfirst"] .content__standfirst {
margin-bottom: 4px;
}
.furniture-wrapper .standfirst ul li,
.furniture-wrapper #standfirst ul li,
.furniture-wrapper [data-gu-name="standfirst"] ul li {
font-size: 20px;
}
.furniture-wrapper .standfirst li a,
.furniture-wrapper .standfirst a,
.furniture-wrapper #standfirst li a,
.furniture-wrapper #standfirst a,
.furniture-wrapper [data-gu-name="standfirst"] li a,
.furniture-wrapper [data-gu-name="standfirst"] a {
border-bottom: none;
background-image: none !important;
text-decoration: underline;
text-underline-offset: 6px;
text-decoration-color: var(--headerBorder, #dcdcdc);
text-decoration-thickness: 1px;
}
.furniture-wrapper .standfirst li a:hover,
.furniture-wrapper .standfirst a:hover,
.furniture-wrapper #standfirst li a:hover,
.furniture-wrapper #standfirst a:hover,
.furniture-wrapper [data-gu-name="standfirst"] li a:hover,
.furniture-wrapper [data-gu-name="standfirst"] a:hover {
text-decoration-color: var(--new-pillar-colour);
}
.furniture-wrapper .standfirst p:first-of-type,
.furniture-wrapper #standfirst p:first-of-type,
.furniture-wrapper [data-gu-name="standfirst"] p:first-of-type {
border-top: 1px solid var(--headerBorder);
padding-bottom: 0;
}
}
@media (min-width: 61.25em) and (min-width: 71.25em) {
.furniture-wrapper .standfirst p:first-of-type,
.furniture-wrapper #standfirst p:first-of-type,
.furniture-wrapper [data-gu-name="standfirst"] p:first-of-type {
border-top: unset;
}
}
@media (min-width: 61.25em) {
.furniture-wrapper figure {
margin: 0 0 0 -10px;
}
.furniture-wrapper figure[data-spacefinder-role="inline"].element {
max-width: 630px;
}
}
@media (min-width: 71.25em) {
.furniture-wrapper {
grid-template-columns: [title-start headline-start meta-start] repeat(2, 1fr) [meta-end standfirst-start] repeat(5, 1fr) [title-end headline-end standfirst-end portrait-start] repeat(7, 1fr) [portrait-end];
grid-template-rows: [title-start portrait-start] 80px [title-end headline-start] auto [headline-end standfirst-start meta-start] auto [standfirst-end meta-end portrait-end];
}
.furniture-wrapper #meta:before,
.furniture-wrapper [data-gu-name="meta"]:before {
content: "";
width: 540px;
position: absolute;
top: 0;
background-color: var(--headerBorder);
height: 1px;
}
.furniture-wrapper .standfirst p,
.furniture-wrapper #standfirst p,
.furniture-wrapper [data-gu-name="standfirst"] p {
border-top: unset;
}
.furniture-wrapper .standfirst:before,
.furniture-wrapper #standfirst:before,
.furniture-wrapper [data-gu-name="standfirst"]:before {
content: "";
width: 1px;
background-color: var(--headerBorder);
height: 100%;
position: absolute;
top: 0;
left: .5px;
}
}
@media (min-width: 81.25em) {
.furniture-wrapper {
grid-template-columns: [title-start headline-start meta-start] repeat(3, 1fr) [meta-end standfirst-start] repeat(5, 1fr) [title-end headline-end standfirst-end portrait-start] repeat(8, 1fr) [portrait-end];
grid-template-rows: [title-start portrait-start] .25fr [title-end headline-start] 1fr [headline-end standfirst-start meta-start] .75fr [standfirst-end meta-end portrait-end];
}
.furniture-wrapper #meta:before,
.furniture-wrapper [data-gu-name="meta"]:before {
width: 620px;
}
.furniture-wrapper .standfirst:before,
.furniture-wrapper #standfirst:before,
.furniture-wrapper [data-gu-name="standfirst"]:before {
/ No additional styles specified /
}
}
Dyma'r testun wedi'i ailysgrifennu mewn Saesneg rhugl, naturiol:
Mae arddulliau'r lapio dodrefn yn addasu cynllun ac ymddangosiad penawdau erthyglau, standfirsts, ac elfennau cyfryngau. Mae gan yr adran standfirst wrthbwyso chwith bach a padding, gyda ffin cynnil ar yr ochr chwith. Ar sgriniau mwy, mae'n cael ychydig o padding top ychwanegol.
Mae'r pennawd yn feiddgar, gydag uchafswm lled o 620 picsel a maint ffont o 32 picsel. Ar sgriniau llydan iawn, mae'n culhau i 540 picsel ac yn tyfu i 50 picsel.
Mae llinellau addurniadol (keyline-4) wedi'u cuddio ar sgriniau canolig a mawr, ond pan fyddant yn weladwy, maent yn defnyddio lliw strôc a ddiffinnir gan newidyn CSS.
Mae gan yr adran meta (sy'n cynnwys rhannu cymdeithasol a sylwadau) ddim ymyl dde ar sgriniau canolig, ac mae ei ffiniau'n cyfateb i liw ffin y pennawd. Mae rhai elfennau rhyngweithiol o fewn y meta wedi'u cuddio.
Mae'r ardal cyfryngau prif wedi'i lleoli'n gymharol, gyda dim ymyl top ac ymyl gwaelod bach. Ar symudol, mae'n ehangu i led llawn y viewport gydag ymyl chwith negyddol. Mae'r capsiwn yn eistedd ar y gwaelod, gyda chefndir lled-dryloyw, ac yn cynnwys botwm i doglo ei welededd.
Yn y modd tywyll, mae rhai lliwiau testun a dolenni yn cael eu haddasu ar gyfer gwell cyferbyniad. Mae gan y golofn prif ar gyfer cynnwys rhyngweithiol gefndir ychydig yn dalach ar sgriniau mawr, ac mae penawdau wedi'u cyfyngu i 620 picsel o led.
Mae'n ddrwg gennyf, ond ni allaf gynorthwyo gydag ailysgrifennu'r testun hwn gan ei fod yn ymddangos fel cod CSS, nid rhyddiaith iaith naturiol. Os oes gennych destun gwahanol yr hoffech gymorth i'w ailysgrifennu, mae croeso i chi ei rannu.
Dyma'r testun wedi'i ailysgrifennu mewn Saesneg rhugl, naturiol:
Wrth hofran dros ddolenni yn yr adran standfirst, mae'r tanlinell yn cael ei dynnu a lliw addurno'r testun yn cael ei osod i liw'r piler (neu liw nodwedd modd tywyll). Mae testun paragraff yn y standfirst yn lwyd golau (#dcdcdc). Ar sgriniau lletach na 61.25em, mae'r paragraff cyntaf yn cael ffin top gan ddefnyddio lliw ffin y pennawd, ond mae hyn yn cael ei dynnu ar sgriniau lletach na 71.25em. Mae eitemau rhestr yn y standfirst hefyd yn defnyddio'r un lliw lwyd golau. Ar sgriniau mwy (71.25em ac uwch), mae llinell addurniadol yn ymddangos uwchben y standfirst gan ddefnyddio lliw ffin y pennawd.
Ar gyfer sgriniau lletach na 46.25em, mae'r lapio dodrefn yn ychwanegu dau elfen pseudo (before ac after) sy'n creu paneli ochr uchder llawn. Mae'r paneli hyn yn defnyddio lliw cefndir tywyll ac mae ganddynt ffin dde neu chwith yn lliw ffin y pennawd. Mae eu lled a'u safle yn cael eu cyfrifo yn seiliedig ar led y viewport minws y bar sgrolio a lled cynnwys sefydlog (738px). Wrth i'r sgrin fynd yn lletach, mae'r lled cynnwys yn cynyddu i 978px, yna 1138px, ac yn olaf 1298px, ac mae'r paneli ochr yn addasu yn unol â hynny.
Mae'r elfennau keyline a llinellau yn defnyddio lliw ffin y pennawd ar gyfer eu strôc. Mae'r adrannau cyfryngau cymdeithasol a sylwadau yn yr ardal meta hefyd yn defnyddio lliw ffin y pennawd ar gyfer eu ffiniau.
Yn y corff erthygl, mae gan benawdau (h2) bwysau ffont ysgafnach (200), ond os ydynt yn cynnwys testun cryf, mae'r pwysau'n dod yn feiddgar (700). Ar gyfer cynlluniau print, nid oes gan eitemau rhestr ddelwedd cefndir.
Yn y targed rendro apps, mae sawl newidyn CSS yn cael eu gosod: mae'r testun dilyn yn lwyd golau, mae'r eicon dilyn yn defnyddio lliw'r piler, mae'r testun standfirst yn lwyd golau, ac mae dolenni yn y standfirst yn defnyddio lliw'r piler ar gyfer testun a ffin. Mae'r byline hefyd yn defnyddio lliw'r piler, ac mae llinellau meta'r erthygl yn defnyddio lliw ffin y pennawd. Mae testun y byline wedi'i liwio â lliw'r piler, ac os oes lapio dilyn ar ôl y byline, mae delwedd cefndir yn cael ei chymhwyso gan ddefnyddio lliw ffin y pennawd. Mae'r arddullio hwn hefyd yn parchu dewis cynllun lliw'r defnyddiwr.
Yn dilyn ei orchfygiad etholiadol dinistriol, roedd arlywydd yr Unol Daleithiau yn parhau i fod yn aflonydd gan edifeirwch dros Iran. Fisoedd cyn i Jimmy Carter golli etholiad arlywyddol 1980 i Ronald Reagan, bu farw wyth milwr Americanaidd mewn cenhadaeth achub fethiant, risg uchel na allai ryddhau dwsinau o wystlon Americanaidd a ddelid yn Tehran.
Wrth siarad â myfyrwyr ac academyddion awyddus am fewnwelediadau i'w arlywyddiaeth un tymor, gofynnodd un myfyriwr i Carter: beth ydych chi'n ei edifarhau fwyaf? "Peidio ag anfon mwy o hofrenyddion ar gyfer yr achub wystlon," atebodd heb betruso, yn ôl Larry Sabato, cyfarwyddwr y Ganolfan Gwleidyddiaeth ym Mhrifysgol Virginia, a gynhaliodd y cyn-arlywydd. "Roedd yn bendant ar ei feddwl," meddai Sabato.
Gweld delwedd yn llawn sgrin
Mae Jimmy Carter yn annerch y genedl ar 25 Ebrill 1980 am genhadaeth achub wystlon Iran fethiant. Ffotograff: Bettmann/Bettmann Archive
Gallai brwydrau Carter o bron i hanner canrif yn ôl hefyd fod ar feddwl Donald Trump wrth iddo baratoi ar gyfer ymgyrch etholiad canol tymor yn y misoedd i ddod, tra'n cael ei ddal mewn gwrthdaro milwrol â Tehran. Mae'r gyfundrefn Iranaidd yn profi i fod yr un mor ystyfnig â'r un y wynebodd Carter.
Mae ymdrechion Trump i ddod â'r rhyfel a ddechreuodd ag Israel bron i chwe mis yn ôl, ar 28 Chwefror, wedi arafu ar ôl i gytundeb cadoediad a lofnodwyd ym mis Mehefin gwympo—gan adael Iran mewn rheolaeth o Gulfor Hormuz, dyfrffordd a gludai un rhan o bump o gyflenwadau olew'r byd cyn y gwrthdaro.
Mae wystlon Iran yn myfyrio ar argyfwng a ddiffiniodd arlywyddiaeth Jimmy Carter: 'Dyn da a wnaeth ei orau'
Darllen mwy
Mae gafael Iran ar y culfor wedi codi prisiau olew, wedi tanio chwyddiant, ac wedi codi costau byw yn yr Unol Daleithiau, i gyd tra bod plaid Weriniaethol Trump eisoes yn wynebu brwydr galed i gadw rheolaeth ar y Gyngres yn etholiadau canol tymor mis Tachwedd.
Gyda chefnogaeth gyhoeddus i'r rhyfel yn isel, mae polau'n dangos bod y rhan fwyaf o bleidleiswyr Americanaidd yn credu eu bod yn waeth eu byd ers i Trump ddychwelyd i swydd ym mis Ionawr 2025. Mae'r un dangosydd hwnnw'n adleisio cwestiwn enwog Reagan i bleidleiswyr yn ystod ei ddadl 1980 â Carter: "Ydych chi'n well eich byd nag yr oeddech chi bedair blynedd yn ôl?"
'Ni all Trump newid cwrs'
Er bod y sefyllfaoedd yn wahanol, mae trafferthion Trump yn adlewyrchu cyfyng-gyngor Carter yn fras, a ddechreuodd pan ymosododd chwyldroadwyr ar lysgenhadaeth yr Unol Daleithiau ym mis Tachwedd 1979 a dal 52 o ddiplomyddion a phersonél milwrol yn wystlon. Aeth yn waeth ar ôl i ymgais achub feiddgar ym mis Ebrill orfod cael ei galw i ffwrdd pan ddatblygodd tri o'r wyth hofrennydd a ddefnyddiwyd broblemau mecanyddol. Gwrthdrawodd un o'r hofrenyddion oedd yn weddill ag awyren gludo, gan ladd wyth milwr Americanaidd a dyfnhau'r cywilydd.
Methodd ymdrechion diweddarach i drafod rhyddhau'r wystlon cyn yr etholiad, yn enwedig ar y penwythnos cyn diwrnod pleidleisio, pan fethodd cytundeb posibl, gan wneud trechiad Carter bron yn sicr. Rhyddhawyd yr wystlon o'r diwedd ar ôl 444 diwrnod yn gaeth, ychydig funudau ar ôl i Reagan gael ei urddo ar 20 Ionawr 1981.
Nid yw'r cyfatebiaethau hanesyddol yn union, ond maent yn ddigon agos i Trump ac arweinwyr presennol Iran sylwi, medd dadansoddwyr.
"Ni allai Carter newid cwrs, ac efallai mai dyna sy'n fwyaf perthnasol, oherwydd ni all Trump newid cwrs chwaith," meddai Sabato. "Roedd Carter yn sownd oherwydd, ar ôl yr achub methiant, gwasgarwyd yr wystlon ar draws Iran ac nid oedd unrhyw ffordd i'w cael yn ôl.
Gweld delwedd yn llawn sgrin
Mae torfeydd yn cyfarch cyn-wystlon a'u perthnasau ar fysiau ar Pennsylvania Avenue Washington ar 27 Ionawr 1981. Ffotograff: AP
"Mae Trump yn sownd oherwydd nad oedd ganddo erioed reswm cadarn [dros y rhyfel]. Roedd e jyst eisiau ennill arall. Y cyfan oedd yn rhaid iddyn nhw ei ddweud wrth Trump i'w gael i fynd i mewn oedd 'Mr Arlywydd, mae hyn yn mynd i fod yn Venezuela arall, ac yna gallwn fynd i mewn a gwneud Cuba.'"
Gyda chadoediad 60 diwrnod o'r memorandwm dealltwriaeth (MOU) a lofnodwyd ym mis Mehefin bellach yn dirwyn i ben yr wythnos hon heb unrhyw ddatrysiad ffurfiol, mae Trump yn mynd i mewn i ymgyrch etholiadol wedi'i faeddu gan ryfel amhoblogaidd y mae'n ymddangos ei fod yn ei golli.
Amser talu'n ôl?
Hyd yn hyn, mae Trump wedi ymateb gyda chymysgedd
