feat(press): add link-only press kit for Meet Student Slovenia 2026
Unlisted MK press kit for media covering the 4 Sept 2026 event: fact sheet, ready-to-quote boilerplate, key messages, downloadable event photos + logos, and info@ contact. Reuses _press.css with new press-kit blocks (one-line hero title, centered CTAs, tightened fact columns, photo download grid). Keep it link-only: add an UNLISTED mechanism to tools/seo_inject.py so the page gets robots=noindex,nofollow on every run and is excluded from sitemap.xml (and not exposed in robots.txt). Without this the pre-commit SEO injector would make the page indexable and list it publicly. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
popovskikandClaude Opus 4.8 committed
1 parent
af97f7144c
commit
9812835d24
3 files changed
+569
No files matched your search
@@ -136,8 +136,164 @@
|
||||
line-height: 26px;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Event press kit (link-only page): /mk/press/meet-student-slovenia-2026/
|
||||
Builds on the shared press styles above; same tokens.
|
||||
========================================================================== */
|
||||
|
||||
/* Keep the hero title on a single line; scale the font so it never overflows.
|
||||
Title is ~19.8x its font-size wide; dividing the available width by 20 keeps
|
||||
it on one line with a little slack, capped at the 40px base size. */
|
||||
.press-kit-page .faq-hero h1 { max-width: none; }
|
||||
@media (min-width: 700px) {
|
||||
.press-kit-page .faq-hero h1 {
|
||||
white-space: nowrap;
|
||||
font-size: min(40px, calc((100vw - 48px) / 20));
|
||||
}
|
||||
}
|
||||
|
||||
/* Hero action buttons + usage line (centered under the centered hero) */
|
||||
.press-kit-actions {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
gap: 12px;
|
||||
margin: 24px 0 14px;
|
||||
}
|
||||
.press-kit-embargo {
|
||||
max-width: 680px;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
color: #475467;
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
}
|
||||
.press-kit-embargo i { color: #2D738C; margin-right: 6px; }
|
||||
|
||||
/* Small fact sheet reused inside the contact card */
|
||||
.press-kit-page .press-logos .press-facts { margin-top: 4px; }
|
||||
|
||||
/* Tighter key/value columns in the press-kit fact sheets */
|
||||
.press-kit-page .press-facts .k { flex: 0 0 32%; }
|
||||
|
||||
/* Ready-to-quote boilerplate block */
|
||||
.press-story {
|
||||
background: #F5FAFB;
|
||||
border: 1px solid #EAECF0;
|
||||
border-radius: 16px;
|
||||
padding: 8px 28px 24px;
|
||||
margin: 0 0 40px;
|
||||
}
|
||||
.press-story p {
|
||||
color: #344054;
|
||||
font-size: 15px;
|
||||
line-height: 27px;
|
||||
margin: 0 0 16px;
|
||||
}
|
||||
.press-story p:last-child { margin-bottom: 0; }
|
||||
|
||||
/* Key messages list */
|
||||
.press-messages {
|
||||
list-style: none;
|
||||
margin: 0 0 40px;
|
||||
padding: 0;
|
||||
display: grid;
|
||||
gap: 12px;
|
||||
}
|
||||
.press-messages li {
|
||||
position: relative;
|
||||
padding: 2px 0 0 32px;
|
||||
color: #344054;
|
||||
font-size: 15px;
|
||||
line-height: 26px;
|
||||
}
|
||||
.press-messages li::before {
|
||||
content: "\f00c"; /* fa-check */
|
||||
font-family: "Font Awesome 6 Free";
|
||||
font-weight: 900;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 2px;
|
||||
color: #2D738C;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
/* Pull-quote for the ready-made statement */
|
||||
.press-quote {
|
||||
margin: 0 0 16px;
|
||||
padding: 20px 26px;
|
||||
border-left: 4px solid #FA7850;
|
||||
background: #FFF5F0;
|
||||
border-radius: 0 12px 12px 0;
|
||||
}
|
||||
.press-quote p {
|
||||
margin: 0 0 10px;
|
||||
color: #101828;
|
||||
font-size: 18px;
|
||||
line-height: 30px;
|
||||
font-style: italic;
|
||||
}
|
||||
.press-quote cite {
|
||||
color: #667085;
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* Downloadable photo grid */
|
||||
.press-photos {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 14px;
|
||||
margin: 0 0 20px;
|
||||
}
|
||||
.photo-dl {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
text-decoration: none;
|
||||
border: 1px solid #EAECF0;
|
||||
border-radius: 12px;
|
||||
overflow: hidden;
|
||||
background: #FFFFFF;
|
||||
transition: box-shadow 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
|
||||
}
|
||||
.photo-dl:hover {
|
||||
border-color: #D0DEE3;
|
||||
box-shadow: 0 6px 16px rgba(16, 24, 40, 0.06);
|
||||
transform: translateY(-1px);
|
||||
}
|
||||
.photo-shot {
|
||||
display: block;
|
||||
aspect-ratio: 3 / 2;
|
||||
background: #F5FAFB;
|
||||
overflow: hidden;
|
||||
}
|
||||
.photo-shot img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
display: block;
|
||||
}
|
||||
.photo-cap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 10px;
|
||||
padding: 12px 14px;
|
||||
}
|
||||
.photo-name { color: #101828; font-size: 14px; font-weight: 600; }
|
||||
.photo-cap i { color: #2D738C; font-size: 14px; }
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.press-grid { grid-template-columns: 1fr; gap: 16px; }
|
||||
.press-card { padding: 22px; }
|
||||
.press-facts .k { flex-basis: 48%; }
|
||||
.press-photos { grid-template-columns: repeat(2, 1fr); }
|
||||
.press-story { padding: 8px 20px 20px; }
|
||||
.press-quote p { font-size: 16px; line-height: 27px; }
|
||||
}
|
||||
|
||||
@media (max-width: 460px) {
|
||||
.press-photos { grid-template-columns: 1fr; }
|
||||
.press-kit-actions .btn { width: 100%; text-align: center; }
|
||||
}
|
||||
Reference in new issue
Block a user