Detta Àr ett CSS-kodblock som definierar teckensnittsfamiljen "Guardian Headline Full". Det inkluderar flera font-face-regler, som var och en specificerar en annan teckensnittsvikt och stil (sÄsom ljus, vanlig, medium och halvfet, tillsammans med deras kursiva versioner). För varje stil tillhandahÄller den teckensnittsfilerna i olika format (WOFF2, WOFF och TTF) frÄn Guardians tillgÄngsserver, och stÀller in motsvarande font-weight- och font-style-egenskaper.
Detta Àr en teknisk CSS-fil som innehÄller teckensnittsdefinitioner och layoutregler för en webbplats. HÀr Àr en förklaring pÄ vanlig engelska av vad den gör:
Filen stÀller in anpassade teckensnitt för webbplatsen, specifikt teckensnittsfamiljerna "Guardian Headline" och "Guardian Titlepiece". Den laddar olika versioner av dessa teckensnitt (fet, kursiv, svart, etc.) frÄn Guardians tillgÄngsserver, sÄ att webbplatsen kan visa text i olika stilar.
Sedan definierar den hur innehĂ„ll ska lĂ€ggas ut pĂ„ sidan, sĂ€rskilt för interaktiva artiklar. HuvudinnehĂ„llskolumnen justerar sin vĂ€nstermarginal beroende pĂ„ skĂ€rmbreddâpĂ„ bredare skĂ€rmar flyttas den Ă„t höger för att ge plats Ă„t andra element. InbĂ€ddat innehĂ„ll som videor eller interaktiva widgetar begrĂ€nsas till en maximal bredd pĂ„ 620 pixlar pĂ„ de flesta skĂ€rmar, men kan expandera till 860 eller 1100 pixlar pĂ„ större skĂ€rmar. För helbredda immersiva element strĂ€cker de sig över hela skĂ€rmen pĂ„ mobila enheter, men pĂ„ datorer placeras de med smĂ„ förskjutningar för att passa layouten.
Slutligen sÀkerstÀller den att stycken och listor i huvudinnehÄllsomrÄdet inte överstiger 620 pixlar i bredd, vilket hÄller texten lÀsbar. En dekorativ linje lÀggs till överst pÄ innehÄllskolumnen, och dess höjd justeras för att matcha innehÄllets lÀngd.
.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 { ... }
Det första stycket efter en horisontell linje eller ett element-atom ska ha extra utrymme överst. Detta gÀller för olika sektioner av sidan, inklusive huvudartikelkroppen, interaktivt innehÄll, kommentarssektioner och feature-artiklar. Samma regel gÀller ocksÄ för den första bokstaven i det stycket, som ska vara stylad med en drop cap-effekt.
[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 {
/ Inga ytterligare stilar specificerade /
}
}
HÀr Àr den omskrivna texten pÄ flytande, naturlig engelska:
Furniture-wrapper-stilarna justerar layouten och utseendet pÄ artikelrubriker, ingresser och mediaelement. Ingresssektionen har en liten vÀnsterförskjutning och utfyllnad, med en subtil kant pÄ vÀnster sida. PÄ större skÀrmar fÄr den lite extra topputfyllnad.
Rubriken Àr fet, med en maximal bredd pÄ 620 pixlar och en teckenstorlek pÄ 32 pixlar. PÄ mycket breda skÀrmar smalnar den till 540 pixlar och vÀxer till 50 pixlar.
Dekorativa linjer (keyline-4) Àr dolda pÄ medelstora och stora skÀrmar, men nÀr de Àr synliga anvÀnder de en streckfÀrg som definieras av en CSS-variabel.
Meta-sektionen (som inkluderar social delning och kommentarer) har ingen högermarginal pÄ medelstora skÀrmar, och dess kanter matchar rubrikkantens fÀrg. Vissa interaktiva element inom meta Àr dolda.
HuvudmediaomrÄdet Àr placerat relativt, utan toppmarginal och med en liten bottenmarginal. PÄ mobil expanderar det till full viewport-bredd med en negativ vÀnstermarginal. Bildtexten sitter lÀngst ner, med en halvtransparent bakgrund, och inkluderar en knapp för att vÀxla dess synlighet.
I mörkt lÀge justeras vissa text- och lÀnkfÀrger för bÀttre kontrast. Huvudkolumnen för interaktivt innehÄll har en nÄgot högre bakgrund pÄ stora skÀrmar, och rubriker Àr begrÀnsade till 620 pixlar breda.
Jag Àr ledsen, men jag kan inte hjÀlpa till med att skriva om denna text eftersom den verkar vara CSS-kod, inte naturligt sprÄkprosa. Om du har en annan text du vill ha hjÀlp med att skriva om, dela den gÀrna.
HÀr Àr den omskrivna texten pÄ flytande, naturlig engelska:
NÀr man hovrar över lÀnkar i ingresssektionen tas understrykningen bort och textdekorationens fÀrg sÀtts till pelarfÀrgen (eller mörkt lÀge feature-fÀrg). Stycketexten i ingressen Àr ljusgrÄ (#dcdcdc). PÄ skÀrmar bredare Àn 61.25em fÄr det första stycket en toppkant med rubrikkantens fÀrg, men detta tas bort pÄ skÀrmar bredare Àn 71.25em. Listobjekt i ingressen anvÀnder ocksÄ samma ljusgrÄ fÀrg. PÄ större skÀrmar (71.25em och uppÄt) visas en dekorativ linje ovanför ingressen med rubrikkantens fÀrg.
För skÀrmar bredare Àn 46.25em lÀgger furniture-wrapper till tvÄ pseudo-element (before och after) som skapar helhöga sidopaneler. Dessa paneler anvÀnder den mörka bakgrundsfÀrgen och har en höger- eller vÀnsterkant i rubrikkantens fÀrg. Deras bredd och position berÀknas baserat pÄ viewport-bredden minus scrollbaren och en fast innehÄllsbredd (738px). NÀr skÀrmen blir bredare ökar innehÄllsbredden till 978px, sedan 1138px och slutligen 1298px, och sidopanelerna justeras dÀrefter.
Keyline- och lines-elementen anvÀnder rubrikkantens fÀrg för sina streck. Sociala medier- och kommentarsektionerna i meta-omrÄdet anvÀnder ocksÄ rubrikkantens fÀrg för sina kanter.
I artikelkroppen har rubriker (h2) en lÀttare teckensnittsvikt (200), men om de innehÄller stark text blir vikten fet (700). För utskriftslayouter har listobjekt ingen bakgrundsbild.
I apps-renderingsmÄlet stÀlls flera CSS-variabler in: följ-texten Àr ljusgrÄ, följ-ikonen anvÀnder pelarfÀrgen, ingress-texten Àr ljusgrÄ, och lÀnkar i ingressen anvÀnder pelarfÀrgen för bÄde text och kant. Byline anvÀnder ocksÄ pelarfÀrgen, och artikelmeta-linjerna anvÀnder rubrikkantens fÀrg. Byline-texten Àr fÀrgad med pelarfÀrgen, och om det finns en följ-wrapper efter byline appliceras en bakgrundsbild med rubrikkantens fÀrg. Denna styling respekterar ocksÄ anvÀndarens fÀrgschemapreferens.
Efter hans förkrossande valförlust förblev den amerikanska presidenten tyngd av Änger över Iran. MÄnader innan Jimmy Carter förlorade presidentvalet 1980 mot Ronald Reagan, dog Ätta amerikanska soldater i ett misslyckat, högriskrÀddningsuppdrag som inte kunde befria dussintals amerikanska gisslan som hölls i Teheran.
NÀr han talade till studenter och akademiker som var ivriga att fÄ insikter om hans ensamperiod som president, frÄgade en student Carter: vad Ängrar du mest? "Att jag inte skickade fler helikoptrar för gisslanrÀddningen," svarade han utan tvekan, enligt Larry Sabato, direktör för Center for Politics vid University of Virginia, som var vÀrd för den tidigare presidenten. "Det var mycket pÄ hans sinne," sa Sabato.
Visa bild i fullskÀrm
Jimmy Carter talar till nationen den 25 april 1980 om det misslyckade Iran-gisslanrÀddningsuppdraget. Fotografi: Bettmann/Bettmann Archive
Carters kamp frÄn nÀstan ett halvt sekel sedan kan ocksÄ vara pÄ Donald Trumps sinne nÀr han förbereder sig för en mellanÄrsvalskampanj under de kommande mÄnaderna, samtidigt som han Àr indragen i en militÀr konfrontation med Teheran. Den iranska regimen visar sig vara lika envis som den Carter stod inför.
Trumps försök att avsluta kriget han startade med Israel för nĂ€stan sex mĂ„nader sedan, den 28 februari, har stannat av efter att ett eldupphöravtal som undertecknades i juni föll sammanâvilket lĂ€mnade Iran i kontroll över Hormuzsundet, en vattenvĂ€g som transporterade en femtedel av vĂ€rldens oljeförsörjning före konflikten.
Iranska gisslan reflekterar över en kris som definierade Jimmy Carters presidentskap: 'En fin man som gjorde sitt bÀsta'
LĂ€s mer
Irans grepp om sundet har drivit upp oljepriserna, eldat pÄ inflationen och ökat levnadskostnaderna i USA, allt medan Trumps republikanska parti redan stod inför en tuff kamp för att behÄlla kontrollen över kongressen i november mÄnads mellanÄrsval.
Med lÄgt offentligt stöd för kriget visar opinionsundersökningar att de flesta amerikanska vÀljare anser att de har det sÀmre sedan Trump ÄtervÀnde till Àmbetet i januari 2025. Den enda indikatorn ekar Reagans berömda frÄga till vÀljarna under hans debatt 1980 med Carter: "Har du det bÀttre Àn du hade för fyra Är sedan?"
'Trump kan inte Àndra kurs'
Ăven om situationerna skiljer sig Ă„t, speglar Trumps problem i stort Carters dilemma, som började nĂ€r revolutionĂ€rer stormade den amerikanska ambassaden i november 1979 och höll 52 diplomater och militĂ€r personal som gisslan. Det blev vĂ€rre efter att ett vĂ„gat rĂ€ddningsförsök i april var tvungen att avbrytas nĂ€r tre av de Ă„tta utplacerade helikoptrarna utvecklade mekaniska problem. En av de Ă„terstĂ„ende helikoptrarna kolliderade med ett transportflygplan, vilket dödade Ă„tta amerikanska soldater och fördjupade förödmjukelsen.
Senare anstrÀngningar att förhandla fram gisslans frigivning före valet misslyckades, sÀrskilt pÄ helgen före valdagen, nÀr en potentiell överenskommelse föll igenom, vilket gjorde Carters nederlag nÀstan sÀkert. Gisslan frigavs slutligen efter 444 dagar i fÄngenskap, bara minuter efter att Reagan svors in den 20 januari 1981.
De historiska parallellerna Àr inte exakta, men de Àr tillrÀckligt nÀra för att bÄde Trump och Irans nuvarande ledare ska lÀgga mÀrke till dem, sÀger analytiker.
"Carter kunde inte Àndra kurs, och kanske Àr det det mest relevanta, eftersom Trump inte heller kan Àndra kurs," sa Sabato. "Carter var fast eftersom gisslan efter det misslyckade rÀddningsförsöket var utspridda över Iran och det fanns inget sÀtt att fÄ tillbaka dem.
Visa bild i fullskÀrm
Folkmassor hÀlsar tidigare gisslan och deras slÀktingar pÄ bussar pÄ Washingtons Pennsylvania Avenue den 27 januari 1981. Fotografi: AP
"Trump Àr fast eftersom han aldrig hade ett solidt skÀl [för kriget]. Han ville bara ha Ànnu en seger. Allt de behövde sÀga till Trump för att fÄ honom att gÄ in var 'Herr president, det hÀr Àr bara att bli Ànnu ett Venezuela, och sedan kan vi gÄ in och göra Kuba.'"
Med en 60-dagars vapenvila frÄn samförstÄndsavtalet (MOU) som undertecknades i juni nu löper ut denna vecka utan nÄgon formell lösning, gÄr Trump in i en valkampanj tyngd av ett impopulÀrt krig han verkar förlora.
Betaltid?
Hittills har Trump svarat med en blandning av halvhjÀrtad övertalning, förnekelse och hotfullt skryt.
NÀr han dök upp vid Nassau County Police Academy i Garden City, New York, den 14 augusti, tonade han ner krigets inverkan pÄ brÀnslepriserna och ramade in det som nödvÀndigt för att stoppa "ett ont land" frÄn att fÄ en kÀrnvapen. "Kom ihÄg det, nÀr du mÄste betala lite mer, du Àr pÄ $4, det Àr okej," sa han.
I en intervju med Fox News hotade han sedan att "bomba skiten ur" Oman om det "kommer i vÀgen" för anstrÀngningar att avsluta konflikten med Iran. I en meningslös gest som drog iransk hÄn förklarade han ocksÄ Hormuzsundet som "nytt amerikanskt territorium" pÄ sociala medier.
Och under de senaste dagarna har presidenten hotat att slĂ€ppa loss "Ekonomisk krigföring och isolering i en aldrig skĂ„dad skala" mot Iranâutan att ge detaljer om vad det faktiskt kan innebĂ€ra, men vagt varnat lĂ€nder som ger "nĂ„gon typ av livlina" till Teheran att de ocksĂ„ kommer att lida.
Dessa fluktuationer verkar förrĂ„da frustration över bristen pĂ„ livskraftiga alternativâen belĂ€genhet som analytiker förvĂ€ntar sig att Irans ledare ska utnyttja genom att försöka fördjupa Trumps impopularitet nĂ€r mellanĂ„rsvalet nĂ€rmar sig.
Visa bild i fullskÀrm
Ett fartyg ligger förankrat den 16 maj 2026 i Hormuzsundet nÀra Larak Island, Iran. Fotografi: Majid Saeedi/Getty Images
"De Àr fast beslutna att fÄ honom att betala konsekvenserna av att starta detta krig vid mellanÄrsvalet," sa Vali Nasr, Iranexpert och professor i internationella relationer vid Johns Hopkins University.
TillvÀgagÄngssÀttet innebÀr att neka Trump möjligheten att lÀgga kriget pÄ hyllan eller helt enkelt förklara seger.
"Hela poĂ€ngen Iran gör Ă€r att 'Vi kommer inte att lĂ„ta honom bestĂ€mma den typ av ebb och flod i detta krig,'" sa Nasr. "Deras position Ă€r 'Vi har en röst hĂ€r, och vi kommer inte bara att göra det bekvĂ€mt för honom' âŠ"
"De har antytt att de ger honom fyra veckor att gÄ tillbaka till MOU och fullt implementera det, annars kommer de att eskalera. Det betyder en bredare skala av attacker pÄ Gulf-mÄl, fler attacker pÄ amerikanska baser och amerikanska militÀra tillgÄngar. Det Àr exakt motsatsen till att detta blir lÄgmÀlt och försvinner frÄn tidningarnas förstasidor."
Den mer aggressiva iranska hĂ„llningen har signalerats av en nyligen genomförd omskakning i regimens ledarskap, inklusive befordran av Mohsen Rezaeiâen före detta överbefĂ€lhavare för Islamiska revolutionsgardet (IRGC) under större delen av kriget 1980-88 med Irakâtill sekreterare för det mĂ€ktiga Högsta nationella sĂ€kerhetsrĂ„det.
Omskakningen inkluderar ocksÄ utnÀmningen av Hossein Taeb, en hÄrdför prÀst och före detta underrÀttelsechef, som chef för Basij, en frivilligmilis, med uppdrag att förvandla den till en grannskapsövervakningsenhet som ska rota ut inhemsk opposition och upplevd israelisk penetration av det iranska samhÀllet.
'Verkligen inte i en hast'
"Det Àr rÀttvist att sÀga att iranierna har beslutat att de kommer att göra livet mer elÀndigt för Trump pÄ en mÀngd olika sÀtt," sa Mehrzad Bor