Skip to content

Commit

Permalink
Merge pull request #2 from mustafamengutay/v2
Browse files Browse the repository at this point in the history 
feat: add new user-interface
  • Loading branch information
@mustafamengutay
mustafamengutay authored Aug 10, 2024
2 parents 0aa9c66 + dbec5f0 commit b449ce9
Show file tree
Hide file tree
Showing 4 changed files with 162 additions and 317 deletions.
302 changes: 69 additions & 233 deletions dist/output.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -522,311 +522,147 @@ video {
--tw-backdrop-sepia: ;
}

.-mx-3 {
margin-left: -0.75rem;
margin-right: -0.75rem;
}

.mx-auto {
margin-left: auto;
margin-right: auto;
}

.mb-\[1\.6rem\] {
margin-bottom: 1.6rem;
}

.mb-\[2\.4rem\] {
margin-bottom: 2.4rem;
}

.mb-\[4\.8rem\] {
margin-bottom: 4.8rem;
}

.flex {
display: flex;
}

.hidden {
display: none;
}

.h-\[10\.4rem\] {
height: 10.4rem;
}

.h-\[56\.6rem\] {
height: 56.6rem;
}

.h-\[6\.5rem\] {
height: 6.5rem;
.mb-16 {
margin-bottom: 4rem;
}

.h-screen {
height: 100vh;
.mb-32 {
margin-bottom: 8rem;
}

.w-\[10\.4rem\] {
width: 10.4rem;
.mb-5 {
margin-bottom: 1.25rem;
}

.w-\[35rem\] {
width: 35rem;
.mb-\[-4px\] {
margin-bottom: -4px;
}

.w-screen {
width: 100vw;
.block {
display: block;
}

.transform {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
.flex {
display: flex;
}

@keyframes fade {
0% {
opacity: 0;
}

100% {
opacity: 1;
}
.max-w-\[692px\] {
max-width: 692px;
}

.animate-fade {
animation: fade 1s both;
.cursor-pointer {
cursor: pointer;
}

.flex-col {
flex-direction: column;
}

.flex-wrap {
flex-wrap: wrap;
}

.items-start {
align-items: flex-start;
}

.items-center {
align-items: center;
}

.justify-end {
justify-content: flex-end;
}

.justify-center {
justify-content: center;
}

.gap-\[0\.6rem\] {
gap: 0.6rem;
.rounded-md {
border-radius: 0.375rem;
}

.gap-\[1rem\] {
gap: 1rem;
}

.whitespace-nowrap {
white-space: nowrap;
}

.rounded-full {
border-radius: 9999px;
}

.bg-black {
.bg-\[\#111110\] {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.object-cover {
-o-object-fit: cover;
object-fit: cover;
}

.font-serif {
font-family: Inter;
background-color: rgb(17 17 16 / var(--tw-bg-opacity));
}

.text-\[2\.4rem\] {
font-size: 2.4rem;
.px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}

.text-\[2rem\] {
font-size: 2rem;
.px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}

.text-\[3\.2rem\] {
font-size: 3.2rem;
.py-16 {
padding-top: 4rem;
padding-bottom: 4rem;
}

.text-base {
font-size: 1.6rem;
.text-\[14px\] {
font-size: 14px;
}

.font-light {
font-weight: 300;
}

.leading-\[150\.5\%\] {
line-height: 150.5%;
.font-medium {
font-weight: 500;
}

.tracking-\[-0\.4px\] {
letter-spacing: -0.4px;
.font-normal {
font-weight: 400;
}

.text-\[\#636363\] {
--tw-text-opacity: 1;
color: rgb(99 99 99 / var(--tw-text-opacity));
.leading-\[1\.65\] {
line-height: 1.65;
}

.text-black {
.text-\[\#EEEEEC\] {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
color: rgb(238 238 236 / var(--tw-text-opacity));
}

.text-white {
.text-\[\#b5b3ad\] {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}

.transition {
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}

.transition-transform {
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
color: rgb(181 179 173 / var(--tw-text-opacity));
}

.ease-in-out {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
.text-gray-100 {
--tw-text-opacity: 1;
color: rgb(243 244 246 / var(--tw-text-opacity));
}

.animate-once {
animation-iteration-count: 1;
.underline {
text-decoration-line: underline;
}

.animate-ease-in {
animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
.no-underline {
text-decoration-line: none;
}

html {
font-size: 62.5%;
.decoration-\[\#b5b3ad\] {
text-decoration-color: #b5b3ad;
}

.hover\:scale-105:hover {
--tw-scale-x: 1.05;
--tw-scale-y: 1.05;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
.hover\:bg-\[\#191919\]:hover {
--tw-bg-opacity: 1;
background-color: rgb(25 25 25 / var(--tw-bg-opacity));
}

.hover\:text-white:hover {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
.hover\:underline:hover {
text-decoration-line: underline;
}

.active\:scale-100:active {
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
.hover\:underline-offset-4:hover {
text-underline-offset: 4px;
}

@media (min-width: 431px) {
.sm\:absolute {
position: absolute;
}

.sm\:left-\[36\.5rem\] {
left: 36.5rem;
}

.sm\:top-\[19rem\] {
top: 19rem;
}

.sm\:mx-auto {
margin-left: auto;
margin-right: auto;
}

.sm\:mt-\[6rem\] {
margin-top: 6rem;
}

.sm\:inline {
display: inline;
}

.sm\:flex {
display: flex;
}

.sm\:h-\[4rem\] {
height: 4rem;
}

.sm\:h-\[5\.6rem\] {
height: 5.6rem;
}

.sm\:w-\[116rem\] {
width: 116rem;
}

.sm\:w-\[15\.3rem\] {
width: 15.3rem;
}

.sm\:w-\[5\.6rem\] {
width: 5.6rem;
}

.sm\:w-\[59\.6rem\] {
width: 59.6rem;
}

.sm\:flex-col {
flex-direction: column;
}

.sm\:justify-start {
justify-content: flex-start;
}

.sm\:gap-\[1\.05rem\] {
gap: 1.05rem;
}

.sm\:gap-\[2\.4rem\] {
gap: 2.4rem;
}

.sm\:px-\[4\.5rem\] {
padding-left: 4.5rem;
padding-right: 4.5rem;
}

.sm\:py-\[1\.1rem\] {
padding-top: 1.1rem;
padding-bottom: 1.1rem;
.sm\:mb-32 {
margin-bottom: 8rem;
}

.sm\:text-base {
font-size: 1.6rem;
.sm\:mb-4 {
margin-bottom: 1rem;
}

.sm\:text-lg {
font-size: 2rem;
.sm\:py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
}
Binary file removed images/pp-bw.jpeg
View file
Binary file not shown.
Loading

0 comments on commit b449ce9

Please sign in to comment.