From c6287c717a493233ea747f446b5041aaead22c01 Mon Sep 17 00:00:00 2001
From: vickkie <vickkie@users.noreply.github.com>
Date: Sun, 18 Aug 2024 12:29:52 +0000
Subject: [PATCH] deploy: 815257888f29a70219709b16651ce9d32103ae1a

---
 index.html             |  2 +-
 js/main/callSlider.jsx | 67 ------------------------------------------
 works.html             |  3 +-
 3 files changed, 2 insertions(+), 70 deletions(-)
 delete mode 100644 js/main/callSlider.jsx
diff --git a/index.html b/index.html
index 9eb05536..b764f36f 100644
--- a/index.html
+++ b/index.html
@@ -1,4 +1,4 @@
-<!-- Hypercritical Last Published: Thu, 15 Aug 2024 16:46:09 GMT by uzitrake -->
+<!-- Hypercritical Last Published: Sun, 18 Aug 2024 12:29:43 GMT by uzitrake -->
 <!doctype html><html lang="en" class="menu-will-open" id="indexpage" oncontextmenu="return!1"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Hypercritical ✦ Studio</title><meta name="description" content="Welcome to my Hypercritical discover our work and skills"><meta name="keywords" content="Welcome ,uzitrake , Hypercritical"><meta name="author" content="uzitrake"><link rel="apple-touch-icon" href="../assets/masks/favicon-assets/apple-touch-icon.png"><link rel="icon" href="../assets/masks/favicon-assets/favicon-16x16.png" type="image/png" sizes="16x16"><link rel="icon" href="../assets/masks/favicon-assets/favicon-32x32.png" type="image/png" sizes="32x32"><link id="browser_favicon" rel="icon" href="../assets/masks/hypercritical-main-logo.png" sizes="196x196"><link rel="manifest" href="includes/site.webmanifest"><meta name="theme-color" content="#fc1234" media="(prefers-color-scheme: light)"><meta name="theme-color" content="#000000" media="(prefers-color-scheme: dark)"><meta http-equiv="Cache-Control" content="max-age=31536000"><link fetchpriority="high" rel="preload" href="fonts/MonumentExtended-Regular.woff" as="font" type="font/woff" crossorigin><link fetchpriority="high" rel="preload" href="assets/images/0412-2.webp" as="image"><link rel="manifest" href="includes/manifest.json"><link rel="stylesheet" href="css/preloader.css"><script src="js/library/jquery-3.6.0.min.js"></script><script src="js/library/vue.min.js"></script><script src="js/library/gsap.min.js"></script><link rel="stylesheet" href="css/index.css"><link rel="stylesheet" href="css/transition.css"><script src="/~partytown/partytown.js"></script><script type="text/partytown" src="https://www.googletagmanager.com/gtag/js?id=G-LVEP9Q0PEE"></script><script>partytown={forward:["dataLayer.push"]}</script><script type="text/partytown">window.dataLayer = window.dataLayer || [];
       function gtag() {
         dataLayer.push(arguments);
diff --git a/js/main/callSlider.jsx b/js/main/callSlider.jsx
deleted file mode 100644
index ac28f4c6..00000000
--- a/js/main/callSlider.jsx
+++ /dev/null
@@ -1,67 +0,0 @@
-// React slider component
-
-// making simple things harder
-//not in use
-
-import React, { useEffect, useRef } from "react";
-import ReactDOM from "react-dom";
-import { tns } from "tiny-slider";
-
-const project1Images = [
-  "assets/images/works/lumina/lumina-cover.webp",
-  "assets/images/works/lumina/lumina-cards.webp",
-  "assets/images/works/lumina/lumina-2.webp",
-  "assets/images/works/lumina/lumina-product-mid.webp",
-];
-
-const ProjectSlider = ({ images }) => {
-  const sliderRef = useRef(null);
-  const progressBarRef = useRef(null);
-
-  useEffect(() => {
-    const slider = tns({
-      container: sliderRef.current,
-      items: 4,
-      responsive: {
-        640: {
-          edgePadding: 20,
-          gutter: 20,
-          items: 2,
-        },
-        700: {
-          gutter: 30,
-        },
-        900: {
-          items: 3,
-        },
-      },
-      slideBy: "page",
-      autoplay: false,
-      mouseDrag: true,
-      swipeAngle: false,
-      speed: 400,
-      autoplayButtonOutput: false,
-      onIndexChanged: (info) => {
-        const progress = (info.displayIndex / info.slideCount) * 100;
-        progressBarRef.current.style.width = `${progress}%`;
-      },
-    });
-
-    return () => {
-      slider.destroy();
-    };
-  }, [images]); // Depend on images to re-initialize if they change
-
-  return (
-    <div>
-      <div className="progress-bar" ref={progressBarRef}></div>
-      <div className="my-slider" ref={sliderRef}>
-        {images.map((image, index) => (
-          <div key={index} style={{ backgroundImage: `url(${image})` }}></div>
-        ))}
-      </div>
-    </div>
-  );
-};
-
-ReactDOM.render(<ProjectSlider images={project1Images} />, document.getElementById("project-slider-1"));
diff --git a/works.html b/works.html
index 1cafebe1..69d0cb96 100644
--- a/works.html
+++ b/works.html
@@ -1,4 +1,3 @@
 <!doctype html><html lang="en" oncontextmenu="return!1"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Hypercritical ✦ Works</title><meta name="description" content="Contact us now"><meta name="keywords" content="Welcome , view works,uzitrake , Hypercritical"><meta name="author" content="uzitrake"><meta name="theme-color" content="#fc1234"><meta http-equiv="Cache-Control" content="max-age=31536000"><link rel="manifest" href="includes/manifest.json"><link id="browser_favicon" rel="icon" href="assets/masks/hypercritical-main-logo.png"><link fetchpriority="high" rel="preload" href="fonts/MonumentExtended-Regular.woff" as="font" type="font/woff" crossorigin><link rel="stylesheet" href="css/works.css"><link rel="stylesheet" href="css/index.css"><link rel="stylesheet" href="css/preloader.css"><link rel="stylesheet" href="css/transition.css"><link rel="stylesheet" href="css/multi-menu.css"></head><body><div id="overlay" style="transform:scale(0)"></div><div id="backdrop" class="backdrop"></div><div class="transition-in"><div class="mid-transition-wrapper"><div class="mid-transition"><span class="mid-transition-text">HC</span> <span id="loader-trans"></span></div></div></div><div class="transition-out"><div class="mid-transition-wrapper"><div class="mid-transition"><span class="mid-transition-text">HC</span></div></div></div><div id="projects-drawer" data-lenis-prevent="true"></div><div class="sniper"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="100% " viewbox="0 0 170 170" class="cursor-border snipersvg" style="animation:auto ease 0s 1 normal none running none"><path d="M0 0 C4.34586828 -0.39507893 6.32003497 -0.45331002 10 2 C10.39507893 6.34586828 10.45331002 8.32003497 8 12 C3.65413172 12.39507893 1.67996503 12.45331002 -2 10 C-2.39507893 5.65413172 -2.45331002 3.67996503 0 0 Z " fill="var(--main-sub)" transform="translate(131,129)"/><path d="M0 0 C4.34586828 -0.39507893 6.32003497 -0.45331002 10 2 C10.39507893 6.34586828 10.45331002 8.32003497 8 12 C3.65413172 12.39507893 1.67996503 12.45331002 -2 10 C-2.39507893 5.65413172 -2.45331002 3.67996503 0 0 Z " fill="var(--main-sub)" transform="translate(31,129)"/><path d="M0 0 C4.34586828 -0.39507893 6.32003497 -0.45331002 10 2 C10.39507893 6.34586828 10.45331002 8.32003497 8 12 C3.65413172 12.39507893 1.67996503 12.45331002 -2 10 C-2.39507893 5.65413172 -2.45331002 3.67996503 0 0 Z " fill="var(--main-sub)" transform="translate(131,29)"/><path d="M0 0 C4.34586828 -0.39507893 6.32003497 -0.45331002 10 2 C10.39507893 6.34586828 10.45331002 8.32003497 8 12 C3.65413172 12.39507893 1.67996503 12.45331002 -2 10 C-2.39507893 5.65413172 -2.45331002 3.67996503 0 0 Z " fill="var(--main-sub)" transform="translate(31,29)"/></svg></div><main><div class="nav"><div class="padding_global nav_padding"><div class="nav_grid"><div class="nav_logo_parent" onclick='window.open("index")'>Hypercritical</div><div class="est_nav"><svg xmlns="http://www.w3.org/2000/svg" class="mid-moon" height="20px" viewBox="7.80069 -0.000757502 3.6 3.301"><path d="M 8.7375 3.3 c -0.015 0 -0.0255 -0.0075 -0.0345 -0.0135 c -0.1305 -0.075 -0.2505 -0.162 -0.36 -0.264 a 2.073 2.073 90 0 1 -0.477 -0.795 a 1.629 1.629 90 0 1 -0.06 -0.588 c 0.012 -0.1695 0.045 -0.336 0.1125 -0.495 c 0.0345 -0.081 0.075 -0.162 0.117 -0.24 a 1.623 1.623 90 0 1 0.39 -0.471 A 1.767 1.767 90 0 1 9.675 0.0015 c 0.8355 0.036 1.4895 0.609 1.6725 1.332 a 1.71 1.71 90 0 1 -0.189 1.302 a 1.7745 1.7745 90 0 1 -0.6255 0.6315 c -0.018 0.012 -0.036 0.021 -0.054 0.03 c -0.0075 -0.0075 0 -0.009 0 -0.0135 l 0.0105 -0.0105 a 1.419 1.419 90 0 0 0.2115 -0.285 a 1.1385 1.1385 90 0 0 0.111 -0.9105 a 0.99 0.99 90 0 0 -0.2025 -0.3615 a 1.236 1.236 90 0 0 -0.7005 -0.42 a 1.488 1.488 90 0 0 -0.93 0.1125 a 1.26 1.26 90 0 0 -0.5115 0.4905 c -0.0435 0.075 -0.069 0.1575 -0.09 0.24 c -0.0255 0.105 -0.039 0.2115 -0.033 0.321 c 0.009 0.171 0.057 0.333 0.135 0.486 a 1.4325 1.4325 90 0 0 0.255 0.348 c 0.003 0 0.003 0 0.0045 0.006 Z"/></svg></div><link rel="stylesheet" href="css/multi-menu.css"><svg class="hidden"><symbol id="icon-arrow" viewBox="0 0 24 24"><title>arrow</title><polygon points="6.3,12.8 20.9,12.8 20.9,11.2 6.3,11.2 10.2,7.2 9,6 3.1,12 9,18 10.2,16.8 "/></symbol><symbol id="icon-drop" viewBox="0 0 24 24"><title>drop</title><path d="M12,21c-3.6,0-6.6-3-6.6-6.6C5.4,11,10.8,4,11.4,3.2C11.6,3.1,11.8,3,12,3s0.4,0.1,0.6,0.3c0.6,0.8,6.1,7.8,6.1,11.2C18.6,18.1,15.6,21,12,21zM12,4.8c-1.8,2.4-5.2,7.4-5.2,9.6c0,2.9,2.3,5.2,5.2,5.2s5.2-2.3,5.2-5.2C17.2,12.2,13.8,7.3,12,4.8z"/><path d="M12,18.2c-0.4,0-0.7-0.3-0.7-0.7s0.3-0.7,0.7-0.7c1.3,0,2.4-1.1,2.4-2.4c0-0.4,0.3-0.7,0.7-0.7c0.4,0,0.7,0.3,0.7,0.7C15.8,16.5,14.1,18.2,12,18.2z"/></symbol><symbol id="icon-menu" viewBox="0 0 119 25"><title>menu</title><path d="M 0.053 7.899 L -0.139 0.148 L 100 0 L 100 8 L 0.148 8.186 Z Z M 0 28 L 0 20 L 71 20 L 71 28 L 0 28 Z"/></symbol><symbol id="icon-close" viewBox="0 0 24 24"><title>close</title><path d="m12.002 2.005c5.518 0 9.998 4.48 9.998 9.997 0 5.518-4.48 9.998-9.998 9.998-5.517 0-9.997-4.48-9.997-9.998 0-5.517 4.48-9.997 9.997-9.997zm0 1.5c-4.69 0-8.497 3.807-8.497 8.497s3.807 8.498 8.497 8.498 8.498-3.808 8.498-8.498-3.808-8.497-8.498-8.497zm0 7.425 2.717-2.718c.146-.146.339-.219.531-.219.404 0 .75.325.75.75 0 .193-.073.384-.219.531l-2.717 2.717 2.727 2.728c.147.147.22.339.22.531 0 .427-.349.75-.75.75-.192 0-.384-.073-.53-.219l-2.729-2.728-2.728 2.728c-.146.146-.338.219-.53.219-.401 0-.751-.323-.751-.75 0-.192.073-.384.22-.531l2.728-2.728-2.722-2.722c-.146-.147-.219-.338-.219-.531 0-.425.346-.749.75-.749.192 0 .385.073.531.219z" fill-rule="nonzero"/></symbol><symbol id="arrow-left" viewBox="0 0 21.1 13.2"><g><polygon points="6.5,12.8 0.5,6.8 0.3,6.5 0.5,6.3 6.5,0.3 7.1,0.8 1.7,6.2 20.8,6.2 20.8,6.9 1.7,6.9 7.1,12.3 	"/><path d="M6.5,0l1,0.8L2.3,6h18.7v1.2H2.3l5.2,5.2l-1,0.8L0.3,7L0,6.5L6.5,0z M6.8,0.9L6.5,0.7L0.6,6.6l0.1,0.1l5.8,5.8l0.2-0.2
 		L1.1,6.7h19.5V6.5H1.1L6.8,0.9z"/></g></symbol><symbol id="arrow-right" viewBox="0 0 21.1 13.2"><g><polygon points="14.6,0.3 20.5,6.3 20.8,6.6 20.5,6.8 14.6,12.8 13.9,12.3 19.4,6.9 0.2,6.9 0.2,6.2 19.4,6.2 13.9,0.8 	"/><path d="M14.6,13.2l-1-0.8l5.2-5.2H0V6h18.7l-5.2-5.2l1-0.8l6.2,6.2l0.3,0.5L14.6,13.2z M14.3,12.3l0.2,0.2l5.9-5.9l-0.1-0.1
-		l-5.8-5.8l-0.2,0.2L20,6.5H0.5v0.2H20L14.3,12.3z"/></g></symbol></svg><main><div class="hidcontent"><div class="background" style="background-image:var(--website-color)"></div><h2 class="hidcontent__title" onclick="window.open(index)">Hypercritical</h2><p class="hidcontent__tagline">Hypercritical is the best experience website</p></div><nav class="menuUzi targeted"><div class="menuUzi__item menuUzi__item--1" data-direction="bt"><div class="menuUzi__item-inner"><div class="mainmenuUzi"><a href="index" class="mainmenuUzi__item transit">Home</a> <a href="services" class="mainmenuUzi__item transit">services</a> <a href="works" class="mainmenuUzi__item transit">Work</a> <a href="process" class="mainmenuUzi__item transit">Process</a> <a href="studio" class="mainmenuUzi__item transit">studio</a> <a href="contact" class="mainmenuUzi__item transit">Contact</a></div><p class="label label--topleft label--vert-mirror">the important stuff</p><p class="label label--bottomright label--vert">Hypercritical studio</p></div></div><div class="menuUzi__item menuUzi__item--2" data-direction="lr"><div class="menuUzi__item-inner"><div class="menuUzi__item-map"></div><a href="#" class="menuUzi__item-hoverlink">Hypercritical</a></div></div><div class="menuUzi__item menuUzi__item--3" data-direction="bt"><div class="menuUzi__item-inner"><div class="sidemenuUzi"><a href="studio" class="sidemenuUzi__item transit" data-cursor="-medium -exclusion"><span class="sidemenuUzi__item-inner">The studio</span></a> <a href="privacy" class="sidemenuUzi__item transit" data-cursor="-medium -exclusion"><span class="sidemenuUzi__item-inner">Privacy</span></a> <a href="terms" class="sidemenuUzi__item transit" data-cursor="-medium -exclusion"><span class="sidemenuUzi__item-inner">Terms</span></a> <a href="#" class="sidemenuUzi__item" data-cursor="-medium -exclusion"><span class="sidemenuUzi__item-inner">••••</span></a> <a href="login" class="sidemenuUzi__item transit" data-cursor="-medium -exclusion"><span class="sidemenuUzi__item-inner">Enter</span></a> <a href="membership_signup" class="sidemenuUzi__item transit" data-cursor="-medium -exclusion"><span class="sidemenuUzi__item-inner">Join</span></a> <a href="#" class="sidemenuUzi__item"><span class="sidemenuUzi__item-inner">•••</span></a></div></div></div><div class="menuUzi__item menuUzi__item--4" data-direction="rl"><div class="menuUzi__item-inner"><p class="label label--topleft label--line">Reach us now</p><a href="contact" class="menuUzi__item-link transit"><div class="reachussvg"><img src="assets/svg/9.b586fa93.webp" data-label="image" alt="contact button 2" class="contact-emoji" data-label=""></div></a><div class="yearnow">©2024</div></div></div><div class="menuUzi__item menuUzi__item--5" data-direction="tb"><div class="menuUzi__item-inner"><p class="label label--topleft label--vert-mirror">Our socials</p><ul class="socials-sidemenu"><li data-cursor="-medium -exclusion"><a class="instagram transit" target="_blank" aria-label="instagram">Instagram</a></li><li data-cursor="-medium -exclusion"><a class="twitter transit" target="_blank" aria-label="twitter">X</a></li><li data-cursor="-medium -exclusion"><a class="github transit" target="_blank" aria-label="github">Github</a></li><li data-cursor="-medium -exclusion"><a class="dribble transit" target="_blank" aria-label="dribble">Dribble</a></li></ul></div></div><button class="action action--menuUzi" aria-label="sidemenu button open"><div class="both-icon-menu"><div class="menu_button_wrapper"><div class="menu_button_line"><div class="menu_dot menu-dot-line"></div><div class="menu_line menu-dot-line"></div></div><div class="menu_button_line"><div class="menu_dot menu-dot-line"></div><div class="menu_line menu-dot-line"></div></div></div><div class="menu-name">Menu</div></div></button> <button class="action action--close" aria-label="sidemenu button close"><svg class="icon icon-cursor icon--close" height="12px"><use xlink:href="#icon-close"></use></svg></button></nav></main></div></div><div class="below-line"><span></span></div></div><section class="work-hero snipedblack"><div class="hero-title"><span>Work</span></div></section><div><section class="work-section white-section snipedblack"><div class="view-cursor flex">View</div><div class="work-wrapper" id="enter-fade" style="transform:translate3d(0,0,0);opacity:1"><button class="work-tile bound" data-slug="lumina" data-heading="<h1><strong>L</strong>umina</h1>" data-year="2018" data-text="Skincare on a mission of empathy and self-discovery." data-media=" assets/images/works/lumina-web/beaty-l.webp || assets/images/works/lumina-web/smoothskin.webp || assets/images/works/lumina-web/lumina-grow-small.webp"><div class="top"><div class="heading"><h1><strong>L</strong>umina</h1><span>2018</span></div><div class="media-wrapper" data-cursor="-hidden"><img class="media" alt="project image" data-uid="" src="assets/images/works/lumina/lumina-cover.webp"></div></div><div class="tags"><p class="tag">Branding</p><p class="tag">Art Direction</p><p class="tag">Design</p></div></button> <button class="work-tile bound" data-slug="trakexcel" data-heading="<h1><strong>T</strong>rakexcel</h1>" data-year="2020" data-text="To build the future, forget the status-quo." data-media="assets/images/works/trakexcel/Index-page-mid.webp?auto=compress,format || assets/images/works/trakexcel/trakexcel-mockall-mid.webp?auto=compress,format || assets/images/works/trakexcel/Trakexcel-iPhone-midhigh.webp"><div class="top"><div class="heading"><h1><strong>T</strong>rakexcel</h1><span>2020</span></div><div class="media-wrapper" data-cursor="-hidden"><img class="media" alt="project image" data-uid="" src="assets/images/works/trakexcel/Trakexcel-iPhone-midhigh.webp"></div></div><div class="tags"><p class="tag">Design</p><p class="tag">Development</p><p class="tag">UX &amp; UI</p></div></button> <button class="work-tile bound" data-slug="uzitrake" data-heading="<h1>Uzitrake </h1>" data-year="2023" data-text="Archive of my works and skills ;)" data-media="assets/images/works/portfolio/uzitrake8.webp || assets/images/works/portfolio/uzitrake-extrahigh-1.webp || assets/images/me-mountains.webp"><div class="top"><div class="heading"><h1>Uzitrake</h1><span>2023</span></div><div class="media-wrapper" data-cursor="-hidden"><img class="media" alt="project image" data-uid="" src="assets/images/works/portfolio/uziport-multi-mid.webp"></div></div><div class="tags"><p class="tag">Design Direction</p><p class="tag">UX &amp; UI</p><p class="tag">Portfolio</p></div></button> <button class="work-tile bound" data-slug="kizik" data-heading="<h1><strong>K</strong>izik</h1>" data-year="2022" data-text="Step in technology for all." data-media="assets/images/works/kizik/kizik-1-work-drawer-660x425.webm || assets/images/works/kizik/kizik-2-work-drawer-660x425-1.webm || assets/images/works/kizik/kizik-3-work-drawer-660x425-1.webm"><div class="top"><div class="heading"><h1><strong>K</strong>izik</h1><span>2022</span></div><div class="media-wrapper" data-cursor="-hidden"><img class="media" alt="project image" data-uid="" src="assets/images/works/kizik/kizik.webp"></div></div><div class="tags"><p class="tag">Design Direction</p><p class="tag">UX &amp; UI</p><p class="tag">Colab</p></div></button> <button class="work-tile bound" data-slug="robin-golf" data-heading="<h1><strong>R</strong>obin Golf</h1>" data-year="2019" data-text="Getting into the swing of things. " data-media="assets/images/works/golfer/6dac42a8-b10a-425d-9c10-d96fc9a2.webp || assets/images/works/golfer/robin-golf-logo-animation.mp4 || assets/images/works/golfer/aa844126-d9f4-4b61-8846-2fbc8920.webp || assets/images/works/golfer/0f2b0c64-d1e0-40aa-a6b7-2e0ebb3b.webp"><div class="top"><div class="heading"><h1><strong>Robin</strong>Golf</h1><span>2019</span></div><div class="media-wrapper" data-cursor="-hidden"><img class="media" alt="project image" data-uid="" src="assets/images/golf.webp"></div></div><div class="tags"><p class="tag">Branding</p><p class="tag">Art Direction</p><p class="tag">UX &amp; UI</p></div></button> <button class="work-tile bound" data-slug="spoiled-child" data-heading="<h1><strong>S</strong>poiled Child</h1>" data-year="2021" data-text="Make your skin age inappropriate." data-media="assets/images/works/general/3c498d10-387e-412b-87dd-2092ee9e.webp || assets/videos/spoiled-child.webm || assets/images/works/general/e49b10f2-fefd-4b83-9430-d6ea4857.webp"><div class="top"><div class="heading"><h1><strong>S</strong>poiled Child</h1><span>2021</span></div><div class="media-wrapper" data-cursor="-hidden"><img class="media" alt="project image" data-uid="" src="assets/images/ZfClYEmNsf2sHh-c-spoiled-child-f.webp"></div></div><div class="tags"><p class="tag">Design Direction</p><p class="tag">UX &amp; UI</p></div></button> <button class="work-tile bound" data-slug="jstimler" data-heading="<h1><strong>J</strong>stimler</h1>" data-year="2023" data-text="Shaping fashion's fabric narrative. ;) " data-media="assets/images/works/jstimler/Fabrics-J-Stimler.webp?auto=compress,format || assets/images/works/jstimler/65785ac5cfa2c998014571-1.webp?auto=compress,format"><div class="top"><div class="heading"><h1><strong>J</strong>stimler</h1><span>2023</span></div><div class="media-wrapper" data-cursor="-hidden"><img class="media" alt="project image" data-uid="" src="assets/images/Fabric.webp"></div></div><div class="tags"><p class="tag">Design</p><p class="tag">UX &amp; UI</p></div></button> <button class="work-tile bound" data-slug="p
-              romokings" data-heading="<h1><strong>Promo</strong>Kings</h1>" data-year="2023" data-text="Shopping at your fingertips. ;) " data-media="assets/images/works/promokings/wireframe22.webp || assets/images/works/promokings/wireframe-p2.webp"><div class="top"><div class="heading"><h1><strong>Promo</strong>kings</h1><span>2024</span></div><div class="media-wrapper" data-cursor="-hidden"><img class="media" alt="project image" data-uid="" src="assets/images/works/promokings/promokings.webp"></div></div><div class="tags"><p class="tag">Mobile</p><p class="tag">UX &amp; UI</p><p class="tag">Design</p></div></button></div></section><section class="reeler"><div class="sw-partner-marquee"><div class="sw-partner-marquee-row" style="transform:translate3d(-1976.67px,0,0)"><div class="sw-partner-marquee-row-item"><div class="sw-partner-logo"><div class="display-expla"><span>DESIGN<br>STUDIO</span></div><div class="display-video"><video data-src="assets/videos/bubbly.webm" class="lozad" autoplay="" playsinline="" loop="" muted="" poster="assets/images/bubbly.webp"></video></div></div><div class="sw-partner-logo"><div class="display-expla"><span>DESIGN<br>STUDIO</span></div><div class="display-video"><video data-src="assets/videos/bubbly3.webm" class="lozad" autoplay="" poster="assets/images/bubbly3.webp" playsinline="" loop="" muted=""></video></div></div><div class="sw-partner-logo"><div class="display-expla"><span>DESIGN<br>STUDIO</span></div><div class="display-video"><video data-src="assets/videos/bubbly.webm" class="lozad" autoplay="" playsinline="" loop="" muted="" poster="assets/images/bubbly.webp"></video></div></div><div class="sw-partner-logo"><div class="display-expla"><span>DESIGN<br>STUDIO</span></div><div class="display-video"><video data-src="assets/videos/bubbly3.webm" class="lozad" autoplay="" poster="assets/images/bubbly3.webp" playsinline="" loop="" muted=""></video></div></div><div class="sw-partner-logo"><div class="display-expla"><span>DESIGN<br>STUDIO</span></div><div class="display-video"><video data-src="assets/videos/bubbly.webm" class="lozad" autoplay="" playsinline="" loop="" muted="" poster="assets/images/bubbly.webp"></video></div></div><div class="sw-partner-logo"><div class="display-expla"><span>DESIGN<br>STUDIO</span></div><div class="display-video"><video data-src="assets/videos/bubbly3.webm" class="lozad" autoplay="" poster="assets/images/bubbly3.webp" playsinline="" loop="" muted=""></video></div></div><div class="sw-partner-logo"><div class="display-expla"><span>DESIGN<br>STUDIO</span></div><div class="display-video"><video data-src="assets/videos/bubbly.webm" class="lozad" autoplay="" playsinline="" loop="" muted="" poster="assets/images/bubbly.webp"></video></div></div><div class="sw-partner-logo"><div class="display-expla"><span>DESIGN<br>STUDIO</span></div><div class="display-video"><video data-src="assets/videos/bubbly3.webm" class="lozad" autoplay="" poster="assets/images/bubbly3.webp" playsinline="" loop="" muted=""></video></div></div><div class="sw-partner-logo"><div class="display-expla"><span>DESIGN<br>STUDIO</span></div><div class="display-video"><video data-src="assets/videos/bubbly.webm" class="lozad" autoplay="" playsinline="" loop="" muted="" poster="assets/images/bubbly.webp"></video></div></div><div class="sw-partner-logo"><div class="display-expla"><span>DESIGN<br>STUDIO</span></div><div class="display-video"><video data-src="assets/videos/bubbly3.webm" class="lozad" autoplay="" poster="assets/images/bubbly3.webp" playsinline="" loop="" muted=""></video></div></div><div class="sw-partner-logo"><div class="display-expla"><span>DESIGN<br>STUDIO</span></div><div class="display-video"><video data-src="assets/videos/bubbly.webm" class="lozad" autoplay="" playsinline="" loop="" muted="" poster="assets/images/bubbly.webp"></video></div></div><div class="sw-partner-logo"><div class="display-expla"><span>DESIGN<br>STUDIO</span></div><div class="display-video"><video data-src="assets/videos/bubbly3.webm" class="lozad" autoplay="" poster="assets/images/bubbly3.webp" playsinline="" loop="" muted=""></video></div></div><div class="sw-partner-logo"><div class="display-expla"><span>DESIGN<br>STUDIO</span></div><div class="display-video"><video data-src="assets/videos/bubbly.webm" class="lozad" autoplay="" playsinline="" loop="" muted="" poster="assets/images/bubbly.webp"></video></div></div><div class="sw-partner-logo"><div class="display-expla"><span>DESIGN<br>STUDIO</span></div><div class="display-video"><video data-src="assets/videos/bubbly3.webm" class="lozad" autoplay="" poster="assets/images/bubbly3.webp" playsinline="" loop="" muted=""></video></div></div></div></div></div></section><section class="works-exit"><div class="lets-make"><span class="make-top">Get ready to <span class="black">Rock and Roll!</span> </span><span class="logo-cue is-woman"></span></div><div class="contact-button-work"><img src="assets/svg/enter-arrow.svg" alt="contact  arrow " class="rotate180" srcset=""> <a class="rolling-text" href="contact">contact us</a></div></section><section class="footer white-section" id="footer" data-cursor="-inverse"><div class="footer-right"><span class="large-h">H</span> <span class="large-c">C <sup>◕</sup></span></div><div class="footer-left"><div class="sitemap"><div class="footer-map-header">SITEMAP</div><ul class="flexme"><li><a href="/" class="footer-links transit" aria-label="home link">Home</a></li><li><a href="services" class="footer-links transit" aria-label="services link">Services</a></li><li><a href="works" class="footer-links transit" aria-label="works link">Works</a></li><li><a href="studio" class="footer-links transit" aria-label="works link">Studio</a></li><li><a href="contact" class="footer-links transit" aria-label="contact-link">Contact</a></li><li><a href="process" class="footer-links transit" aria-label="process-link">Process</a></li></ul></div><div class="office"><div class="footer-map-header">OFFICE</div><ul><li>Nairobi, Kenya<br>Moi avenue</li><li class="br"></li><li class="li">+254 706-676-569</li></ul></div><div class="footer-social"><div class="footer-map-header">SOCIALS</div><ul class="flexme"><li><a href="" aria-label="instagram" target="_blank" class="instagram transit">instagram</a></li><li><a href="" aria-label="linktree" target="_blank" class="linktree transit">linktree</a></li><li><a href="" aria-label="behance" target="_blank" class="behance transit">behance</a></li><li><a href="" aria-label="twitter" target="_blank" class="twitter transit">twitter</a></li><li><a href="" aria-label="github" target="_blank" class="github transit">github</a></li></ul></div><div class="legal"><div class="footer-map-header">LEGAL</div><ul class="flexme"><li><a href="terms" class="transit" aria-label="terms">Terms</a></li><li><a href="privacy" class="transit" aria-label="cookies">cookies</a></li><li><a href="privacy" class="transit" aria-label="Privacy policy">Privacy policy</a></li></ul></div><div class="footer-contact"><div class="footer-map-header">CONTACT</div><ul><li>info@hypercritical.studio</li><li>+254 706-676-569</li><li>vickkietrake@gmail.com</li></ul></div><div class="footer-career"><div class="footer-map-header">CAREER</div><ul><li>career@hypercritical.studio</li><li>vickkie.github.io</li></ul></div></div><div class="footer-footer"><div class="footer-footer-left"><div>@2024 Hypercritical</div><div class="span">All rights Reserved</div></div><div class="footer-footer-right"><div><a href="" aria-label="site by &copy;uzitrake" class="developer-portfolio transit" target="_blank">site by &copy;uzitrake</a></div><div>back to top</div></div></div></section></div><a class="footer__link-top" id="toTop" href="#heromain" aria-label="scroll to top" data-cursor="-hidden" style="display:block"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-0.510301 2.3982 121 127.1"><path d="M 60 129 Z M -0.002 63.356 A 1 1 0 0 0 119.96 61.777 A 1 1 0 0 0 0 64 Z " stroke="none" stroke-width="0.5" class="top-arrow-wrapper"/><path d="M 46.676 41.238 L 80.562 41.037 L 80.38 72.604 M 80.312 41.537 L 39.085 84.014" class="top-arrow-path" stroke-width="5" fill="none"/></svg></a></main><link href="css/mf.css" rel="stylesheet"><script src="js/library/jquery-3.6.0.min.js"></script><script src="js/library/gsap.min.js"></script><script src="js/library/imagesloaded.pkgd.min.js"></script><script src="includes/transition.js"></script><script src="includes/page-loader-images.js"></script><script src="js/library/scrolltoplugin.js"></script><script src="js/library/scrolltrigger.js"></script><script src="js/library/split-text.js"></script><script src="js/library/multi-menu.js"></script><script src="js/library/react.production.min.js"></script><script src="js/library/react-dom.production.min.js"></script><script defer="defer" src="works.bundle.js"></script><script defer="defer" src="menu.bundle.js"></script><script defer="defer" src="projectSlider.bundle.js"></script></body></html>
\ No newline at end of file
+		l-5.8-5.8l-0.2,0.2L20,6.5H0.5v0.2H20L14.3,12.3z"/></g></symbol></svg><main><div class="hidcontent"><div class="background" style="background-image:var(--website-color)"></div><h2 class="hidcontent__title" onclick="window.open(index)">Hypercritical</h2><p class="hidcontent__tagline">Hypercritical is the best experience website</p></div><nav class="menuUzi targeted"><div class="menuUzi__item menuUzi__item--1" data-direction="bt"><div class="menuUzi__item-inner"><div class="mainmenuUzi"><a href="index" class="mainmenuUzi__item transit">Home</a> <a href="services" class="mainmenuUzi__item transit">services</a> <a href="works" class="mainmenuUzi__item transit">Work</a> <a href="process" class="mainmenuUzi__item transit">Process</a> <a href="studio" class="mainmenuUzi__item transit">studio</a> <a href="contact" class="mainmenuUzi__item transit">Contact</a></div><p class="label label--topleft label--vert-mirror">the important stuff</p><p class="label label--bottomright label--vert">Hypercritical studio</p></div></div><div class="menuUzi__item menuUzi__item--2" data-direction="lr"><div class="menuUzi__item-inner"><div class="menuUzi__item-map"></div><a href="#" class="menuUzi__item-hoverlink">Hypercritical</a></div></div><div class="menuUzi__item menuUzi__item--3" data-direction="bt"><div class="menuUzi__item-inner"><div class="sidemenuUzi"><a href="studio" class="sidemenuUzi__item transit" data-cursor="-medium -exclusion"><span class="sidemenuUzi__item-inner">The studio</span></a> <a href="privacy" class="sidemenuUzi__item transit" data-cursor="-medium -exclusion"><span class="sidemenuUzi__item-inner">Privacy</span></a> <a href="terms" class="sidemenuUzi__item transit" data-cursor="-medium -exclusion"><span class="sidemenuUzi__item-inner">Terms</span></a> <a href="#" class="sidemenuUzi__item" data-cursor="-medium -exclusion"><span class="sidemenuUzi__item-inner">••••</span></a> <a href="login" class="sidemenuUzi__item transit" data-cursor="-medium -exclusion"><span class="sidemenuUzi__item-inner">Enter</span></a> <a href="membership_signup" class="sidemenuUzi__item transit" data-cursor="-medium -exclusion"><span class="sidemenuUzi__item-inner">Join</span></a> <a href="#" class="sidemenuUzi__item"><span class="sidemenuUzi__item-inner">•••</span></a></div></div></div><div class="menuUzi__item menuUzi__item--4" data-direction="rl"><div class="menuUzi__item-inner"><p class="label label--topleft label--line">Reach us now</p><a href="contact" class="menuUzi__item-link transit"><div class="reachussvg"><img src="assets/svg/9.b586fa93.webp" data-label="image" alt="contact button 2" class="contact-emoji" data-label=""></div></a><div class="yearnow">©2024</div></div></div><div class="menuUzi__item menuUzi__item--5" data-direction="tb"><div class="menuUzi__item-inner"><p class="label label--topleft label--vert-mirror">Our socials</p><ul class="socials-sidemenu"><li data-cursor="-medium -exclusion"><a class="instagram transit" target="_blank" aria-label="instagram">Instagram</a></li><li data-cursor="-medium -exclusion"><a class="twitter transit" target="_blank" aria-label="twitter">X</a></li><li data-cursor="-medium -exclusion"><a class="github transit" target="_blank" aria-label="github">Github</a></li><li data-cursor="-medium -exclusion"><a class="dribble transit" target="_blank" aria-label="dribble">Dribble</a></li></ul></div></div><button class="action action--menuUzi" aria-label="sidemenu button open"><div class="both-icon-menu"><div class="menu_button_wrapper"><div class="menu_button_line"><div class="menu_dot menu-dot-line"></div><div class="menu_line menu-dot-line"></div></div><div class="menu_button_line"><div class="menu_dot menu-dot-line"></div><div class="menu_line menu-dot-line"></div></div></div><div class="menu-name">Menu</div></div></button> <button class="action action--close" aria-label="sidemenu button close"><svg class="icon icon-cursor icon--close" height="12px"><use xlink:href="#icon-close"></use></svg></button></nav></main></div></div><div class="below-line"><span></span></div></div><section class="work-hero snipedblack"><div class="hero-title"><span>Work</span></div></section><div><section class="work-section white-section snipedblack"><div class="view-cursor flex">View</div><div class="work-wrapper" id="enter-fade" style="transform:translate3d(0,0,0);opacity:1"><button class="work-tile bound" data-slug="lumina" data-heading="<h1><strong>L</strong>umina</h1>" data-year="2018" data-text="Skincare on a mission of empathy and self-discovery." data-media=" assets/images/works/lumina-web/beaty-l.webp || assets/images/works/lumina-web/smoothskin.webp || assets/images/works/lumina-web/lumina-grow-small.webp"><div class="top"><div class="heading"><h1><strong>L</strong>umina</h1><span>2018</span></div><div class="media-wrapper" data-cursor="-hidden"><img class="media" alt="project image" data-uid="" src="assets/images/works/lumina/lumina-cover.webp"></div></div><div class="tags"><p class="tag">Branding</p><p class="tag">Art Direction</p><p class="tag">Design</p></div></button> <button class="work-tile bound" data-slug="trakexcel" data-heading="<h1><strong>T</strong>rakexcel</h1>" data-year="2020" data-text="To build the future, forget the status-quo." data-media="assets/images/works/trakexcel/Index-page-mid.webp?auto=compress,format || assets/images/works/trakexcel/trakexcel-mockall-mid.webp?auto=compress,format || assets/images/works/trakexcel/Trakexcel-iPhone-midhigh.webp"><div class="top"><div class="heading"><h1><strong>T</strong>rakexcel</h1><span>2020</span></div><div class="media-wrapper" data-cursor="-hidden"><img class="media" alt="project image" data-uid="" src="assets/images/works/trakexcel/Trakexcel-iPhone-midhigh.webp"></div></div><div class="tags"><p class="tag">Design</p><p class="tag">Development</p><p class="tag">UX &amp; UI</p></div></button> <button class="work-tile bound" data-slug="uzitrake" data-heading="<h1>Uzitrake </h1>" data-year="2023" data-text="Archive of my works and skills ;)" data-media="assets/images/works/portfolio/uzitrake8.webp || assets/images/works/portfolio/uzitrake-extrahigh-1.webp || assets/images/me-mountains.webp"><div class="top"><div class="heading"><h1>Uzitrake</h1><span>2023</span></div><div class="media-wrapper" data-cursor="-hidden"><img class="media" alt="project image" data-uid="" src="assets/images/works/portfolio/uziport-multi-mid.webp"></div></div><div class="tags"><p class="tag">Design Direction</p><p class="tag">UX &amp; UI</p><p class="tag">Portfolio</p></div></button> <button class="work-tile bound" data-slug="kizik" data-heading="<h1><strong>K</strong>izik</h1>" data-year="2022" data-text="Step in technology for all." data-media="assets/images/works/kizik/kizik-1-work-drawer-660x425.webm || assets/images/works/kizik/kizik-2-work-drawer-660x425-1.webm || assets/images/works/kizik/kizik-3-work-drawer-660x425-1.webm"><div class="top"><div class="heading"><h1><strong>K</strong>izik</h1><span>2022</span></div><div class="media-wrapper" data-cursor="-hidden"><img class="media" alt="project image" data-uid="" src="assets/images/works/kizik/kizik.webp"></div></div><div class="tags"><p class="tag">Design Direction</p><p class="tag">UX &amp; UI</p><p class="tag">Colab</p></div></button> <button class="work-tile bound" data-slug="robin-golf" data-heading="<h1><strong>R</strong>obin Golf</h1>" data-year="2019" data-text="Getting into the swing of things. " data-media="assets/images/works/golfer/6dac42a8-b10a-425d-9c10-d96fc9a2.webp || assets/images/works/golfer/robin-golf-logo-animation.mp4 || assets/images/works/golfer/aa844126-d9f4-4b61-8846-2fbc8920.webp || assets/images/works/golfer/0f2b0c64-d1e0-40aa-a6b7-2e0ebb3b.webp"><div class="top"><div class="heading"><h1><strong>Robin</strong>Golf</h1><span>2019</span></div><div class="media-wrapper" data-cursor="-hidden"><img class="media" alt="project image" data-uid="" src="assets/images/golf.webp"></div></div><div class="tags"><p class="tag">Branding</p><p class="tag">Art Direction</p><p class="tag">UX &amp; UI</p></div></button> <button class="work-tile bound" data-slug="spoiled-child" data-heading="<h1><strong>S</strong>poiled Child</h1>" data-year="2021" data-text="Make your skin age inappropriate." data-media="assets/images/works/general/3c498d10-387e-412b-87dd-2092ee9e.webp || assets/videos/spoiled-child.webm || assets/images/works/general/e49b10f2-fefd-4b83-9430-d6ea4857.webp"><div class="top"><div class="heading"><h1><strong>S</strong>poiled Child</h1><span>2021</span></div><div class="media-wrapper" data-cursor="-hidden"><img class="media" alt="project image" data-uid="" src="assets/images/ZfClYEmNsf2sHh-c-spoiled-child-f.webp"></div></div><div class="tags"><p class="tag">Design Direction</p><p class="tag">UX &amp; UI</p></div></button> <button class="work-tile bound" data-slug="jstimler" data-heading="<h1><strong>J</strong>stimler</h1>" data-year="2023" data-text="Shaping fashion's fabric narrative. ;) " data-media="assets/images/works/jstimler/Fabrics-J-Stimler.webp?auto=compress,format || assets/images/works/jstimler/65785ac5cfa2c998014571-1.webp?auto=compress,format"><div class="top"><div class="heading"><h1><strong>J</strong>stimler</h1><span>2023</span></div><div class="media-wrapper" data-cursor="-hidden"><img class="media" alt="project image" data-uid="" src="assets/images/Fabric.webp"></div></div><div class="tags"><p class="tag">Design</p><p class="tag">UX &amp; UI</p></div></button> <button class="work-tile bound" data-slug="promokings" data-heading="<h1><strong>Promo</strong>Kings</h1>" data-year="2023" data-text="Shopping at your fingertips. ;) " data-media="assets/images/works/promokings/wireframe22.webp || assets/images/works/promokings/wireframe-p2.webp"><div class="top"><div class="heading"><h1><strong>Promo</strong>kings</h1><span>2024</span></div><div class="media-wrapper" data-cursor="-hidden"><img class="media" alt="project image" data-uid="" src="assets/images/works/promokings/promokings.webp"></div></div><div class="tags"><p class="tag">Mobile</p><p class="tag">UX &amp; UI</p><p class="tag">Design</p></div></button></div></section><section class="reeler"><div class="sw-partner-marquee"><div class="sw-partner-marquee-row" style="transform:translate3d(-1976.67px,0,0)"><div class="sw-partner-marquee-row-item"><div class="sw-partner-logo"><div class="display-expla"><span>DESIGN<br>STUDIO</span></div><div class="display-video"><video data-src="assets/videos/bubbly.webm" class="lozad" autoplay="" playsinline="" loop="" muted="" poster="assets/images/bubbly.webp"></video></div></div><div class="sw-partner-logo"><div class="display-expla"><span>DESIGN<br>STUDIO</span></div><div class="display-video"><video data-src="assets/videos/bubbly3.webm" class="lozad" autoplay="" poster="assets/images/bubbly3.webp" playsinline="" loop="" muted=""></video></div></div><div class="sw-partner-logo"><div class="display-expla"><span>DESIGN<br>STUDIO</span></div><div class="display-video"><video data-src="assets/videos/bubbly.webm" class="lozad" autoplay="" playsinline="" loop="" muted="" poster="assets/images/bubbly.webp"></video></div></div><div class="sw-partner-logo"><div class="display-expla"><span>DESIGN<br>STUDIO</span></div><div class="display-video"><video data-src="assets/videos/bubbly3.webm" class="lozad" autoplay="" poster="assets/images/bubbly3.webp" playsinline="" loop="" muted=""></video></div></div><div class="sw-partner-logo"><div class="display-expla"><span>DESIGN<br>STUDIO</span></div><div class="display-video"><video data-src="assets/videos/bubbly.webm" class="lozad" autoplay="" playsinline="" loop="" muted="" poster="assets/images/bubbly.webp"></video></div></div><div class="sw-partner-logo"><div class="display-expla"><span>DESIGN<br>STUDIO</span></div><div class="display-video"><video data-src="assets/videos/bubbly3.webm" class="lozad" autoplay="" poster="assets/images/bubbly3.webp" playsinline="" loop="" muted=""></video></div></div><div class="sw-partner-logo"><div class="display-expla"><span>DESIGN<br>STUDIO</span></div><div class="display-video"><video data-src="assets/videos/bubbly.webm" class="lozad" autoplay="" playsinline="" loop="" muted="" poster="assets/images/bubbly.webp"></video></div></div><div class="sw-partner-logo"><div class="display-expla"><span>DESIGN<br>STUDIO</span></div><div class="display-video"><video data-src="assets/videos/bubbly3.webm" class="lozad" autoplay="" poster="assets/images/bubbly3.webp" playsinline="" loop="" muted=""></video></div></div><div class="sw-partner-logo"><div class="display-expla"><span>DESIGN<br>STUDIO</span></div><div class="display-video"><video data-src="assets/videos/bubbly.webm" class="lozad" autoplay="" playsinline="" loop="" muted="" poster="assets/images/bubbly.webp"></video></div></div><div class="sw-partner-logo"><div class="display-expla"><span>DESIGN<br>STUDIO</span></div><div class="display-video"><video data-src="assets/videos/bubbly3.webm" class="lozad" autoplay="" poster="assets/images/bubbly3.webp" playsinline="" loop="" muted=""></video></div></div><div class="sw-partner-logo"><div class="display-expla"><span>DESIGN<br>STUDIO</span></div><div class="display-video"><video data-src="assets/videos/bubbly.webm" class="lozad" autoplay="" playsinline="" loop="" muted="" poster="assets/images/bubbly.webp"></video></div></div><div class="sw-partner-logo"><div class="display-expla"><span>DESIGN<br>STUDIO</span></div><div class="display-video"><video data-src="assets/videos/bubbly3.webm" class="lozad" autoplay="" poster="assets/images/bubbly3.webp" playsinline="" loop="" muted=""></video></div></div><div class="sw-partner-logo"><div class="display-expla"><span>DESIGN<br>STUDIO</span></div><div class="display-video"><video data-src="assets/videos/bubbly.webm" class="lozad" autoplay="" playsinline="" loop="" muted="" poster="assets/images/bubbly.webp"></video></div></div><div class="sw-partner-logo"><div class="display-expla"><span>DESIGN<br>STUDIO</span></div><div class="display-video"><video data-src="assets/videos/bubbly3.webm" class="lozad" autoplay="" poster="assets/images/bubbly3.webp" playsinline="" loop="" muted=""></video></div></div></div></div></div></section><section class="works-exit"><div class="lets-make"><span class="make-top">Get ready to <span class="black">Rock and Roll!</span> </span><span class="logo-cue is-woman"></span></div><div class="contact-button-work"><img src="assets/svg/enter-arrow.svg" alt="contact  arrow " class="rotate180" srcset=""> <a class="rolling-text" href="contact">contact us</a></div></section><section class="footer white-section" id="footer" data-cursor="-inverse"><div class="footer-right"><span class="large-h">H</span> <span class="large-c">C <sup>◕</sup></span></div><div class="footer-left"><div class="sitemap"><div class="footer-map-header">SITEMAP</div><ul class="flexme"><li><a href="/" class="footer-links transit" aria-label="home link">Home</a></li><li><a href="services" class="footer-links transit" aria-label="services link">Services</a></li><li><a href="works" class="footer-links transit" aria-label="works link">Works</a></li><li><a href="studio" class="footer-links transit" aria-label="works link">Studio</a></li><li><a href="contact" class="footer-links transit" aria-label="contact-link">Contact</a></li><li><a href="process" class="footer-links transit" aria-label="process-link">Process</a></li></ul></div><div class="office"><div class="footer-map-header">OFFICE</div><ul><li>Nairobi, Kenya<br>Moi avenue</li><li class="br"></li><li class="li">+254 706-676-569</li></ul></div><div class="footer-social"><div class="footer-map-header">SOCIALS</div><ul class="flexme"><li><a href="" aria-label="instagram" target="_blank" class="instagram transit">instagram</a></li><li><a href="" aria-label="linktree" target="_blank" class="linktree transit">linktree</a></li><li><a href="" aria-label="behance" target="_blank" class="behance transit">behance</a></li><li><a href="" aria-label="twitter" target="_blank" class="twitter transit">twitter</a></li><li><a href="" aria-label="github" target="_blank" class="github transit">github</a></li></ul></div><div class="legal"><div class="footer-map-header">LEGAL</div><ul class="flexme"><li><a href="terms" class="transit" aria-label="terms">Terms</a></li><li><a href="privacy" class="transit" aria-label="cookies">cookies</a></li><li><a href="privacy" class="transit" aria-label="Privacy policy">Privacy policy</a></li></ul></div><div class="footer-contact"><div class="footer-map-header">CONTACT</div><ul><li>info@hypercritical.studio</li><li>+254 706-676-569</li><li>vickkietrake@gmail.com</li></ul></div><div class="footer-career"><div class="footer-map-header">CAREER</div><ul><li>career@hypercritical.studio</li><li>vickkie.github.io</li></ul></div></div><div class="footer-footer"><div class="footer-footer-left"><div>@2024 Hypercritical</div><div class="span">All rights Reserved</div></div><div class="footer-footer-right"><div><a href="" aria-label="site by &copy;uzitrake" class="developer-portfolio transit" target="_blank">site by &copy;uzitrake</a></div><div>back to top</div></div></div></section></div><a class="footer__link-top" id="toTop" href="#heromain" aria-label="scroll to top" data-cursor="-hidden" style="display:block"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-0.510301 2.3982 121 127.1"><path d="M 60 129 Z M -0.002 63.356 A 1 1 0 0 0 119.96 61.777 A 1 1 0 0 0 0 64 Z " stroke="none" stroke-width="0.5" class="top-arrow-wrapper"/><path d="M 46.676 41.238 L 80.562 41.037 L 80.38 72.604 M 80.312 41.537 L 39.085 84.014" class="top-arrow-path" stroke-width="5" fill="none"/></svg></a></main><link href="css/mf.css" rel="stylesheet"><script src="js/library/jquery-3.6.0.min.js"></script><script src="js/library/gsap.min.js"></script><script src="js/library/imagesloaded.pkgd.min.js"></script><script src="includes/transition.js"></script><script src="includes/page-loader-images.js"></script><script src="js/library/scrolltoplugin.js"></script><script src="js/library/scrolltrigger.js"></script><script src="js/library/split-text.js"></script><script src="js/library/multi-menu.js"></script><script src="js/library/react.production.min.js"></script><script src="js/library/react-dom.production.min.js"></script><script defer="defer" src="works.bundle.js"></script><script defer="defer" src="menu.bundle.js"></script><script defer="defer" src="projectSlider.bundle.js"></script></body></html>
\ No newline at end of file
