start.html: kafel "Wszystkie linki" pod własną nazwą, kafle 2×2
Kafel do /pages/linki.html był już czwarty w rzędzie, ale pod etykietą "Linki do wysłania" — nazwa z ustaleń to "Wszystkie linki". Przy czterech kaflach siatka auto-fit łamała się 3+1 i czwarty zostawał sam w wierszu; minimum kolumny podniesione z 13rem do 16rem układa je 2×2, a na telefonie i tak jest jedna kolumna. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
parent
0d0acdb3a4
commit
10384662b4
|
|
@ -389,7 +389,7 @@ body.wide { max-width: 72rem; }
|
||||||
.tiles { margin: 1.25rem 0 2rem; display: grid; gap: .75rem; }
|
.tiles { margin: 1.25rem 0 2rem; display: grid; gap: .75rem; }
|
||||||
.regions { margin: .6rem 0 0; display: grid; gap: .5rem; }
|
.regions { margin: .6rem 0 0; display: grid; gap: .5rem; }
|
||||||
@media (min-width: 34rem) {
|
@media (min-width: 34rem) {
|
||||||
.tiles { grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); }
|
.tiles { grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); }
|
||||||
.regions { grid-template-columns: repeat(2, 1fr); }
|
.regions { grid-template-columns: repeat(2, 1fr); }
|
||||||
}
|
}
|
||||||
.tiles a, .regions a { display: block; border: 1px solid var(--line); border-radius: 10px;
|
.tiles a, .regions a { display: block; border: 1px solid var(--line); border-radius: 10px;
|
||||||
|
|
@ -1069,7 +1069,7 @@ TILES = [
|
||||||
("/viz.html", "Graf powiązań",
|
("/viz.html", "Graf powiązań",
|
||||||
"Struktura bazy wiedzy — koncepty, linki między nimi i adresy "
|
"Struktura bazy wiedzy — koncepty, linki między nimi i adresy "
|
||||||
"zewnętrzne. Załącznik, nie punkt wejścia."),
|
"zewnętrzne. Załącznik, nie punkt wejścia."),
|
||||||
("/pages/linki.html", "Linki do wysłania",
|
("/pages/linki.html", "Wszystkie linki",
|
||||||
"Pełne adresy wszystkich stron wystawki, z przyciskiem „kopiuj” — "
|
"Pełne adresy wszystkich stron wystawki, z przyciskiem „kopiuj” — "
|
||||||
"do wrzucenia grupie."),
|
"do wrzucenia grupie."),
|
||||||
]
|
]
|
||||||
|
|
|
||||||
|
|
@ -64,7 +64,7 @@ body.wide { max-width: 72rem; }
|
||||||
.tiles { margin: 1.25rem 0 2rem; display: grid; gap: .75rem; }
|
.tiles { margin: 1.25rem 0 2rem; display: grid; gap: .75rem; }
|
||||||
.regions { margin: .6rem 0 0; display: grid; gap: .5rem; }
|
.regions { margin: .6rem 0 0; display: grid; gap: .5rem; }
|
||||||
@media (min-width: 34rem) {
|
@media (min-width: 34rem) {
|
||||||
.tiles { grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); }
|
.tiles { grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); }
|
||||||
.regions { grid-template-columns: repeat(2, 1fr); }
|
.regions { grid-template-columns: repeat(2, 1fr); }
|
||||||
}
|
}
|
||||||
.tiles a, .regions a { display: block; border: 1px solid var(--line); border-radius: 10px;
|
.tiles a, .regions a { display: block; border: 1px solid var(--line); border-radius: 10px;
|
||||||
|
|
|
||||||
|
|
@ -64,7 +64,7 @@ body.wide { max-width: 72rem; }
|
||||||
.tiles { margin: 1.25rem 0 2rem; display: grid; gap: .75rem; }
|
.tiles { margin: 1.25rem 0 2rem; display: grid; gap: .75rem; }
|
||||||
.regions { margin: .6rem 0 0; display: grid; gap: .5rem; }
|
.regions { margin: .6rem 0 0; display: grid; gap: .5rem; }
|
||||||
@media (min-width: 34rem) {
|
@media (min-width: 34rem) {
|
||||||
.tiles { grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); }
|
.tiles { grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); }
|
||||||
.regions { grid-template-columns: repeat(2, 1fr); }
|
.regions { grid-template-columns: repeat(2, 1fr); }
|
||||||
}
|
}
|
||||||
.tiles a, .regions a { display: block; border: 1px solid var(--line); border-radius: 10px;
|
.tiles a, .regions a { display: block; border: 1px solid var(--line); border-radius: 10px;
|
||||||
|
|
|
||||||
|
|
@ -64,7 +64,7 @@ body.wide { max-width: 72rem; }
|
||||||
.tiles { margin: 1.25rem 0 2rem; display: grid; gap: .75rem; }
|
.tiles { margin: 1.25rem 0 2rem; display: grid; gap: .75rem; }
|
||||||
.regions { margin: .6rem 0 0; display: grid; gap: .5rem; }
|
.regions { margin: .6rem 0 0; display: grid; gap: .5rem; }
|
||||||
@media (min-width: 34rem) {
|
@media (min-width: 34rem) {
|
||||||
.tiles { grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); }
|
.tiles { grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); }
|
||||||
.regions { grid-template-columns: repeat(2, 1fr); }
|
.regions { grid-template-columns: repeat(2, 1fr); }
|
||||||
}
|
}
|
||||||
.tiles a, .regions a { display: block; border: 1px solid var(--line); border-radius: 10px;
|
.tiles a, .regions a { display: block; border: 1px solid var(--line); border-radius: 10px;
|
||||||
|
|
|
||||||
|
|
@ -64,7 +64,7 @@ body.wide { max-width: 72rem; }
|
||||||
.tiles { margin: 1.25rem 0 2rem; display: grid; gap: .75rem; }
|
.tiles { margin: 1.25rem 0 2rem; display: grid; gap: .75rem; }
|
||||||
.regions { margin: .6rem 0 0; display: grid; gap: .5rem; }
|
.regions { margin: .6rem 0 0; display: grid; gap: .5rem; }
|
||||||
@media (min-width: 34rem) {
|
@media (min-width: 34rem) {
|
||||||
.tiles { grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); }
|
.tiles { grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); }
|
||||||
.regions { grid-template-columns: repeat(2, 1fr); }
|
.regions { grid-template-columns: repeat(2, 1fr); }
|
||||||
}
|
}
|
||||||
.tiles a, .regions a { display: block; border: 1px solid var(--line); border-radius: 10px;
|
.tiles a, .regions a { display: block; border: 1px solid var(--line); border-radius: 10px;
|
||||||
|
|
|
||||||
|
|
@ -64,7 +64,7 @@ body.wide { max-width: 72rem; }
|
||||||
.tiles { margin: 1.25rem 0 2rem; display: grid; gap: .75rem; }
|
.tiles { margin: 1.25rem 0 2rem; display: grid; gap: .75rem; }
|
||||||
.regions { margin: .6rem 0 0; display: grid; gap: .5rem; }
|
.regions { margin: .6rem 0 0; display: grid; gap: .5rem; }
|
||||||
@media (min-width: 34rem) {
|
@media (min-width: 34rem) {
|
||||||
.tiles { grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); }
|
.tiles { grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); }
|
||||||
.regions { grid-template-columns: repeat(2, 1fr); }
|
.regions { grid-template-columns: repeat(2, 1fr); }
|
||||||
}
|
}
|
||||||
.tiles a, .regions a { display: block; border: 1px solid var(--line); border-radius: 10px;
|
.tiles a, .regions a { display: block; border: 1px solid var(--line); border-radius: 10px;
|
||||||
|
|
|
||||||
|
|
@ -64,7 +64,7 @@ body.wide { max-width: 72rem; }
|
||||||
.tiles { margin: 1.25rem 0 2rem; display: grid; gap: .75rem; }
|
.tiles { margin: 1.25rem 0 2rem; display: grid; gap: .75rem; }
|
||||||
.regions { margin: .6rem 0 0; display: grid; gap: .5rem; }
|
.regions { margin: .6rem 0 0; display: grid; gap: .5rem; }
|
||||||
@media (min-width: 34rem) {
|
@media (min-width: 34rem) {
|
||||||
.tiles { grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); }
|
.tiles { grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); }
|
||||||
.regions { grid-template-columns: repeat(2, 1fr); }
|
.regions { grid-template-columns: repeat(2, 1fr); }
|
||||||
}
|
}
|
||||||
.tiles a, .regions a { display: block; border: 1px solid var(--line); border-radius: 10px;
|
.tiles a, .regions a { display: block; border: 1px solid var(--line); border-radius: 10px;
|
||||||
|
|
|
||||||
|
|
@ -64,7 +64,7 @@ body.wide { max-width: 72rem; }
|
||||||
.tiles { margin: 1.25rem 0 2rem; display: grid; gap: .75rem; }
|
.tiles { margin: 1.25rem 0 2rem; display: grid; gap: .75rem; }
|
||||||
.regions { margin: .6rem 0 0; display: grid; gap: .5rem; }
|
.regions { margin: .6rem 0 0; display: grid; gap: .5rem; }
|
||||||
@media (min-width: 34rem) {
|
@media (min-width: 34rem) {
|
||||||
.tiles { grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); }
|
.tiles { grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); }
|
||||||
.regions { grid-template-columns: repeat(2, 1fr); }
|
.regions { grid-template-columns: repeat(2, 1fr); }
|
||||||
}
|
}
|
||||||
.tiles a, .regions a { display: block; border: 1px solid var(--line); border-radius: 10px;
|
.tiles a, .regions a { display: block; border: 1px solid var(--line); border-radius: 10px;
|
||||||
|
|
|
||||||
|
|
@ -64,7 +64,7 @@ body.wide { max-width: 72rem; }
|
||||||
.tiles { margin: 1.25rem 0 2rem; display: grid; gap: .75rem; }
|
.tiles { margin: 1.25rem 0 2rem; display: grid; gap: .75rem; }
|
||||||
.regions { margin: .6rem 0 0; display: grid; gap: .5rem; }
|
.regions { margin: .6rem 0 0; display: grid; gap: .5rem; }
|
||||||
@media (min-width: 34rem) {
|
@media (min-width: 34rem) {
|
||||||
.tiles { grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); }
|
.tiles { grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); }
|
||||||
.regions { grid-template-columns: repeat(2, 1fr); }
|
.regions { grid-template-columns: repeat(2, 1fr); }
|
||||||
}
|
}
|
||||||
.tiles a, .regions a { display: block; border: 1px solid var(--line); border-radius: 10px;
|
.tiles a, .regions a { display: block; border: 1px solid var(--line); border-radius: 10px;
|
||||||
|
|
|
||||||
|
|
@ -64,7 +64,7 @@ body.wide { max-width: 72rem; }
|
||||||
.tiles { margin: 1.25rem 0 2rem; display: grid; gap: .75rem; }
|
.tiles { margin: 1.25rem 0 2rem; display: grid; gap: .75rem; }
|
||||||
.regions { margin: .6rem 0 0; display: grid; gap: .5rem; }
|
.regions { margin: .6rem 0 0; display: grid; gap: .5rem; }
|
||||||
@media (min-width: 34rem) {
|
@media (min-width: 34rem) {
|
||||||
.tiles { grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); }
|
.tiles { grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); }
|
||||||
.regions { grid-template-columns: repeat(2, 1fr); }
|
.regions { grid-template-columns: repeat(2, 1fr); }
|
||||||
}
|
}
|
||||||
.tiles a, .regions a { display: block; border: 1px solid var(--line); border-radius: 10px;
|
.tiles a, .regions a { display: block; border: 1px solid var(--line); border-radius: 10px;
|
||||||
|
|
|
||||||
|
|
@ -64,7 +64,7 @@ body.wide { max-width: 72rem; }
|
||||||
.tiles { margin: 1.25rem 0 2rem; display: grid; gap: .75rem; }
|
.tiles { margin: 1.25rem 0 2rem; display: grid; gap: .75rem; }
|
||||||
.regions { margin: .6rem 0 0; display: grid; gap: .5rem; }
|
.regions { margin: .6rem 0 0; display: grid; gap: .5rem; }
|
||||||
@media (min-width: 34rem) {
|
@media (min-width: 34rem) {
|
||||||
.tiles { grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); }
|
.tiles { grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); }
|
||||||
.regions { grid-template-columns: repeat(2, 1fr); }
|
.regions { grid-template-columns: repeat(2, 1fr); }
|
||||||
}
|
}
|
||||||
.tiles a, .regions a { display: block; border: 1px solid var(--line); border-radius: 10px;
|
.tiles a, .regions a { display: block; border: 1px solid var(--line); border-radius: 10px;
|
||||||
|
|
|
||||||
|
|
@ -64,7 +64,7 @@ body.wide { max-width: 72rem; }
|
||||||
.tiles { margin: 1.25rem 0 2rem; display: grid; gap: .75rem; }
|
.tiles { margin: 1.25rem 0 2rem; display: grid; gap: .75rem; }
|
||||||
.regions { margin: .6rem 0 0; display: grid; gap: .5rem; }
|
.regions { margin: .6rem 0 0; display: grid; gap: .5rem; }
|
||||||
@media (min-width: 34rem) {
|
@media (min-width: 34rem) {
|
||||||
.tiles { grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); }
|
.tiles { grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); }
|
||||||
.regions { grid-template-columns: repeat(2, 1fr); }
|
.regions { grid-template-columns: repeat(2, 1fr); }
|
||||||
}
|
}
|
||||||
.tiles a, .regions a { display: block; border: 1px solid var(--line); border-radius: 10px;
|
.tiles a, .regions a { display: block; border: 1px solid var(--line); border-radius: 10px;
|
||||||
|
|
|
||||||
|
|
@ -64,7 +64,7 @@ body.wide { max-width: 72rem; }
|
||||||
.tiles { margin: 1.25rem 0 2rem; display: grid; gap: .75rem; }
|
.tiles { margin: 1.25rem 0 2rem; display: grid; gap: .75rem; }
|
||||||
.regions { margin: .6rem 0 0; display: grid; gap: .5rem; }
|
.regions { margin: .6rem 0 0; display: grid; gap: .5rem; }
|
||||||
@media (min-width: 34rem) {
|
@media (min-width: 34rem) {
|
||||||
.tiles { grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); }
|
.tiles { grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); }
|
||||||
.regions { grid-template-columns: repeat(2, 1fr); }
|
.regions { grid-template-columns: repeat(2, 1fr); }
|
||||||
}
|
}
|
||||||
.tiles a, .regions a { display: block; border: 1px solid var(--line); border-radius: 10px;
|
.tiles a, .regions a { display: block; border: 1px solid var(--line); border-radius: 10px;
|
||||||
|
|
|
||||||
|
|
@ -64,7 +64,7 @@ body.wide { max-width: 72rem; }
|
||||||
.tiles { margin: 1.25rem 0 2rem; display: grid; gap: .75rem; }
|
.tiles { margin: 1.25rem 0 2rem; display: grid; gap: .75rem; }
|
||||||
.regions { margin: .6rem 0 0; display: grid; gap: .5rem; }
|
.regions { margin: .6rem 0 0; display: grid; gap: .5rem; }
|
||||||
@media (min-width: 34rem) {
|
@media (min-width: 34rem) {
|
||||||
.tiles { grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); }
|
.tiles { grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); }
|
||||||
.regions { grid-template-columns: repeat(2, 1fr); }
|
.regions { grid-template-columns: repeat(2, 1fr); }
|
||||||
}
|
}
|
||||||
.tiles a, .regions a { display: block; border: 1px solid var(--line); border-radius: 10px;
|
.tiles a, .regions a { display: block; border: 1px solid var(--line); border-radius: 10px;
|
||||||
|
|
|
||||||
|
|
@ -64,7 +64,7 @@ body.wide { max-width: 72rem; }
|
||||||
.tiles { margin: 1.25rem 0 2rem; display: grid; gap: .75rem; }
|
.tiles { margin: 1.25rem 0 2rem; display: grid; gap: .75rem; }
|
||||||
.regions { margin: .6rem 0 0; display: grid; gap: .5rem; }
|
.regions { margin: .6rem 0 0; display: grid; gap: .5rem; }
|
||||||
@media (min-width: 34rem) {
|
@media (min-width: 34rem) {
|
||||||
.tiles { grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); }
|
.tiles { grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); }
|
||||||
.regions { grid-template-columns: repeat(2, 1fr); }
|
.regions { grid-template-columns: repeat(2, 1fr); }
|
||||||
}
|
}
|
||||||
.tiles a, .regions a { display: block; border: 1px solid var(--line); border-radius: 10px;
|
.tiles a, .regions a { display: block; border: 1px solid var(--line); border-radius: 10px;
|
||||||
|
|
|
||||||
|
|
@ -64,7 +64,7 @@ body.wide { max-width: 72rem; }
|
||||||
.tiles { margin: 1.25rem 0 2rem; display: grid; gap: .75rem; }
|
.tiles { margin: 1.25rem 0 2rem; display: grid; gap: .75rem; }
|
||||||
.regions { margin: .6rem 0 0; display: grid; gap: .5rem; }
|
.regions { margin: .6rem 0 0; display: grid; gap: .5rem; }
|
||||||
@media (min-width: 34rem) {
|
@media (min-width: 34rem) {
|
||||||
.tiles { grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); }
|
.tiles { grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); }
|
||||||
.regions { grid-template-columns: repeat(2, 1fr); }
|
.regions { grid-template-columns: repeat(2, 1fr); }
|
||||||
}
|
}
|
||||||
.tiles a, .regions a { display: block; border: 1px solid var(--line); border-radius: 10px;
|
.tiles a, .regions a { display: block; border: 1px solid var(--line); border-radius: 10px;
|
||||||
|
|
|
||||||
|
|
@ -64,7 +64,7 @@ body.wide { max-width: 72rem; }
|
||||||
.tiles { margin: 1.25rem 0 2rem; display: grid; gap: .75rem; }
|
.tiles { margin: 1.25rem 0 2rem; display: grid; gap: .75rem; }
|
||||||
.regions { margin: .6rem 0 0; display: grid; gap: .5rem; }
|
.regions { margin: .6rem 0 0; display: grid; gap: .5rem; }
|
||||||
@media (min-width: 34rem) {
|
@media (min-width: 34rem) {
|
||||||
.tiles { grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); }
|
.tiles { grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); }
|
||||||
.regions { grid-template-columns: repeat(2, 1fr); }
|
.regions { grid-template-columns: repeat(2, 1fr); }
|
||||||
}
|
}
|
||||||
.tiles a, .regions a { display: block; border: 1px solid var(--line); border-radius: 10px;
|
.tiles a, .regions a { display: block; border: 1px solid var(--line); border-radius: 10px;
|
||||||
|
|
|
||||||
|
|
@ -64,7 +64,7 @@ body.wide { max-width: 72rem; }
|
||||||
.tiles { margin: 1.25rem 0 2rem; display: grid; gap: .75rem; }
|
.tiles { margin: 1.25rem 0 2rem; display: grid; gap: .75rem; }
|
||||||
.regions { margin: .6rem 0 0; display: grid; gap: .5rem; }
|
.regions { margin: .6rem 0 0; display: grid; gap: .5rem; }
|
||||||
@media (min-width: 34rem) {
|
@media (min-width: 34rem) {
|
||||||
.tiles { grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); }
|
.tiles { grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); }
|
||||||
.regions { grid-template-columns: repeat(2, 1fr); }
|
.regions { grid-template-columns: repeat(2, 1fr); }
|
||||||
}
|
}
|
||||||
.tiles a, .regions a { display: block; border: 1px solid var(--line); border-radius: 10px;
|
.tiles a, .regions a { display: block; border: 1px solid var(--line); border-radius: 10px;
|
||||||
|
|
|
||||||
|
|
@ -64,7 +64,7 @@ body.wide { max-width: 72rem; }
|
||||||
.tiles { margin: 1.25rem 0 2rem; display: grid; gap: .75rem; }
|
.tiles { margin: 1.25rem 0 2rem; display: grid; gap: .75rem; }
|
||||||
.regions { margin: .6rem 0 0; display: grid; gap: .5rem; }
|
.regions { margin: .6rem 0 0; display: grid; gap: .5rem; }
|
||||||
@media (min-width: 34rem) {
|
@media (min-width: 34rem) {
|
||||||
.tiles { grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); }
|
.tiles { grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); }
|
||||||
.regions { grid-template-columns: repeat(2, 1fr); }
|
.regions { grid-template-columns: repeat(2, 1fr); }
|
||||||
}
|
}
|
||||||
.tiles a, .regions a { display: block; border: 1px solid var(--line); border-radius: 10px;
|
.tiles a, .regions a { display: block; border: 1px solid var(--line); border-radius: 10px;
|
||||||
|
|
|
||||||
|
|
@ -64,7 +64,7 @@ body.wide { max-width: 72rem; }
|
||||||
.tiles { margin: 1.25rem 0 2rem; display: grid; gap: .75rem; }
|
.tiles { margin: 1.25rem 0 2rem; display: grid; gap: .75rem; }
|
||||||
.regions { margin: .6rem 0 0; display: grid; gap: .5rem; }
|
.regions { margin: .6rem 0 0; display: grid; gap: .5rem; }
|
||||||
@media (min-width: 34rem) {
|
@media (min-width: 34rem) {
|
||||||
.tiles { grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); }
|
.tiles { grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); }
|
||||||
.regions { grid-template-columns: repeat(2, 1fr); }
|
.regions { grid-template-columns: repeat(2, 1fr); }
|
||||||
}
|
}
|
||||||
.tiles a, .regions a { display: block; border: 1px solid var(--line); border-radius: 10px;
|
.tiles a, .regions a { display: block; border: 1px solid var(--line); border-radius: 10px;
|
||||||
|
|
|
||||||
|
|
@ -64,7 +64,7 @@ body.wide { max-width: 72rem; }
|
||||||
.tiles { margin: 1.25rem 0 2rem; display: grid; gap: .75rem; }
|
.tiles { margin: 1.25rem 0 2rem; display: grid; gap: .75rem; }
|
||||||
.regions { margin: .6rem 0 0; display: grid; gap: .5rem; }
|
.regions { margin: .6rem 0 0; display: grid; gap: .5rem; }
|
||||||
@media (min-width: 34rem) {
|
@media (min-width: 34rem) {
|
||||||
.tiles { grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); }
|
.tiles { grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); }
|
||||||
.regions { grid-template-columns: repeat(2, 1fr); }
|
.regions { grid-template-columns: repeat(2, 1fr); }
|
||||||
}
|
}
|
||||||
.tiles a, .regions a { display: block; border: 1px solid var(--line); border-radius: 10px;
|
.tiles a, .regions a { display: block; border: 1px solid var(--line); border-radius: 10px;
|
||||||
|
|
@ -151,7 +151,7 @@ td.thumb .placeholder { display: flex; width: 120px; height: 80px; border-radius
|
||||||
<nav><a href="/pages/index.html">Wszystkie karty</a> · <a href="/pages/porownanie.html">Porównanie ofert</a> · <a href="/pages/linki.html">Linki</a> · <a href="/viz.html">Graf</a></nav>
|
<nav><a href="/pages/index.html">Wszystkie karty</a> · <a href="/pages/porownanie.html">Porównanie ofert</a> · <a href="/pages/linki.html">Linki</a> · <a href="/viz.html">Graf</a></nav>
|
||||||
<h1>Ski 2027 — Skicircus Saalbach</h1>
|
<h1>Ski 2027 — Skicircus Saalbach</h1>
|
||||||
<p class="lead">16–23.01.2027, 4 rodziny / 14 osób, wyjazd z Warszawy. Od czego zacząć:</p>
|
<p class="lead">16–23.01.2027, 4 rodziny / 14 osób, wyjazd z Warszawy. Od czego zacząć:</p>
|
||||||
<ul class="tiles"><li><a href="/pages/porownanie.html">Porównanie ofert<small>Wszystkie noclegi w jednej sortowalnej tabeli: ceny, status ceny, priorytet, odległość od wyciągu.</small></a></li><li><a href="/pages/wyjazd.html">Analiza wariantów<small>Cztery regiony obok siebie: skipassy, dojazd, budżet całkowity grupy i wnioski przekrojowe.</small></a></li><li><a href="/viz.html">Graf powiązań<small>Struktura bazy wiedzy — koncepty, linki między nimi i adresy zewnętrzne. Załącznik, nie punkt wejścia.</small></a></li><li><a href="/pages/linki.html">Linki do wysłania<small>Pełne adresy wszystkich stron wystawki, z przyciskiem „kopiuj” — do wrzucenia grupie.</small></a></li></ul>
|
<ul class="tiles"><li><a href="/pages/porownanie.html">Porównanie ofert<small>Wszystkie noclegi w jednej sortowalnej tabeli: ceny, status ceny, priorytet, odległość od wyciągu.</small></a></li><li><a href="/pages/wyjazd.html">Analiza wariantów<small>Cztery regiony obok siebie: skipassy, dojazd, budżet całkowity grupy i wnioski przekrojowe.</small></a></li><li><a href="/viz.html">Graf powiązań<small>Struktura bazy wiedzy — koncepty, linki między nimi i adresy zewnętrzne. Załącznik, nie punkt wejścia.</small></a></li><li><a href="/pages/linki.html">Wszystkie linki<small>Pełne adresy wszystkich stron wystawki, z przyciskiem „kopiuj” — do wrzucenia grupie.</small></a></li></ul>
|
||||||
<h2>Regiony</h2>
|
<h2>Regiony</h2>
|
||||||
<p class="lead">Karta regionu = skipassy, dojazd, terminy, koszty życia i budżet całkowity.</p>
|
<p class="lead">Karta regionu = skipassy, dojazd, terminy, koszty życia i budżet całkowity.</p>
|
||||||
<ul class="regions"><li><a href="/pages/region.html" class="hero" style="background-image:linear-gradient(rgba(15,23,42,.62),rgba(15,23,42,.72)),url('/pages/img/alpenparks-sonnleiten/01.jpg')">Saalbach (baza)<small>Budżet grupy: ~14 000–18 000 €</small></a></li><li><a href="/pages/ischgl/region.html" class="hero" style="background-image:linear-gradient(rgba(15,23,42,.62),rgba(15,23,42,.72)),url('/pages/img/apartment-brandau-kappl/01.jpg')">Ischgl/Paznaun<small>Budżet grupy: ~13 500–16 000 €</small></a></li><li><a href="/pages/kronplatz/region.html" class="hero" style="background-image:linear-gradient(rgba(15,23,42,.62),rgba(15,23,42,.72)),url('/pages/img/haeuslerhof-valdaora/01.jpg')">Kronplatz<small>Budżet grupy: ~13 200–16 300 €</small></a></li><li><a href="/pages/sfl/region.html" class="hero" style="background-image:linear-gradient(rgba(15,23,42,.62),rgba(15,23,42,.72)),url('/pages/img/haus-central-ladis/01.jpg')">SFL<small>Budżet grupy: ~12 800–15 700 €</small></a></li></ul>
|
<ul class="regions"><li><a href="/pages/region.html" class="hero" style="background-image:linear-gradient(rgba(15,23,42,.62),rgba(15,23,42,.72)),url('/pages/img/alpenparks-sonnleiten/01.jpg')">Saalbach (baza)<small>Budżet grupy: ~14 000–18 000 €</small></a></li><li><a href="/pages/ischgl/region.html" class="hero" style="background-image:linear-gradient(rgba(15,23,42,.62),rgba(15,23,42,.72)),url('/pages/img/apartment-brandau-kappl/01.jpg')">Ischgl/Paznaun<small>Budżet grupy: ~13 500–16 000 €</small></a></li><li><a href="/pages/kronplatz/region.html" class="hero" style="background-image:linear-gradient(rgba(15,23,42,.62),rgba(15,23,42,.72)),url('/pages/img/haeuslerhof-valdaora/01.jpg')">Kronplatz<small>Budżet grupy: ~13 200–16 300 €</small></a></li><li><a href="/pages/sfl/region.html" class="hero" style="background-image:linear-gradient(rgba(15,23,42,.62),rgba(15,23,42,.72)),url('/pages/img/haus-central-ladis/01.jpg')">SFL<small>Budżet grupy: ~12 800–15 700 €</small></a></li></ul>
|
||||||
|
|
|
||||||
|
|
@ -64,7 +64,7 @@ body.wide { max-width: 72rem; }
|
||||||
.tiles { margin: 1.25rem 0 2rem; display: grid; gap: .75rem; }
|
.tiles { margin: 1.25rem 0 2rem; display: grid; gap: .75rem; }
|
||||||
.regions { margin: .6rem 0 0; display: grid; gap: .5rem; }
|
.regions { margin: .6rem 0 0; display: grid; gap: .5rem; }
|
||||||
@media (min-width: 34rem) {
|
@media (min-width: 34rem) {
|
||||||
.tiles { grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); }
|
.tiles { grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); }
|
||||||
.regions { grid-template-columns: repeat(2, 1fr); }
|
.regions { grid-template-columns: repeat(2, 1fr); }
|
||||||
}
|
}
|
||||||
.tiles a, .regions a { display: block; border: 1px solid var(--line); border-radius: 10px;
|
.tiles a, .regions a { display: block; border: 1px solid var(--line); border-radius: 10px;
|
||||||
|
|
|
||||||
|
|
@ -64,7 +64,7 @@ body.wide { max-width: 72rem; }
|
||||||
.tiles { margin: 1.25rem 0 2rem; display: grid; gap: .75rem; }
|
.tiles { margin: 1.25rem 0 2rem; display: grid; gap: .75rem; }
|
||||||
.regions { margin: .6rem 0 0; display: grid; gap: .5rem; }
|
.regions { margin: .6rem 0 0; display: grid; gap: .5rem; }
|
||||||
@media (min-width: 34rem) {
|
@media (min-width: 34rem) {
|
||||||
.tiles { grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); }
|
.tiles { grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); }
|
||||||
.regions { grid-template-columns: repeat(2, 1fr); }
|
.regions { grid-template-columns: repeat(2, 1fr); }
|
||||||
}
|
}
|
||||||
.tiles a, .regions a { display: block; border: 1px solid var(--line); border-radius: 10px;
|
.tiles a, .regions a { display: block; border: 1px solid var(--line); border-radius: 10px;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue