From a58b8d677c5d32947b0c30ae1c5e1ffea144072e Mon Sep 17 00:00:00 2001 From: Samrudh Date: Fri, 27 Oct 2023 17:07:58 +0530 Subject: [PATCH] Cleared some files --- Scripty.js | 122 ----------------------- Styles1.css | 280 ---------------------------------------------------- abcd.html | 142 -------------------------- 3 files changed, 544 deletions(-) delete mode 100644 Scripty.js delete mode 100644 Styles1.css delete mode 100644 abcd.html diff --git a/Scripty.js b/Scripty.js deleted file mode 100644 index c9a7476..0000000 --- a/Scripty.js +++ /dev/null @@ -1,122 +0,0 @@ -function init() { - gsap.registerPlugin(ScrollTrigger); - - const locoScroll = new LocomotiveScroll({ - el: document.querySelector(".main"), - smooth: true - }); - locoScroll.on("scroll", ScrollTrigger.update); - - ScrollTrigger.scrollerProxy(".main", { - scrollTop(value) { - return arguments.length ? locoScroll.scrollTo(value, 0, 0) : locoScroll.scroll.instance.scroll.y; - }, // we don't have to define a scrollLeft because we're only scrolling vertically. - getBoundingClientRect() { - return { top: 0, left: 0, width: window.innerWidth, height: window.innerHeight }; - }, - pinType: document.querySelector(".main").style.transform ? "transform" : "fixed" - }); - - - ScrollTrigger.addEventListener("refresh", () => locoScroll.update()); - - ScrollTrigger.refresh(); - -} - -init() - -var crsr = document.querySelector(".cursor") -var main = document.querySelector(".main") -document.addEventListener("mousemove",function(dets){ - crsr.style.left = dets.x + 20+"px" - crsr.style.top = dets.y + 20+"px" -}) - -gsap.from(".page1 h1,.page1 h2", { - y: 10, - rotate: 10, - opacity: 0, - delay: 0.3, - duration: 0.7 -}) -var tl = gsap.timeline({ - scrollTrigger: { - trigger: ".page1 h1", - scroller: ".main", - // markers:true, - start: "top 27%", - end: "top 0", - scrub: 3 - } -}) -tl.to(".page1 h1", { - x: -100, -}, "anim") -tl.to(".page1 h2", { - x: 100 -}, "anim") -tl.to(".page1 video", { - width: "90%" -}, "anim") - -var tl2 = gsap.timeline({ - scrollTrigger: { - trigger: ".page1 h1", - scroller: ".main", - // markers:true, - start: "top -115%", - end: "top -120%", - scrub: 3 - } -}) -tl2.to(".main", { - backgroundColor: "#fff", -}) - -var tl3 = gsap.timeline({ - scrollTrigger: { - trigger: ".page1 h1", - scroller: ".main", - // markers:true, - start: "top -280%", - end: "top -300%", - scrub: 3 - } -}) - -tl3.to(".main",{ - backgroundColor:"#0F0D0D" -}) - - -var boxes = document.querySelectorAll(".box") -boxes.forEach(function(elem){ - elem.addEventListener("mouseenter",function(){ - var att = elem.getAttribute("data-image") - crsr.style.width = "470px" - crsr.style.height = "370px" - crsr.style.borderRadius = "0" - crsr.style.backgroundImage = `url(${att})` - }) - elem.addEventListener("mouseleave",function(){ - elem.style.backgroundColor = "transparent" - crsr.style.width = "20px" - crsr.style.height = "20px" - crsr.style.borderRadius = "50%" - crsr.style.backgroundImage = `none` - }) -}) - -var h4 = document.querySelectorAll("#nav h4") -var purple = document.querySelector("#purple") -h4.forEach(function(elem){ - elem.addEventListener("mouseenter",function(){ - purple.style.display = "block" - purple.style.opacity = "1" - }) - elem.addEventListener("mouseleave",function(){ - purple.style.display = "none" - purple.style.opacity = "0" - }) -}) \ No newline at end of file diff --git a/Styles1.css b/Styles1.css deleted file mode 100644 index b1f5973..0000000 --- a/Styles1.css +++ /dev/null @@ -1,280 +0,0 @@ -@font-face { - font-family: PP mori; - src: url(./ppmori.ttf); -} - -* { - margin: 0; - padding: 0; - box-sizing: border-box; - font-family: PP mori; - color: #fff; -} - -html, body { - height: 100%; - width: 100%; -} -#purple{ - height: 100vh; - width: 100vw; - top: 0; - position: fixed; - z-index: 100; - background-color: #EDBFFF; - opacity: 0; - display: none; - transition: opacity ease 1s; - -} -.cursor{ - height: 20px; - width: 20px; - border-radius: 50%; - position: fixed; - background-color: #EDBFFF; - z-index: 8; - transition: background-image ease 0.5s; - background-position: center; - background-size:cover ; - mix-blend-mode: difference; -} -.main{ - background-color: #0F0D0D; - cursor: none; -} - -.page1{ - min-height: 100vh; - width: 100%; - position: relative; - z-index: 9; - padding-top: 12vw; -} - - -#nav{ - height: 55px; - width: 100%; - /* background-color: red; */ - display: flex; - align-items: center; - justify-content: space-between; - padding: 0 30px; - position: fixed; - mix-blend-mode: difference; - z-index:102; -} -#nav img{ - height: 27px; -} -#nav-part2{ - display: flex; - align-items: center; - justify-content: center; - gap: 20px; -} - -#nav #circle{ - height: 18px; - width: 18px; - border-radius: 50%; - background-color: #fff; -} -#nav h4{ - font-size: 16px; - font-weight: 500; - text-transform: uppercase; -} -#nav h4:nth-child(1){ - border-bottom: 1.5px solid #fff; -} - -.page1 h1{ - font-size: 8vw; - font-weight: 300; - font-family: PP mori; - - margin-left: 6vw; - transform-origin: left; -} -.page1 h2{ - font-size: 8vw; - font-weight: 300; - transform-origin: left; - - margin-left: 26vw; -} - -.page1 video{ - width: 60%; - margin-top: 10vw; - position: relative; - left: 50%; - transform: translate(-50%,0); -} - -.page2{ - min-height: 80vh; - width: 100%; - padding: 100px 5vw; - border-bottom: 2px solid #6c6c6c; - position: relative; - z-index: 9; -} - -.page2 h1{ - font-size:7vw; - font-weight: 500; - color: #111; - -} -.page2-container{ - height: 60vh; - width: 100%; - /* background-color: red; */ - display: flex; - align-items: center; - justify-content: space-between; - /* padding: 0 5vw; */ -} -.page2-left{ - /* background-color: blue; */ - width: 40%; -} -.page2-right{ - /* background-color: blue; */ - width: 24%; -} -.page2-left h2{ - font-size: 4vw; - font-weight: 300; - color: #111; - line-height: 4vw; -} -.page2-right p{ - font-size: 28px; - color: #111; -} -.page2-right button{ - width: 100%; - border-radius: 50px; - border: none; - padding: 4px 0; - background-color: #EDBFFF; - color: #111; - margin-top: 20px; -} - -.page3{ - min-height: 100vh; - width: 100%; - padding-top: 100px; - position: relative; - z-index: 9; -} - -.page3 h1{ - font-size: 6.8vw; - font-weight: 300; - color: #111; - margin-left: 100px; -} -.page3-part1{ - display: flex; - align-items: flex-start; - justify-content: space-between; - -} -.page3-part1 img{ - height: 400px; - margin-top: 160px; -} -.page3-part1 video{ - height: 400px; - margin-top: 40px; -} -.page4{ - min-height: 100vh; - width: 100%; - z-index: 9; - position: relative; - padding: 170px 100px; -} -.elem{ - /* background-color: salmon; */ - margin-bottom: 10px; - display: flex; - align-items: center; - justify-content: center; - position: relative; -} -.elem img{ - position: absolute; - opacity: 0; - transition: all ease-out 0.5s; - transform: translateY(10%) rotate(2deg); -} -.elem img:nth-child(1){ - left: 2%; -} -.elem img:nth-child(3){ - right: 5%; -} -.text-div{ - height: 16vh; - position: relative; - z-index: 9; - overflow: hidden; -} -.elem h1{ - font-size: 7.5vw; - font-weight: 600; - transition: all ease-out 0.5s; -} - -.elem:hover h1{ - transform: translateY(-100%); - color: #EDBFFF; -} -.elem:hover img{ - opacity: 1; - transform: translateY(0%) rotate(0deg); - -} - - -.page5{ - min-height: 100vh; - width: 100%; - position: relative; - z-index: 9; - padding: 140px 100px; -} -.page5 h2{ - font-size: 4vw; - text-transform: uppercase; - font-weight: 400; - margin-bottom: 50px; -} -.box{ - /* background-color: red; */ - display: flex; - align-items: center; - justify-content: space-between; - height: 100px; - padding: 0 20px; - border-top: 2px solid #dadada; -} - -.box:nth-last-child(1){ - border-bottom: 2px solid #dadada; - -} - - -footer{ - height: 90vh; - width: 100%; - background-color: #EDBFFF; -} \ No newline at end of file diff --git a/abcd.html b/abcd.html deleted file mode 100644 index 291c2e2..0000000 --- a/abcd.html +++ /dev/null @@ -1,142 +0,0 @@ - - - - - - - Duo Studio — A Creative Digital Agency in Washington DC - - - - - - -
- -
- -
-
-
- -

Digitally crafted

-

brand experiences

- -
-
-

We are Duo Studio,

-
-
-

A CREATIVE - COLLECTIVE - MADE TO UNLOCK - YOUR BRAND’S - POTENTIAL

-
-
-

We weave together bold strategy and creative execution to produce thought-provoking digital - experiences. We take a highly personalized approach to delivering branding, web design, and - content marketing solutions. Born in the DC area - now serving clients worldwide.

- -
-
- -
-
-

Selected Works

-
- - -
-
-
-
- -
-

Strategy

-

Strategy

-
- -
-
- -
-

Strategy

-

Strategy

-
- -
-
- -
-

Strategy

-

Strategy

-
- -
- -
-
-

Mentions Clients

-
-

Verizon

-

2021

-
-
-

Verizon

-

2021

-
-
-

Verizon

-

2021

-
-
-

Verizon

-

2021

-
-
-

Verizon

-

2021

-
-
-
- -
-
- - - - - - - - \ No newline at end of file