Ez egy CSS-kĂłdblokk, amely a âGuardian Headline Fullâ betƱtĂpuscsalĂĄdot hatĂĄrozza meg. Több @font-face szabĂĄlyt tartalmaz, amelyek mindegyike mĂĄs-mĂĄs betƱvastagsĂĄgot Ă©s stĂlust ad meg (pĂ©ldĂĄul vilĂĄgos, normĂĄl, közepes Ă©s fĂ©lkövĂ©r, valamint ezek dĆlt vĂĄltozatai). Minden stĂlushoz megadja a betƱfĂĄjlokat kĂŒlönbözĆ formĂĄtumokban (WOFF2, WOFF Ă©s TTF) a Guardian asset-szerverĂ©rĆl, Ă©s beĂĄllĂtja a megfelelĆ font-weight Ă©s font-style tulajdonsĂĄgokat.
Ez egy technikai CSS-fĂĄjl, amely betƱtĂpus-definĂciĂłkat Ă©s elrendezĂ©si szabĂĄlyokat tartalmaz egy weboldalhoz. Ăme a sima angol nyelvƱ magyarĂĄzat arrĂłl, hogy mit csinĂĄl:
A fĂĄjl egyĂ©ni betƱtĂpusokat ĂĄllĂt be az oldalhoz, konkrĂ©tan a âGuardian Headlineâ Ă©s âGuardian Titlepieceâ betƱtĂpuscsalĂĄdokat. Ezeknek a betƱtĂpusoknak kĂŒlönbözĆ vĂĄltozatait tölti be (fĂ©lkövĂ©r, dĆlt, fekete stb.) a Guardian asset-szerverĂ©rĆl, hogy az oldal kĂŒlönbözĆ stĂlusokban tudja megjelenĂteni a szöveget.
EzutĂĄn meghatĂĄrozza, hogyan legyen elrendezve a tartalom az oldalon, kĂŒlönösen az interaktĂv cikkeknĂ©l. A fĆ tartalmi oszlop a bal margĂłjĂĄt a kĂ©pernyĆ szĂ©lessĂ©gĂ©tĆl fĂŒggĆen ĂĄllĂtja be â szĂ©lesebb kĂ©pernyĆkön jobbra tolĂłdik, hogy helyet adjon mĂĄs elemeknek. A beĂĄgyazott tartalmak, mint pĂ©ldĂĄul videĂłk vagy interaktĂv widgetek, a legtöbb kĂ©pernyĆn maximum 620 pixel szĂ©lessĂ©gre vannak korlĂĄtozva, de nagyobb kijelzĆkön 860 vagy 1100 pixelre bĆvĂŒlhetnek. A teljes szĂ©lessĂ©gƱ, magĂĄval ragadĂł elemek mobileszközökön az egĂ©sz kĂ©pernyĆt ĂĄtfogjĂĄk, de asztali gĂ©peken enyhe eltolĂĄssal vannak elhelyezve, hogy illeszkedjenek az elrendezĂ©shez.
VĂ©gĂŒl biztosĂtja, hogy a fĆ tartalmi terĂŒleten lĂ©vĆ bekezdĂ©sek Ă©s listĂĄk ne haladjĂĄk meg a 620 pixel szĂ©lessĂ©get, Ăgy a szöveg olvashatĂł marad. A tartalmi oszlop tetejĂ©re egy dekoratĂv vonal kerĂŒl, amelynek magassĂĄga a tartalom hosszĂĄhoz igazodik.
.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 { ... }
A vĂzszintes vonal vagy elem-atom utĂĄni elsĆ bekezdĂ©snek extra helyet kell kapnia a tetejĂ©n. Ez az oldal kĂŒlönbözĆ szakaszaira vonatkozik, beleĂ©rtve a fĆ cikktestet, az interaktĂv tartalmakat, a hozzĂĄszĂłlĂĄsi szekciĂłkat Ă©s a jellemzĆ cikkeket. Ugyanez a szabĂĄly vonatkozik a bekezdĂ©s elsĆ betƱjĂ©re is, amelyet dĂszes kezdĆbetƱ (drop cap) effektussal kell stilizĂĄlni.
[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 {
/ Nincs tovĂĄbbi stĂlus megadva /
}
}
Itt van az ĂĄtĂrt szöveg gördĂŒlĂ©keny, termĂ©szetes angol nyelven:
A furniture wrapper stĂlusok a cikkfejlĂ©cek, bevezetĆk Ă©s mĂ©diaelemek elrendezĂ©sĂ©t Ă©s megjelenĂ©sĂ©t ĂĄllĂtjĂĄk be. A bevezetĆ szakasznak kis bal oldali eltolĂĄsa Ă©s belsĆ margĂłja van, finom bal oldali szegĂ©llyel. Nagyobb kĂ©pernyĆkön egy kis extra felsĆ belsĆ margĂłt kap.
A cĂmsor fĂ©lkövĂ©r, maximum 620 pixel szĂ©les, Ă©s 32 pixeles betƱmĂ©rettel rendelkezik. Nagyon szĂ©les kĂ©pernyĆkön 540 pixelre szƱkĂŒl, Ă©s 50 pixelre nĆ.
A dekoratĂv vonalak (keyline-4) el vannak rejtve közepes Ă©s nagy kĂ©pernyĆkön, de amikor lĂĄthatĂłak, egy CSS-vĂĄltozĂł ĂĄltal meghatĂĄrozott vonĂĄsszĂnt hasznĂĄlnak.
A meta szakasznak (amely a közössĂ©gi megosztĂĄst Ă©s hozzĂĄszĂłlĂĄsokat tartalmazza) nincs jobb margĂłja közepes kĂ©pernyĆkön, Ă©s a szegĂ©lyei megegyeznek a fejlĂ©c szegĂ©lyĂ©nek szĂnĂ©vel. NĂ©hĂĄny interaktĂv elem a meta szakaszon belĂŒl el van rejtve.
A fĆ mĂ©dia terĂŒlet relatĂv helyzetƱ, nincs felsĆ margĂłja, Ă©s kis alsĂł margĂłval rendelkezik. Mobilon a teljes viewport szĂ©lessĂ©gre bĆvĂŒl negatĂv bal margĂłval. A kĂ©palĂĄĂrĂĄs az aljĂĄn helyezkedik el, ĂĄttetszĆ hĂĄttĂ©rrel, Ă©s tartalmaz egy gombot a lĂĄthatĂłsĂĄgĂĄnak vĂĄltĂĄsĂĄhoz.
SötĂ©t mĂłdban bizonyos szöveg- Ă©s linkszĂnek mĂłdosulnak a jobb kontraszt Ă©rdekĂ©ben. Az interaktĂv tartalom fĆ oszlopĂĄnak kissĂ© magasabb a hĂĄttere nagy kĂ©pernyĆkön, Ă©s a cĂmsorok 620 pixel szĂ©lessĂ©gre vannak korlĂĄtozva.
SajnĂĄlom, de nem tudok segĂteni ennek a szövegnek az ĂĄtĂrĂĄsĂĄban, mert ez CSS-kĂłdnak tƱnik, nem termĂ©szetes nyelvƱ prĂłzĂĄnak. Ha van egy mĂĄsik szövege, amelyet szeretne ĂĄtĂratni, nyugodtan ossza meg velem.
Itt van az ĂĄtĂrt szöveg gördĂŒlĂ©keny, termĂ©szetes angol nyelven:
Amikor a bevezetĆ szakaszban lĂ©vĆ linkekre viszi az egĂ©rmutatĂłt, az alĂĄhĂșzĂĄs eltĂĄvolĂtĂĄsra kerĂŒl, Ă©s a szöveg dekorĂĄciĂłs szĂne a pillĂ©r szĂnĂ©re (vagy sötĂ©t mĂłdĂș funkciĂł szĂnĂ©re) van ĂĄllĂtva. A bevezetĆben lĂ©vĆ bekezdĂ©sszöveg vilĂĄgosszĂŒrke (#dcdcdc). A 61,25em-nĂ©l szĂ©lesebb kĂ©pernyĆkön az elsĆ bekezdĂ©s felsĆ szegĂ©lyt kap a fejlĂ©c szegĂ©lyĂ©nek szĂnĂ©vel, de ez eltĂĄvolĂtĂĄsra kerĂŒl a 71,25em-nĂ©l szĂ©lesebb kĂ©pernyĆkön. A bevezetĆben lĂ©vĆ lista elemek is ugyanazt a vilĂĄgosszĂŒrke szĂnt hasznĂĄljĂĄk. Nagyobb kĂ©pernyĆkön (71,25em Ă©s felette) egy dekoratĂv vonal jelenik meg a bevezetĆ felett a fejlĂ©c szegĂ©lyĂ©nek szĂnĂ©vel.
A 46,25em-nĂ©l szĂ©lesebb kĂ©pernyĆkön a furniture wrapper kĂ©t pszeudo-elemet (before Ă©s after) ad hozzĂĄ, amelyek teljes magassĂĄgĂș oldalsĂł paneleket hoznak lĂ©tre. Ezek a panelek a sötĂ©t hĂĄttĂ©rszĂnt hasznĂĄljĂĄk, Ă©s jobb vagy bal szegĂ©llyel rendelkeznek a fejlĂ©c szegĂ©lyĂ©nek szĂnĂ©ben. A szĂ©lessĂ©gĂŒk Ă©s pozĂciĂłjuk a viewport szĂ©lessĂ©ge mĂnusz a görgetĆsĂĄv Ă©s egy rögzĂtett tartalmi szĂ©lessĂ©g (738px) alapjĂĄn van kiszĂĄmĂtva. Ahogy a kĂ©pernyĆ szĂ©lesebb lesz, a tartalmi szĂ©lessĂ©g 978px-ra, majd 1138px-ra, vĂ©gĂŒl 1298px-ra nĆ, Ă©s az oldalsĂł panelek ennek megfelelĆen igazodnak.
A keyline Ă©s lines elemek a fejlĂ©c szegĂ©lyĂ©nek szĂnĂ©t hasznĂĄljĂĄk a vonĂĄsaikhoz. A közössĂ©gi mĂ©dia Ă©s hozzĂĄszĂłlĂĄsi szakaszok a meta terĂŒleten szintĂ©n a fejlĂ©c szegĂ©lyĂ©nek szĂnĂ©t hasznĂĄljĂĄk a szegĂ©lyeikhez.
A cikk törzsĂ©ben a cĂmsorok (h2) vilĂĄgosabb betƱvastagsĂĄggal (200) rendelkeznek, de ha erĆs szöveget tartalmaznak, a vastagsĂĄg fĂ©lkövĂ©rrĂ© (700) vĂĄlik. NyomtatĂĄsi elrendezĂ©seknĂ©l a lista elemeknek nincs hĂĄttĂ©rkĂ©pĂŒk.
Az alkalmazĂĄsok megjelenĂtĂ©si cĂ©lpontjĂĄban több CSS-vĂĄltozĂł van beĂĄllĂtva: a követĂ©si szöveg vilĂĄgosszĂŒrke, a követĂ©si ikon a pillĂ©r szĂnĂ©t hasznĂĄlja, a bevezetĆ szöveg vilĂĄgosszĂŒrke, Ă©s a bevezetĆben lĂ©vĆ linkek a pillĂ©r szĂnĂ©t hasznĂĄljĂĄk mind a szöveghez, mind a szegĂ©lyhez. A szerzĆi sor is a pillĂ©r szĂnĂ©t hasznĂĄlja, Ă©s a cikk meta vonalai a fejlĂ©c szegĂ©lyĂ©nek szĂnĂ©t hasznĂĄljĂĄk. A szerzĆi sor szövege a pillĂ©r szĂnĂ©vel van szĂnezve, Ă©s ha van követĂ©si wrapper a szerzĆi sor utĂĄn, egy hĂĄttĂ©rkĂ©p kerĂŒl alkalmazĂĄsra a fejlĂ©c szegĂ©lyĂ©nek szĂnĂ©vel. Ez a stĂlus a felhasznĂĄlĂł szĂnösszeĂĄllĂtĂĄsi preferenciĂĄjĂĄt is tiszteletben tartja.
MegalĂĄzĂł vĂĄlasztĂĄsi veresĂ©ge nyomĂĄn az amerikai elnököt tovĂĄbbra is az IrĂĄnnal kapcsolatos megbĂĄnĂĄs gyötörte. HĂłnapokkal azelĆtt, hogy Jimmy Carter elveszĂtette az 1980-as elnökvĂĄlasztĂĄst Ronald Reagan ellen, nyolc amerikai katona halt meg egy kudarcba fulladt, nagy kockĂĄzatĂș mentĆakciĂłban, amely nem tudta kiszabadĂtani a TeherĂĄnban fogva tartott több tucat amerikai tĂșszt.
Miközben olyan diĂĄkokhoz Ă©s akadĂ©mikusokhoz beszĂ©lt, akik kĂvĂĄncsiak voltak egyetlen ciklusos elnöksĂ©gĂ©nek betekintĂ©seire, egy diĂĄk megkĂ©rdezte Cartert: mit bĂĄn a legjobban? âHogy nem kĂŒldtem több helikoptert a tĂșszmentĂ©sreâ â vĂĄlaszolta habozĂĄs nĂ©lkĂŒl Larry Sabato, a Virginiai Egyetem Politikai KözpontjĂĄnak igazgatĂłja szerint, aki hĂĄzigazdĂĄja volt a volt elnöknek. âNagyon foglalkoztatta ez a gondolatâ â mondta Sabato.
KĂ©p megtekintĂ©se teljes kĂ©pernyĆn
Jimmy Carter nemzethez intĂ©zett beszĂ©de 1980. ĂĄprilis 25-Ă©n a sikertelen irĂĄni tĂșszmentĆ akciĂłrĂłl. FotĂł: Bettmann/Bettmann Archive
Carter csaknem fĂ©l Ă©vszĂĄzaddal ezelĆtti kĂŒzdelmei Donald Trump fejĂ©ben is megfordulhatnak, ahogy az elkövetkezĆ hĂłnapokban a fĂ©lidĆs vĂĄlasztĂĄsi kampĂĄnyra kĂ©szĂŒl, miközben katonai patthelyzetbe kerĂŒlt TeherĂĄnnal. Az irĂĄni rezsimrĆl kiderĂŒl, hogy Ă©ppolyan makacs, mint amellyel Carternek kellett szembenĂ©znie.
Trump azon kĂsĂ©rletei, hogy vĂ©get vessen annak a hĂĄborĂșnak, amelyet csaknem hat hĂłnapja, februĂĄr 28-ĂĄn kezdett Izraellel, megtorpantak, miutĂĄn a jĂșniusban alĂĄĂrt tƱzszĂŒneti megĂĄllapodĂĄs felbomlott â Ăgy IrĂĄn ellenĆrzĂ©se alatt tartja a Hormuzi-szorost, azt a vĂzi utat, amely a konfliktus elĆtt a vilĂĄg olajkĂ©szletĂ©nek egyötödĂ©t szĂĄllĂtotta.
IrĂĄn tĂșszai elmĂ©lkednek egy vĂĄlsĂĄgrĂłl, amely meghatĂĄrozta Jimmy Carter elnöksĂ©gĂ©t: âEgy rendes ember, aki a legjobbat hozta ki magĂĄbĂłlâ
Tovåbbi részletek
IrĂĄn szoros feletti ellenĆrzĂ©se felhajtotta az olajĂĄrakat, tĂĄplĂĄlta az inflĂĄciĂłt Ă©s növelte a megĂ©lhetĂ©si költsĂ©geket az EgyesĂŒlt Ăllamokban, miközben Trump RepublikĂĄnus pĂĄrtja mĂĄr Ăgy is nehĂ©z kĂŒzdelem elĆtt ĂĄllt a Kongresszus feletti ellenĆrzĂ©s megtartĂĄsĂĄĂ©rt a novemberi fĂ©lidĆs vĂĄlasztĂĄsokon.
Mivel a hĂĄborĂș irĂĄnti közvĂ©lemĂ©ny-tĂĄmogatĂĄs alacsony, a közvĂ©lemĂ©ny-kutatĂĄsok azt mutatjĂĄk, hogy a legtöbb amerikai szavazĂł Ășgy vĂ©li, rosszabbul Ă©l, amiĂłta Trump 2025 januĂĄrjĂĄban visszatĂ©rt a hivatalĂĄba. Ez az egyetlen mutatĂł Reagan hĂres kĂ©rdĂ©sĂ©t visszhangozza a vĂĄlasztĂłkhoz az 1980-as, Carterrel folytatott vitĂĄjĂĄban: âJobban Ă©l-e, mint nĂ©gy Ă©vvel ezelĆtt?â
âTrump nem tud irĂĄnyt vĂĄltaniâ
BĂĄr a helyzetek kĂŒlönböznek, Trump problĂ©mĂĄi nagyjĂĄbĂłl tĂŒkrözik Carter dilemmĂĄjĂĄt, amely akkor kezdĆdött, amikor forradalmĂĄrok 1979 novemberĂ©ben megrohamoztĂĄk az amerikai nagykövetsĂ©get, Ă©s 52 diplomatĂĄt Ă©s katonai szemĂ©lyzetet ejtettek tĂșszul. A helyzet rosszabbodott, miutĂĄn egy merĂ©sz mentĂ©si kĂsĂ©rletet ĂĄprilisban le kellett ĂĄllĂtani, amikor a bevetett nyolc helikopter közĂŒl hĂĄromnak mechanikai problĂ©mĂĄi tĂĄmadtak. A megmaradt helikopterek egyike összeĂŒtközött egy szĂĄllĂtĂł repĂŒlĆgĂ©ppel, megölve nyolc amerikai katonĂĄt Ă©s elmĂ©lyĂtve a megalĂĄztatĂĄst.
A kĂ©sĆbbi erĆfeszĂtĂ©sek a tĂșszok szabadon engedĂ©sĂ©nek megtĂĄrgyalĂĄsĂĄra a vĂĄlasztĂĄs elĆtt kudarcot vallottak, kĂŒlönösen a szavazĂĄs napja elĆtti hĂ©tvĂ©gĂ©n, amikor egy lehetsĂ©ges megĂĄllapodĂĄs meghiĂșsult, Ăgy Carter veresĂ©ge szinte biztosra vehetĆ volt. A tĂșszokat vĂ©gĂŒl 444 napos fogsĂĄg utĂĄn szabadĂtottĂĄk ki, nĂ©hĂĄny perccel azutĂĄn, hogy Reagant 1981. januĂĄr 20-ĂĄn beiktattĂĄk.
A törtĂ©nelmi pĂĄrhuzamok nem pontosak, de elĂ©g közeliek ahhoz, hogy mind Trump, mind IrĂĄn jelenlegi vezetĆi Ă©szrevegyĂ©k â mondjĂĄk elemzĆk.
âCarter nem tudott irĂĄnyt vĂĄltani, Ă©s talĂĄn ez a leginkĂĄbb relevĂĄns, mert Trump sem tud irĂĄnyt vĂĄltaniâ â mondta Sabato. âCarter beszorult, mert a sikertelen mentĂ©s utĂĄn a tĂșszokat szĂ©tszĂłrtĂĄk IrĂĄn-szerte, Ă©s nem volt mĂłd visszaszerezni Ćket.
KĂ©p megtekintĂ©se teljes kĂ©pernyĆn
Tömegek köszöntik a volt tĂșszokat Ă©s hozzĂĄtartozĂłikat buszokon Washington Pennsylvania Avenue-jĂ©n 1981. januĂĄr 27-Ă©n. FotĂł: AP
âTrump beszorult, mert soha nem volt szilĂĄrd oka [a hĂĄborĂșra]. Csak Ășjabb gyĆzelmet akart. Csak annyit kellett mondaniuk Trumpnak, hogy bemenjen: âElnök Ășr, ez csak egy Ășjabb Venezuela lesz, Ă©s akkor bemehetĂŒnk Ă©s megcsinĂĄlhatjuk KubĂĄt.â
Mivel a jĂșniusban alĂĄĂrt szĂĄndĂ©knyilatkozatbĂłl (MOU) szĂĄrmazĂł 60 napos tƱzszĂŒnet ezen a hĂ©ten lejĂĄr anĂ©lkĂŒl, hogy hivatalos megoldĂĄs szĂŒletett volna, Trump olyan vĂĄlasztĂĄsi kampĂĄnyba tart, amelyet egy nĂ©pszerƱtlen hĂĄborĂș terhel, amelyet lĂĄtszĂłlag veszĂteni lĂĄtszik.
ElszĂĄmolĂĄs ideje?
Trump eddig a fĂ©lĂ©nk meggyĆzĂ©s, a tagadĂĄs Ă©s a fenyegetĆzĆ hencegĂ©s keverĂ©kĂ©vel vĂĄlaszolt.
Augusztus 14-Ă©n a New York-i Garden Cityben, a Nassau County RendĆrakadĂ©miĂĄn megjelenve kisebbĂtette a hĂĄbor