diff --git a/css/portfolio-hero.css b/css/portfolio-hero.css
index edd7ce4c..586bd154 100755
--- a/css/portfolio-hero.css
+++ b/css/portfolio-hero.css
@@ -23,6 +23,7 @@ body {
--color-bg: #ebebeb;
--color-biege: #e3dacd;
--stick-black: #000;
+ --stick-white: #fff;
--hero-font: 8vw;
--hero-sub-font: 1.3rem;
--size-submain: 3rem;
@@ -62,7 +63,7 @@ body {
@font-face {
font-display: swap;
font-family: "LA-LUXE";
- src: url("https://raw.githubusercontent.com/vickkie/uzitrake/main/Bricolage%20Grotesque.woff2") format("woff2");
+ src: url("../fonts/BricolageGrotesque.woff2") format("woff2");
/* src: url("https://raw.githubusercontent.com/vickkie/uzitrake/main/AtiplaND-Regular.woff2") format("woff2"); */
}
@@ -760,6 +761,9 @@ main {
border-bottom-left-radius: 29px;
border-bottom-right-radius: 29px;
}
+ .project__header__link__textb {
+ text-align: center;
+ }
.mid-larger {
font-size: var(--hc-xl) !important;
@@ -1459,6 +1463,7 @@ main {
border-top-left-radius: 35px;
border-top-right-radius: 35px;
width: var(--screen-width);
+ border-top: solid 1px var(--color-link-hover);
}
.lets-you {
display: flex;
@@ -1471,7 +1476,7 @@ main {
}
.same-you {
font-size: 1.1rem;
- color: var(--color-white);
+ color: var(--stick-white);
}
.yoyo-main {
@@ -1774,7 +1779,7 @@ main {
width: 100%;
grid-column: 1/4;
grid-row: 1/6;
- background: var(--color-white);
+ background: var(--stick-white);
border-radius: 29px;
width: calc(100vw - 26px);
margin: auto;
@@ -1909,8 +1914,8 @@ main {
.intro__button {
border: 1px solid var(--color-black);
- background: white;
- box-shadow: -3px -2px 0 var(--color-black);
+ background: var(--stick-white);
+ box-shadow: -3px -2px 0 var(--stick-black);
border-radius: 50%;
justify-self: center;
margin-top: 1rem;
@@ -2068,7 +2073,7 @@ main {
.mid-larger {
font-size: var(--hc-xxl);
- color: var(--color-white);
+ color: var(--stick-white);
text-align: center;
}
.italicc {
@@ -2228,7 +2233,7 @@ li {
}
@media (min-width: 769px) {
[data-gl-text][data-gl-text-active] {
- color: var(--color-white);
+ color: var(--stick-white);
}
}
.project__header__informationb {
@@ -2238,7 +2243,7 @@ li {
}
@media (min-width: 769px) {
[data-gl-text][data-gl-text-active] {
- color: var(--color-white);
+ color: var(--stick-white);
}
}
.project__header__titleb {
@@ -2250,7 +2255,7 @@ li {
@media (min-width: 769px) {
[data-gl-text][data-gl-text-active] {
- color: var(--color-white);
+ color: var(--stick-white);
}
}
.project__header__descriptionb {
@@ -2262,7 +2267,7 @@ li {
}
@media (min-width: 769px) {
[data-gl-text][data-gl-text-active] {
- color: var(--color-white);
+ color: var(--stick-white);
}
}
.project__header__link__textb {
@@ -2314,10 +2319,6 @@ button {
font-weight: inherit;
text-align: left;
}
-body,
-button {
- color: #181818;
-}
.btn .mot,
.menu-item a .mot {
flex: 0 0 100%;
@@ -2447,7 +2448,7 @@ span {
}
.icon-text_text {
- color: var(--color-white);
+ color: var(--stick-white);
font-size: 0.875rem;
line-height: 1.45;
transform: translateY(2px);
@@ -2485,3 +2486,77 @@ span {
margin: auto;
}
+@media screen and (max-width: 767px) {
+ .vertical-centered-box .content {
+ transform: scale(1.7);
+ }
+ .vertical-centered-box .loader-circle {
+ transform: scale(1.2);
+ }
+}
+@media screen and (min-width: 768px) {
+ .vertical-centered-box .content {
+ transform: scale(2.3);
+ }
+ .vertical-centered-box .loader-circle {
+ transform: scale(1.6);
+ }
+}
+.loader-circle {
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ width: 120px;
+ height: 120px;
+ border-radius: 50%;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+ margin-left: -60px;
+ margin-top: -60px;
+}
+.loader-line-mask {
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ width: 60px;
+ height: 120px;
+ margin-left: -60px;
+ margin-top: -60px;
+ overflow: hidden;
+ transform-origin: 60px 60px;
+ -webkit-mask-image: -webkit-linear-gradient(top, #000000, rgba(0, 0, 0, 0));
+ animation: rotate 1.2s infinite linear;
+}
+.loader-line-mask .loader-line {
+ width: 120px;
+ height: 120px;
+ border-radius: 50%;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
+}
+@keyframes rotate {
+ 0% {
+ transform: rotate(0deg);
+ }
+ 100% {
+ transform: rotate(360deg);
+ }
+}
+.logo-loaded {
+ position: relative;
+ margin: auto;
+ height: 30%;
+}
+.loadedlogo {
+ width: 100%;
+ height: 100%;
+ display: flex;
+ z-index: -1;
+}
+.content {
+ position: fixed;
+ top: 0;
+ right: 0;
+ width: 100%;
+ height: 100vh;
+ z-index: 2000;
+ pointer-events: none;
+}
diff --git a/css/preloader.css b/css/preloader.css
index e06cbb2b..9cb45d9b 100755
--- a/css/preloader.css
+++ b/css/preloader.css
@@ -59,10 +59,12 @@
overflow: hidden;
height: 100vh;
}
+.gallery {
+ position: static;
+}
.gallery__item {
position: absolute;
-
margin: 0;
display: grid;
grid-template-areas: "gallery-image";
@@ -83,22 +85,22 @@
.gallery__item:nth-of-type(1) {
top: 10%;
- left: 10%;
+ left: -50%;
}
.gallery__item:nth-of-type(2) {
top: 20%;
- right: 10%;
+ right: -50%;
}
.gallery__item:nth-of-type(3) {
bottom: 20%;
- left: 10%;
+ left: -50%;
}
.gallery__item:nth-of-type(4) {
bottom: 10%;
- right: 10%;
+ right: -50%;
}
.gallery__item-imginner {
diff --git a/css/works.css b/css/works.css
index 7cb7cb68..730973af 100755
--- a/css/works.css
+++ b/css/works.css
@@ -235,16 +235,6 @@ a:focus-visible {
transform: scale3d(0, 1, 1);
}
-.content {
- position: fixed;
- top: 0;
- right: 0;
- width: 100%;
- height: 100vh;
- z-index: 2000;
- pointer-events: none;
-}
-
.content .heading {
margin-bottom: 5rem;
font-size: 10vw;
@@ -702,7 +692,8 @@ h2 {
padding: 0;
grid-template-rows: 60px 1fr 60px;
}
- .project-role, .project-task {
+ .project-role,
+ .project-task {
padding: 0 !important;
}
.design-marquee {
diff --git a/fonts/BricolageGrotesque.woff2 b/fonts/BricolageGrotesque.woff2
new file mode 100644
index 00000000..d1164d08
Binary files /dev/null and b/fonts/BricolageGrotesque.woff2 differ
diff --git a/img/masks/uzipreload-logo.webp b/img/masks/uzipreload-logo.webp
new file mode 100644
index 00000000..29d1cf34
Binary files /dev/null and b/img/masks/uzipreload-logo.webp differ
diff --git a/img/svg/6157c1f7fe50ed002d43.svg b/img/svg/6157c1f7fe50ed002d43.svg
new file mode 100644
index 00000000..96ac6817
--- /dev/null
+++ b/img/svg/6157c1f7fe50ed002d43.svg
@@ -0,0 +1,3 @@
+
diff --git a/index.html b/index.html
index 1397099e..a70fb3ab 100755
--- a/index.html
+++ b/index.html
@@ -12,7 +12,16 @@
-
+
+
+
@@ -68,8 +77,18 @@
- Uzitrake
-
+
+
+
+
+
+
+
+
+
+