diff --git a/docs/css/style.css b/docs/css/style.css index 2bff797..c06b59b 100644 --- a/docs/css/style.css +++ b/docs/css/style.css @@ -1,7 +1,7 @@ @import url("/fonts/ProbaNav2.css"); :root{ - --grid-margin: 8px; + --grid-margin: 20px; } body { @@ -24,8 +24,6 @@ a { height: 100vh; overflow: hidden; position: relative; - - } .masonry-section .loud { @@ -75,37 +73,81 @@ a { "a a a a b b b b" "c c c f f d d d" "c c c f f d d d" - "e e e e e d d d"; + "c c c e e d d d"; align-items: start; height: 100vh; } .item{ - background-color: lightblue; +/* background-color: dimgrey;*/ height: 100%; padding: 0; margin: 0; + overflow: hidden; /* border-radius: 4px;*/ } + +.img-row { + display: flex; +/* align-items: flex-start;*/ + justify-content: inherit; + flex-wrap: nowrap; + gap: var(--grid-margin); +/* width: 600px;*/ +} + .item1 { grid-area: a; - text-align: right; + display: flex; + align-items: flex-end; + justify-content: flex-end; + gap: var(--grid-margin); } + .item2 { grid-area: b; + display: flex; + align-items: flex-end; + gap: var(--grid-margin); } + + .item3 { grid-area: c; - text-align: right; + display: flex; +/* flex-direction: row-reverse;*/ + flex-flow: wrap; + align-items: flex-start; + justify-content: flex-end; + gap: var(--grid-margin); } + .item4 { grid-area: d; + display: flex; + flex-wrap: wrap; + align-items: flex-start; + justify-content: flex-start; + gap: var(--grid-margin); } + .item5 { grid-area: e; +/* display: flex;*/ +/* grid-template-columns: fit-content(3ch) fit-content(8ch) 1fr;*/ +/* align-items: flex-start;*/ +/* justify-content: flex-start;*/ +/* gap: var(--grid-margin);*/ + display: grid; + grid-template-columns: repeat(2, 1fr); + grid-gap: var(--grid-margin); +} - text-align: right; +.item5 > img { + width:100%; + object-fit: cover; /* or "contain" */ } + .item6 { grid-area: f; diff --git a/docs/i/assets/og-image-2.png b/docs/i/assets/og-image-2.png new file mode 100644 index 0000000..ec9fa50 Binary files /dev/null and b/docs/i/assets/og-image-2.png differ diff --git a/docs/i/assets/og-image.png b/docs/i/assets/og-image.png index ec9fa50..9930efb 100644 Binary files a/docs/i/assets/og-image.png and b/docs/i/assets/og-image.png differ diff --git a/docs/i/designs.zip b/docs/i/designs.zip new file mode 100644 index 0000000..c48cb4e Binary files /dev/null and b/docs/i/designs.zip differ diff --git a/docs/i/designs/2016-10-new-turnstile.png b/docs/i/designs/2016-10-new-turnstile.png new file mode 100644 index 0000000..aea6451 Binary files /dev/null and b/docs/i/designs/2016-10-new-turnstile.png differ diff --git a/docs/i/designs/2017-04-EasterDay.jpeg b/docs/i/designs/2017-04-EasterDay.jpeg new file mode 100644 index 0000000..061eb02 Binary files /dev/null and b/docs/i/designs/2017-04-EasterDay.jpeg differ diff --git a/docs/i/designs/2017-09-Kartka-kyianyna-1.jpeg b/docs/i/designs/2017-09-Kartka-kyianyna-1.jpeg new file mode 100644 index 0000000..8cae357 Binary files /dev/null and b/docs/i/designs/2017-09-Kartka-kyianyna-1.jpeg differ diff --git a/docs/i/designs/2018-02-Sviatoshyn-5.jpeg b/docs/i/designs/2018-02-Sviatoshyn-5.jpeg new file mode 100644 index 0000000..b33d093 Binary files /dev/null and b/docs/i/designs/2018-02-Sviatoshyn-5.jpeg differ diff --git a/docs/i/designs/2018-08-Independence.jpg b/docs/i/designs/2018-08-Independence.jpg new file mode 100644 index 0000000..8b7ff00 Binary files /dev/null and b/docs/i/designs/2018-08-Independence.jpg differ diff --git a/docs/i/designs/2018-12-TransportPass-Christmas-2.jpg b/docs/i/designs/2018-12-TransportPass-Christmas-2.jpg new file mode 100644 index 0000000..8ab1cec Binary files /dev/null and b/docs/i/designs/2018-12-TransportPass-Christmas-2.jpg differ diff --git a/docs/i/designs/2020-12-NY3.png b/docs/i/designs/2020-12-NY3.png new file mode 100644 index 0000000..3efe3d8 Binary files /dev/null and b/docs/i/designs/2020-12-NY3.png differ diff --git a/docs/i/designs/Kyiv Parking Info - 01.jpeg b/docs/i/designs/Kyiv Parking Info - 01.jpeg new file mode 100644 index 0000000..29d2b70 Binary files /dev/null and b/docs/i/designs/Kyiv Parking Info - 01.jpeg differ diff --git a/docs/i/designs/M1-red.jpeg b/docs/i/designs/M1-red.jpeg new file mode 100644 index 0000000..111a590 Binary files /dev/null and b/docs/i/designs/M1-red.jpeg differ diff --git a/docs/i/designs/Metro-Manners-1.png b/docs/i/designs/Metro-Manners-1.png new file mode 100644 index 0000000..8417a59 Binary files /dev/null and b/docs/i/designs/Metro-Manners-1.png differ diff --git a/docs/i/designs/Metro-Manners-3.png b/docs/i/designs/Metro-Manners-3.png new file mode 100644 index 0000000..5524f16 Binary files /dev/null and b/docs/i/designs/Metro-Manners-3.png differ diff --git a/docs/i/designs/Tariff-28-3.jpeg b/docs/i/designs/Tariff-28-3.jpeg new file mode 100644 index 0000000..04f9ad5 Binary files /dev/null and b/docs/i/designs/Tariff-28-3.jpeg differ diff --git a/docs/i/designs/YellowFace@4x.png b/docs/i/designs/YellowFace@4x.png new file mode 100644 index 0000000..ae8f8ee Binary files /dev/null and b/docs/i/designs/YellowFace@4x.png differ diff --git a/docs/i/designs/metro-PlasticCard-2017-averse.png b/docs/i/designs/metro-PlasticCard-2017-averse.png new file mode 100644 index 0000000..4e5f29f Binary files /dev/null and b/docs/i/designs/metro-PlasticCard-2017-averse.png differ diff --git a/docs/i/designs/metro-PlasticCard-2017-reverse.png b/docs/i/designs/metro-PlasticCard-2017-reverse.png new file mode 100644 index 0000000..b691b57 Binary files /dev/null and b/docs/i/designs/metro-PlasticCard-2017-reverse.png differ diff --git a/docs/i/designs/metromap_wagon_v1.12-660x690.png b/docs/i/designs/metromap_wagon_v1.12-660x690.png new file mode 100644 index 0000000..f53411c Binary files /dev/null and b/docs/i/designs/metromap_wagon_v1.12-660x690.png differ diff --git a/docs/i/designs/street-sign-name.png b/docs/i/designs/street-sign-name.png new file mode 100644 index 0000000..74d7f27 Binary files /dev/null and b/docs/i/designs/street-sign-name.png differ diff --git a/docs/i/designs/street-sign-number.png b/docs/i/designs/street-sign-number.png new file mode 100644 index 0000000..8b7727e Binary files /dev/null and b/docs/i/designs/street-sign-number.png differ diff --git a/docs/i/designs/timetable-2019-14.png b/docs/i/designs/timetable-2019-14.png new file mode 100644 index 0000000..2fae2ed Binary files /dev/null and b/docs/i/designs/timetable-2019-14.png differ diff --git a/docs/index.html b/docs/index.html index 3d2bce9..f0d475a 100644 --- a/docs/index.html +++ b/docs/index.html @@ -32,6 +32,8 @@ + +
@@ -42,8 +44,14 @@

Proba Nav2

Неофіційний шрифт київської навігації: від схем та плакатів у метро до адресних покажчиків, розкладів та навігаційних стел.

Містить транспортні піктограми, лігатури, табличні цифри та інші opentype-фічі.

-

Зробив Андрій Константинов (студія Mint Type) на основі свого шрифта Proba Pro, який став стандартом державних вебсайтів.

+

Зробив Андрій Константинов (студія Mint Type) на основі свого шрифта Proba Pro, який став стандартом державних вебсайтів.

Завантажити + + Кейс на Behance + + + Кейс на Github +
@@ -59,14 +67,51 @@

Proba Nav2

+ +
+ + +
+
+ +
+
+ +
+
+ + + + +
+
+ + +
+
+ + + +
+
+ +
+ + + + + + + +
@@ -124,10 +169,10 @@

Proba Nav2

-
+

Накреслення

-

Шрифт містить вісім накреслень: від надтокого до наджирнішого.

+

Шрифт містить вісім накреслень: від надтокого до найжирнішого.

RoadUA Thin – 100
Десь чув, що той фраєр привіз їхньому царю грильяж та класну шубу з пір’я ґави.

@@ -140,6 +185,49 @@

Накреслення

RoadUA Black — 900
Щастям б’єш жук їх глицю в фон й ґедзь пріч.

+ + + + + +
+ + +

Гліфи

+
+
+ +