Ето преводът на текста от английски на български:
Това е блок от CSS код, който дефинира персонализирани шрифтове за уебсайт. Той настройва семейството шрифтове "Guardian Headline Full" с различни стилове и тежести, като light, regular, medium и semibold, всяка с нормални и курсивни версии. Кодът указва откъде да се зареждат файловете с шрифтове, използвайки различни формати като WOFF2, WOFF и TTF за съвместимост между браузърите.Това е блок от CSS код, който дефинира стилове на шрифтове и правила за оформление на уеб страница. Той настройва шрифтовете "Guardian Headline Full" и "Guardian Titlepiece" с различни тежести (bold, black, italic) и формати (woff2, woff, ttf). Също така включва адаптивни правила за дизайн за различни размери на екрана, коригирайки полетата, ширините и позиционирането на елементи като основната колона, атом елементите, showcase елементите и immersive елементите. Кодът осигурява правилно подравняване и мащабиране на различни устройства, със специфични точки на прекъсване при 71.25em и 81.25em за по-големи екрани, и 46.25em за по-малки.
.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] 0.25fr [title-end headline-start] 1fr [headline-end standfirst-start] 0.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: 0.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] 0.25fr [title-end headline-start] 1fr [headline-end standfirst-start meta-start] 0.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 {
/ Няма допълнителни указани стилове /
}
}
Ето преработения текст на естествен английски:
Стиловете на furniture wrapper коригират оформлението и външния вид на заглавните части на статиите, standfirst елементите и медийните елементи. Standfirst елементът има лек отстъп отляво и подложка, с фина линия отляво. На по-големи екрани заглавието е по-голямо и има максимална ширина. Декоративните линии са скрити на по-широки екрани. Мета секцията, която включва социално споделяне и коментари, използва цвят на рамката, който съответства на заглавната част. Някои интерактивни елементи в мета секцията са скрити. Основната медийна зона е позиционирана внимателно, с пълна ширина на по-малки екрани и лек отрицателен отстъп. Надписът е разположен в долната част на медията, с фон и цвят на текста, които се адаптират към темата. Бутонът за надпис е поставен долу вдясно и може да бъде скрит, ако е необходимо. В тъмен режим някои цветове на текста и връзките са коригирани за по-добър контраст. Основната колона за интерактивно съдържание има малко по-висока горна рамка на големи екрани, а заглавията са ограничени по ширина.
Миналата месец стоях в най-голямата фабрика за сладолед във Великобритания и гледах как се прави 5-метрова торта сладолед Viennetta с ментов вкус. Фабриката, собственост на Magnum Ice Cream Company, произвежда девет различни марки сладолед и се намира в огромна сграда в Глостър, където въздухът е гъст от миризмата на крем. На входа си минах покрай секциите Twister и Solero, през облаци от тръпчив плодов аромат, преди да стигна до поточната линия на Viennetta, където всичко миришеше свежо и ментово. Viennetta се изгражда на конвейерна лента от напълно автоматизирана система и гледането как се оформя беше странно хипнотизиращо. На всеки няколко сантиметра дюза, прикрепена към лентата, изпръскваше вълнообразен слой ментов сладолед, след това друга дюза изглаждаше плосък слой ванилия отгоре, последван от пръскане на шоколадов сос, и след това отново вълнообразен ментов слой. Така продължаваше, слой след слой, като готови Viennetta излизаха в края на линията със скорост от 200 торти на всеки 60 секунди.
Кофа с отпадъци, пълна с Viennetta смес, стоеше отстрани на конвейерната лента и се борих със силното желание да потопя пръстите си в нея. По-късно мениджърът по производството на фабриката ми позволи да потопя цялата си ръка в кофата до китката, след което да оближа ръката си над мивка, преди да я измия и да продължа обиколката.
Вижте изображението в цял екран
Конвейерна лента с Viennetta …
Вижте изображението в цял екран
… и Magnum във фабриката за сладолед на компанията
Бях пътувал до фабриката в труден момент за сладоледа. Magnum, която притежава Viennetta, Ben & Jerry's, Solero и Twister, заедно с повечето други сладоледи, които можете да купите от камион за сладолед, отчете спад на продажбите през последното тримесечие на 2025 г. Глобалната индустрия за сладолед струва £85 млрд., а Magnum контролира 20% от нея, така че залозите са високи. През юни Magnum беше най-късаната акция с голяма пазарна капитализация в Европа, като инвеститорите залагаха срещу компанията поради съмнения как сладоледът ще оцелее в ерата на Ozempic. Продажбите на Magnum се повишиха през последното тримесечие, водени от рекордни температури, но цената на акциите остава нестабилна, защото инвеститорите се страхуват, че хората няма да ядат много сладолед в бъдеще, казва пазарният анализатор Дейвид Хейс от инвестиционната банка Jefferies. В САЩ, където един на осем души сега приема GLP-1, продажбите на сладолед са паднали през изминалата година, според фирмата за потребителски проучвания NielsenIQ. Британската индустрия за сладолед изглежда ще сподели същата съдба: 1,6 милиона възрастни във Великобритания са използвали лекарства за отслабване между 2024 и 2025 г., и се очаква този брой да скочи след пускането на второто, много по-евтино хапче за отслабване във Великобритания този месец.
Такива лекарства не са единственият проблем, с който производителите на сладолед трябва да се справят. През последните години, с набиращата сила на уелнес културата, нарастващата мания по протеини и фибри промени начина, по който се храним. Протеинът се рекламира като магическо лекарство за всякакви проблеми: перименопауза, тревожност, желанието за дрямка в 15 часа. Цената на суроватката, жълтеникав, прашен, богат на протеини прах, направен от подсирено мляко, е на рекордно високо глобално ниво, а САЩ са обхванати от недостиг на извара, която е с по-високо съдържание на протеин и по-ниско съдържание на мазнини от нормалното сирене. Търсенето е станало толкова неистово, че хората си разменят конспиративни теории за недостига му онлайн.
Потребителите на GLP-1 ядат по-малко, но им се препоръчва да ядат повече протеини, за да не губят мускулна маса, което създава проблем за индустрията за сладолед. (Twister съдържа само половин грам протеин.) Манията по протеините е станала толкова широко разпространена, че засяга дори тези, които никога не биха взели лекарство за отслабване. В Обединеното кралство един на 40 души сега има подагра, като някои диетолози обвиняват увеличението на мъжете, които прекаляват с протеини, опитвайки се да натрупат мускулна маса. В TikTok фитнес инфлуенсъри пият сурови яйчни белтъци и дори си играят с идеята да ядат кучешка храна заради впечатляващото съотношение протеин към калории. В отговор Magnum създаде нова линия сладоледи и кофички, обогатени с протеини и витамини, които планират да пуснат скоро в Обединеното кралство. Тъй като потребителските вкусове се променят, може ли индустрията за сладолед да намери нови начини да ни изкуши да купуваме техните лакомства?
Няколко дни преди посещението на фабриката отидох в иновационния център на Magnum в Колуърт, Бедфордшър, за да опитам новите им сладоледи, богати на хранителни вещества. Центърът е елегантна поредица от лаборатории със стъклени стени, където учени и готвачи експериментират с нови рецепти. Бях въведен в безупречно чиста демонстрационна кухня и настанен на конферентна маса срещу цветно кодиран модел на човешкия мозък (сладоледът "осветява" различни части от него). Появи се готвач с поднос, на който имаше нещо, което приличаше на червило, но всъщност беше малък червен сладолед, скрит в кутийка за червило.
След като довърших сладоледа—който изядох толкова лакомо, че едва го усетих—Збигнев Левицки, главният директор по изследвания, дизайн и иновации на Magnum, разговаря с мен за някои от първите фабрично произведени сладоледи в Обединеното кралство. Wall's, една от най-старите марки под чадъра на Magnum, започва да продава сладолед от фабрика в Актон, Лондон, през 1922 г. Wall's първоначално е била месарски магазин, но компанията преминава към сладолед като вид летен заместител на колбасите, тъй като месото не се продавало добре в жегата. Улични продавачи на сладолед съществуват в Обединеното кралство от 1850-те години, използвайки каруци, теглени от коне. Но с появата на механичното охлаждане в началото на 20-ти век става възможно масовото производство на сладолед. Когато британските домакинства започват да купуват фризери в края на 70-те, сладоледът навлиза в супермаркетите. През 80-те—които хранителната писателка Руби Тандъ нарече "златния век" на британския сладолед—са изобретени Twister, Viennetta, Calippo и Feast.
"Това място бих сравнил с Джеймс Бонд, когато се връща и казва на своя човек от науката: „Имам нужда от тази химикалка за стрелба.""
Работата на иновационния център е да създава нови сладоледи, които да станат също толкова емблематични, колкото класиките от 80-те. Левицки каза, че една от най-големите промени, които забелязва, е новият фокус върху "здравословните и диетични промени, съчетани с прозрачност." Сега се справят с нов тип потребител, който е много загрижен да знае точно какво има в сладоледа му. "Много хора, особено по-младото поколение, четат етикетите в наши дни," каза той. Левицки е весел, харизматичен мъж и настоя, че индустрията се е променила "предимно в добра посока"—но в гласа му имаше лек нюанс на притеснение, когато говореше за това ново поколение четящи етикети.
Друг поднос се появи до лакътя ми и ми дадоха нов сладолед, който Magnum нарича Hydro:Ice. Читателите на етикети, които проверяват гърба на опаковката на този сладолед, ще намерят дълъг списък от витамини и минерали: витамин C, магнезий и толкова много B2, че свети в тъмното. Готвач ме покани да поставя ръката си със сладоледа в кутия с UV осветление и гледах как сладоледът ми светва в неоново зелено. Мишел Невил, бихевиорист, нает от Magnum, за да разбере потребителите на сладолед, ми разказа профила на клиента на Hydro:Ice. "Те са много фокусирани върху външния си вид," каза тя. "Косата е перфектна, ноктите са перфектни, веждите са перфектни." Hydro:Ice беше пуснат в Ибиса миналото лято с кампания с надслов "Ravers Are Athletes Too." Докато ядях моя, Невил ми показа промоционално видео на слаба жена на бягаща пътека, облизваща сладолед.
Новите предложения включват сладолед, който свети в тъ
