Internet-mastir.cz
+
+ diff --git a/poli/assets/css/v1_app.css b/poli/assets/css/v1_app.css new file mode 100644 index 0000000..b0c5f64 --- /dev/null +++ b/poli/assets/css/v1_app.css @@ -0,0 +1,3 @@ +@import "v1_core.css"; + +@import "v1_temp.css"; diff --git a/poli/assets/css/v1_core.css b/poli/assets/css/v1_core.css new file mode 100644 index 0000000..74b7289 --- /dev/null +++ b/poli/assets/css/v1_core.css @@ -0,0 +1,57 @@ +:root { + --font-primary: 'Anton', sans-serif; + + --color-white: #ffffff; + --color-white-100: #f1f1f1; + --color-gray: #898989; + --color-black: #1a1a1a; + + --color-background: #091924; + --color-background-secondary: #2a3a33; + + --border-radius: 0.25rem; + --header-shadow: 0rem 0.25rem 1rem -0.125rem rgb(0 0 0 / 30%); + + --shadow-inset: inset 0 0 0.5rem var(--color-gray); + --shadow-outset: 0 0 0.5rem var(--color-gray); +} + +html { + text-size-adjust: none; + -moz-text-size-adjust: none; + -webkit-text-size-adjust: none; +} + +body { + margin: 0; + overflow: overlay; + font-family: var(--font-primary); + font-weight: 400; + font-style: normal; + background: var(--color-background); +} + +body svg { + overflow: visible; +} + +img { + user-select: none; + -moz-user-select: none; + -webkit-user-select: none; +} + +::-webkit-scrollbar { + width: 0.5rem; +} + +::-webkit-scrollbar-thumb { + border: 0.125rem solid rgba(0, 0, 0, 0); + background-clip: padding-box; + border-radius: 5rem; + background-color: var(--color-black); +} + +::-webkit-scrollbar-thumb:hover { + background-color: var(--color-gray); +} diff --git a/poli/assets/css/v1_temp.css b/poli/assets/css/v1_temp.css new file mode 100644 index 0000000..f39cd5f --- /dev/null +++ b/poli/assets/css/v1_temp.css @@ -0,0 +1,105 @@ +.header { + display: flex; + position: absolute; + top: 0; + left: 0; +} + +.menu__link, .valut__title, label { + color: var(--color-white-100); + text-shadow: 0.3125rem 0.0625rem 0.1875rem var(--color-black); +} + + +.menu { + display: flex; + gap: 4rem; + list-style: none; + margin-top: 3rem; +} + +.menu__link { + font-size: 1.4rem; + text-decoration: none; +} + +.menu__link:hover { + text-decoration: underline; +} + +.img { + display: flex; + position: relative; +} + +.valut { + position: relative; + top: 3rem; + display: flex; + align-items: center; + justify-content: center; + width: 32rem; + height: 32rem; +} + +.valut__title { + position: absolute; + top: clamp(-9.5rem, -10vh ,-7.5rem); + left: 50%; + transform: translateX(-50%); + font-size: 3.5rem; + font-family: 'Anton', sans-serif; + line-height: 1; + letter-spacing: 0.1875rem; + text-transform: uppercase; + white-space: nowrap; +} + +.valut__content { + display: flex; + flex-direction: column; + gap: 0.6rem; + position: absolute; + bottom: -3.875rem; + left: 48.5%; + transform: translateX(-50%); + background: var(--color-background-secondary); + padding: 0.8rem 2.4rem; + border-radius: 0.5rem; + border: 0.25rem solid var(--color-black); +} + +.valut__item { + display: flex; + gap: 1rem; +} + +.valut__item label{ + width: 2.4rem; + text-align: right; +} + +.valut__img { + border-radius: 50%; + overflow: hidden; +} + +.valut__img img { + position: relative; + top: -1.5rem; + left: -0.25rem; + width: 31.25rem; + height: 31.25rem; +} + +.section { + position: relative; + width: 100%; + height: 100vh; +} + +.section--hero { + display: flex; + align-items: center; + justify-content: center; +} diff --git a/poli/assets/img/logo_full.png b/poli/assets/img/logo_full.png new file mode 100644 index 0000000..0ad5db0 Binary files /dev/null and b/poli/assets/img/logo_full.png differ diff --git a/poli/assets/img/valut.jpg b/poli/assets/img/valut.jpg new file mode 100644 index 0000000..5345f67 Binary files /dev/null and b/poli/assets/img/valut.jpg differ diff --git a/poli/assets/js/v1_app.js b/poli/assets/js/v1_app.js new file mode 100644 index 0000000..86b6950 --- /dev/null +++ b/poli/assets/js/v1_app.js @@ -0,0 +1,2 @@ +function test() { +} diff --git a/poli/index.html b/poli/index.html new file mode 100644 index 0000000..9d162d3 --- /dev/null +++ b/poli/index.html @@ -0,0 +1,49 @@ + + +
+ + + + + + + + + +
+
+
+
+