Αυτό είναι ένα μπλοκ κώδικα CSS που ορίζει την οικογένεια γραμματοσειρών "Guardian Headline Full". Περιλαμβάνει πολλούς κανόνες @font-face, καθένας από τους οποίους καθορίζει διαφορετικό βάρος και στυλ γραμματοσειράς (όπως light, regular, medium και semibold, μαζί με τις πλάγιες εκδόσεις τους). Για κάθε στυλ, παρέχει τα αρχεία γραμματοσειράς σε διαφορετικές μορφές (WOFF2, WOFF και TTF) από τον διακομιστή πόρων του Guardian και ορίζει τις αντίστοιχες ιδιότητες font-weight και font-style.
Αυτό είναι ένα τεχνικό αρχείο CSS που περιέχει ορισμούς γραμματοσειρών και κανόνες διάταξης για έναν ιστότοπο. Ορίστε μια εξήγηση σε απλά Αγγλικά για το τι κάνει:
Το αρχείο ρυθμίζει προσαρμοσμένες γραμματοσειρές για τον ιστότοπο, συγκεκριμένα τις οικογένειες γραμματοσειρών "Guardian Headline" και "Guardian Titlepiece". Φορτώνει διαφορετικές εκδόσεις αυτών των γραμματοσειρών (bold, italic, black κ.λπ.) από τον διακομιστή πόρων του Guardian, έτσι ώστε ο ιστότοπος να μπορεί να εμφανίζει κείμενο σε διάφορα στυλ.
Στη συνέχεια, ορίζει πώς θα πρέπει να διατάσσεται το περιεχόμενο στη σελίδα, ιδιαίτερα για διαδραστικά άρθρα. Η κύρια στήλη περιεχομένου προσαρμόζει το αριστερό περιθώριό της ανάλογα με το πλάτος της οθόνης—σε ευρύτερες οθόνες, μετατοπίζεται δεξιά για να κάνει χώρο για άλλα στοιχεία. Το ενσωματωμένο περιεχόμενο, όπως βίντεο ή διαδραστικά γραφικά στοιχεία, περιορίζεται σε μέγιστο πλάτος 620 pixel στις περισσότερες οθόνες, αλλά μπορεί να επεκταθεί στα 860 ή 1100 pixel σε μεγαλύτερες οθόνες. Για καθηλωτικά στοιχεία πλήρους πλάτους, εκτείνονται σε ολόκληρη την οθόνη σε κινητές συσκευές, αλλά σε επιτραπέζιους υπολογιστές, τοποθετούνται με ελαφριές μετατοπίσεις για να ταιριάζουν στη διάταξη.
Τέλος, διασφαλίζει ότι οι παράγραφοι και οι λίστες στην κύρια περιοχή περιεχομένου δεν υπερβαίνουν τα 620 pixel σε πλάτος, διατηρώντας το κείμενο ευανάγνωστο. Μια διακοσμητική γραμμή προστίθεται στην κορυφή της στήλης περιεχομένου και το ύψος της προσαρμόζεται ώστε να ταιριάζει με το μήκος του περιεχομένου.
.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 { ... }
Η πρώτη παράγραφος μετά από μια οριζόντια γραμμή ή ένα στοιχείο άτομο θα πρέπει να έχει επιπλέον χώρο στην κορυφή. Αυτό ισχύει για διάφορα τμήματα της σελίδας, συμπεριλαμβανομένου του κύριου σώματος του άρθρου, του διαδραστικού περιεχομένου, των ενοτήτων σχολίων και των άρθρων χαρακτηριστικών. Ο ίδιος κανόνας ισχύει επίσης για το πρώτο γράμμα αυτής της παραγράφου, το οποίο θα πρέπει να έχει στυλ με εφέ αρχικού γράμματος.
[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 {
/ Δεν έχουν καθοριστεί πρόσθετα στυλ /
}
}
Εδώ είναι το ξαναγραμμένο κείμενο σε άπταιστα, φυσικά Αγγλικά:
Τα στυλ του περιτυλίγματος επίπλων προσαρμόζουν τη διάταξη και την εμφάνιση των επικεφαλίδων άρθρων, των εισαγωγικών και των στοιχείων πολυμέσων. Η ενότητα εισαγωγικού έχει μια μικρή αριστερή μετατόπιση και εσωτερικό περιθώριο, με ένα διακριτικό περίγραμμα στην αριστερή πλευρά. Σε μεγαλύτερες οθόνες, αποκτά λίγο επιπλέον επάνω εσωτερικό περιθώριο.
Η επικεφαλίδα είναι έντονη, με μέγιστο πλάτος 620 pixel και μέγεθος γραμματοσειράς 32 pixel. Σε πολύ ευρείες οθόνες, στενεύει στα 540 pixel και μεγαλώνει στα 50 pixel.
Οι διακοσμητικές γραμμές (keyline-4) είναι κρυμμένες σε μεσαίες και μεγάλες οθόνες, αλλά όταν είναι ορατές, χρησιμοποιούν ένα χρώμα περιγράμματος που ορίζεται από μια μεταβλητή CSS.
Η ενότητα μεταδεδομένων (που περιλαμβάνει την κοινή χρήση στα κοινωνικά δίκτυα και τα σχόλια) δεν έχει δεξί περιθώριο σε μεσαίες οθόνες και τα περιγράμματά της ταιριάζουν με το χρώμα του περιγράμματος της επικεφαλίδας. Ορισμένα διαδραστικά στοιχεία εντός των μεταδεδομένων είναι κρυμμένα.
Η κύρια περιοχή πολυμέσων τοποθετείται σχετικά, χωρίς επάνω περιθώριο και με μικρό κάτω περιθώριο. Σε κινητές συσκευές, επεκτείνεται σε πλήρες πλάτος προβολής με αρνητικό αριστερό περιθώριο. Η λεζάντα βρίσκεται στο κάτω μέρος, με ημιδιαφανές φόντο, και περιλαμβάνει ένα κουμπί για εναλλαγή της ορατότητάς της.
Σε σκούρα λειτουργία, ορισμένα χρώματα κειμένου και συνδέσμων προσαρμόζονται για καλύτερη αντίθεση. Η κύρια στήλη για διαδραστικό περιεχόμενο έχει ένα ελαφρώς ψηλότερο φόντο σε μεγάλες οθόνες και οι επικεφαλίδες περιορίζονται στα 620 pixel πλάτος.
Λυπάμαι, αλλά δεν μπορώ να βοηθήσω με την επεξεργασία αυτού του κειμένου, καθώς φαίνεται να είναι κώδικας CSS, όχι πεζός λόγος. Αν έχετε ένα διαφορετικό κείμενο που θέλετε να ξαναγράψω, μη διστάσετε να το μοιραστείτε.
Εδώ είναι το ξαναγραμμένο κείμενο σε άπταιστα, φυσικά Αγγλικά:
Όταν το ποντίκι αιωρείται πάνω από συνδέσμους στην ενότητα εισαγωγικού, η υπογράμμιση αφαιρείται και το χρώμα διακόσμησης κειμένου ορίζεται στο χρώμα του πυλώνα (ή στο χρώμα χαρακτηριστικών σκούρας λειτουργίας). Το κείμενο παραγράφου στο εισαγωγικό είναι ανοιχτό γκρι (#dcdcdc). Σε οθόνες ευρύτερες από 61.25em, η πρώτη παράγραφος αποκτά επάνω περίγραμμα χρησιμοποιώντας το χρώμα περιγράμματος της επικεφαλίδας, αλλά αυτό αφαιρείται σε οθόνες ευρύτερες από 71.25em. Τα στοιχεία λίστας στο εισαγωγικό χρησιμοποιούν επίσης το ίδιο ανοιχτό γκρι χρώμα. Σε μεγαλύτερες οθόνες (71.25em και άνω), εμφανίζεται μια διακοσμητική γραμμή πάνω από το εισαγωγικό χρησιμοποιώντας το χρώμα περιγράμματος της επικεφαλίδας.
Για οθόνες ευρύτερες από 46.25em, το περιτύλιγμα επίπλων προσθέτει δύο ψευδοστοιχεία (before και after) που δημιουργούν πλευρικά πάνελ πλήρους ύψους. Αυτά τα πάνελ χρησιμοποιούν το σκούρο χρώμα φόντου και έχουν δεξί ή αριστερό περίγραμμα στο χρώμα περιγράμματος της επικεφαλίδας. Το πλάτος και η θέση τους υπολογίζονται με βάση το πλάτος της περιοχής προβολής μείον τη γραμμή κύλισης και ένα σταθερό πλάτος περιεχομένου (738px). Καθώς η οθόνη γίνεται ευρύτερη, το πλάτος περιεχομένου αυξάνεται στα 978px, μετά στα 1138px και τέλος στα 1298px, και τα πλευρικά πάνελ προσαρμόζονται ανάλογα.
Τα στοιχεία keyline και lines χρησιμοποιούν το χρώμα περιγράμματος της επικεφαλίδας για τα περιγράμματά τους. Οι ενότητες κοινωνικών μέσων και σχολίων στην περιοχή μεταδεδομένων χρησιμοποιούν επίσης το χρώμα περιγράμματος της επικεφαλίδας για τα περιγράμματά τους.
Στο σώμα του άρθρου, οι επικεφαλίδες (h2) έχουν ελαφρύτερο βάρος γραμματοσειράς (200), αλλά αν περιέχουν έντονο κείμενο, το βάρος γίνεται έντονο (700). Για διατάξεις εκτύπωσης, τα στοιχεία λίστας δεν έχουν εικόνα φόντου.
Στον στόχο απόδοσης εφαρμογών, ορίζονται αρκετές μεταβλητές CSS: το κείμενο ακολούθησης είναι ανοιχτό γκρι, το εικονίδιο ακολούθησης χρησιμοποιεί το χρώμα του πυλώνα, το κείμενο εισαγωγικού είναι ανοιχτό γκρι και οι σύνδεσμοι στο εισαγωγικό χρησιμοποιούν το χρώμα του πυλώνα τόσο για το κείμενο όσο και για το περίγραμμα. Η υπογραφή χρησιμοποιεί επίσης το χρώμα του πυλώνα και οι γραμμές μεταδεδομένων άρθρου χρησιμοποιούν το χρώμα περιγράμματος της επικεφαλίδας. Το κείμενο υπογραφής χρωματίζεται με το χρώμα του πυλώνα και αν υπάρχει περιτύλιγμα ακολούθησης μετά την υπογραφή, εφαρμόζεται μια εικόνα φόντου χρησιμοποιώντας το χρώμα περιγράμματος της επικεφαλίδας. Αυτό το στυλ σέβεται επίσης την προτίμηση χρωματικού σχήματος του χρήστη.
Μετά τη συντριπτική εκλογική του ήττα, ο πρόεδρος των ΗΠΑ παρέμεινε ταραγμένος από τύψεις για το Ιράν. Μήνες πριν ο Τζίμι Κάρτερ χάσει τις προεδρικές εκλογές του 1980 από τον Ρόναλντ Ρίγκαν, οκτώ Αμερικανοί στρατιωτικοί πέθαναν σε μια αποτυχημένη, υψηλού κινδύνου επιχείρηση διάσωσης που δεν μπόρεσε να ελευθερώσει δεκάδες Αμερικανούς ομήρους που κρατούνταν στην Τεχεράνη.
Ενώ μιλούσε σε φοιτητές και ακαδημαϊκούς που ήθελαν να μάθουν για την προεδρία του ενός θητείας, ένας φοιτητής ρώτησε τον Κάρτερ: τι μετανιώνεις περισσότερο; "Το ότι δεν έστειλα περισσότερα ελικόπτερα για τη διάσωση των ομήρων", απάντησε χωρίς δισταγμό, σύμφωνα με τον Λάρι Σαμπάτο, διευθυντή του Κέντρου Πολιτικής του Πανεπιστημίου της Βιρτζίνια, ο οποίος φιλοξένησε τον πρώην πρόεδρο. "Ήταν πολύ έντονο στο μυαλό του", είπε ο Σαμπάτο.
Προβολή εικόνας σε πλήρη οθόνη
Ο Τζίμι Κάρτερ απευθύνεται στο έθνος στις 25 Απριλίου 1980 για την αποτυχημένη επιχείρηση διάσωσης ομήρων στο Ιράν. Φωτογραφία: Bettmann/Bettmann Archive
Οι αγώνες του Κάρτερ από σχεδόν μισό αιώνα πριν μπορεί να είναι επίσης στο μυαλό του Ντόναλντ Τραμπ καθώς προετοιμάζεται για την προεκλογική εκστρατεία των ενδιάμεσων εκλογών τους επόμενους μήνες, ενώ είναι μπλεγμένος σε μια στρατιωτική αντιπαράθεση με την Τεχεράνη. Το ιρανικό καθεστώς αποδεικνύεται εξίσου πεισματάρικο με εκείνο που αντιμετώπισε ο Κάρτερ.
Οι προσπάθειες του Τραμπ να τερματίσει τον πόλεμο που ξεκίνησε με το Ισραήλ πριν από σχεδόν έξι μήνες, στις 28 Φεβρουαρίου, έχουν σταματήσει αφού μια συμφωνία κατάπαυσης του πυρός που υπογράφηκε τον Ιούνιο κατέρρευσε—αφήνοντας το Ιράν σε έλεγχο του Στενού του Ορμούζ, μιας θαλάσσιας οδού που μετέφερε το ένα πέμπτο των παγκόσμιων προμηθειών πετρελαίου πριν από τη σύγκρουση.
Οι όμηροι του Ιράν αναλογίζονται μια κρίση που καθόρισε την προεδρία του Τζίμι Κάρτερ: 'Ένας καλός άνθρωπος που έκανε το καλύτερο δυνατό'
Διαβάστε περισσότερα
Η λαβή του Ιράν στο στενό έχει ανεβάσει τις τιμές του πετρελαίου, έχει τροφοδοτήσει τον πληθωρισμό και έχει αυξήσει το κόστος ζωής στις ΗΠΑ, ενώ το Ρεπουμπλικανικό κόμμα του Τραμπ αντιμετώπιζε ήδη μια δύσκολη μάχη για να διατηρήσει τον έλεγχο του Κογκρέσου στις ενδιάμεσες εκλογές του Νοεμβρίου.
Με τη δημόσια υποστήριξη για τον πόλεμο να είναι χαμηλή, οι δημοσκοπήσεις δείχνουν ότι οι περισσότεροι Αμερικανοί ψηφοφόροι πιστεύουν ότι είναι σε χειρότερη κατάσταση από τότε που ο Τραμπ επέστρεψε στο
