diff --git a/-/yashveer29.github.io/fifthtry-website/assets/Logo-dark.png b/-/yashveer29.github.io/fifthtry-website/assets/Logo-dark.png new file mode 100644 index 0000000..8bcd1a9 Binary files /dev/null and b/-/yashveer29.github.io/fifthtry-website/assets/Logo-dark.png differ diff --git a/-/yashveer29.github.io/fifthtry-website/assets/Logo.png b/-/yashveer29.github.io/fifthtry-website/assets/Logo.png index 65d0c25..847f35b 100644 Binary files a/-/yashveer29.github.io/fifthtry-website/assets/Logo.png and b/-/yashveer29.github.io/fifthtry-website/assets/Logo.png differ diff --git a/-/yashveer29.github.io/fifthtry-website/assets/hero-img.png b/-/yashveer29.github.io/fifthtry-website/assets/hero-img.png new file mode 100644 index 0000000..d7b639d Binary files /dev/null and b/-/yashveer29.github.io/fifthtry-website/assets/hero-img.png differ diff --git a/-/yashveer29.github.io/fifthtry-website/assets/logos/Apple-dark.png b/-/yashveer29.github.io/fifthtry-website/assets/logos/Apple-dark.png new file mode 100644 index 0000000..3a7f58e Binary files /dev/null and b/-/yashveer29.github.io/fifthtry-website/assets/logos/Apple-dark.png differ diff --git a/-/yashveer29.github.io/fifthtry-website/assets/logos/Apple.png b/-/yashveer29.github.io/fifthtry-website/assets/logos/Apple.png new file mode 100644 index 0000000..f9285b8 Binary files /dev/null and b/-/yashveer29.github.io/fifthtry-website/assets/logos/Apple.png differ diff --git a/-/yashveer29.github.io/fifthtry-website/assets/logos/Behance-dark.png b/-/yashveer29.github.io/fifthtry-website/assets/logos/Behance-dark.png new file mode 100644 index 0000000..28d47b7 Binary files /dev/null and b/-/yashveer29.github.io/fifthtry-website/assets/logos/Behance-dark.png differ diff --git a/-/yashveer29.github.io/fifthtry-website/assets/logos/Behance.png b/-/yashveer29.github.io/fifthtry-website/assets/logos/Behance.png new file mode 100644 index 0000000..fab29dc Binary files /dev/null and b/-/yashveer29.github.io/fifthtry-website/assets/logos/Behance.png differ diff --git a/-/yashveer29.github.io/fifthtry-website/assets/logos/Google-dark.png b/-/yashveer29.github.io/fifthtry-website/assets/logos/Google-dark.png new file mode 100644 index 0000000..38316c9 Binary files /dev/null and b/-/yashveer29.github.io/fifthtry-website/assets/logos/Google-dark.png differ diff --git a/-/yashveer29.github.io/fifthtry-website/assets/logos/Google.png b/-/yashveer29.github.io/fifthtry-website/assets/logos/Google.png new file mode 100644 index 0000000..60d8cff Binary files /dev/null and b/-/yashveer29.github.io/fifthtry-website/assets/logos/Google.png differ diff --git a/-/yashveer29.github.io/fifthtry-website/assets/logos/awwwards-dark.png b/-/yashveer29.github.io/fifthtry-website/assets/logos/awwwards-dark.png new file mode 100644 index 0000000..74041bd Binary files /dev/null and b/-/yashveer29.github.io/fifthtry-website/assets/logos/awwwards-dark.png differ diff --git a/-/yashveer29.github.io/fifthtry-website/assets/logos/awwwards.png b/-/yashveer29.github.io/fifthtry-website/assets/logos/awwwards.png new file mode 100644 index 0000000..efab62a Binary files /dev/null and b/-/yashveer29.github.io/fifthtry-website/assets/logos/awwwards.png differ diff --git a/-/yashveer29.github.io/fifthtry-website/assets/logos/dribbble-dark.png b/-/yashveer29.github.io/fifthtry-website/assets/logos/dribbble-dark.png new file mode 100644 index 0000000..3726356 Binary files /dev/null and b/-/yashveer29.github.io/fifthtry-website/assets/logos/dribbble-dark.png differ diff --git a/-/yashveer29.github.io/fifthtry-website/assets/logos/dribbble.png b/-/yashveer29.github.io/fifthtry-website/assets/logos/dribbble.png new file mode 100644 index 0000000..08756ce Binary files /dev/null and b/-/yashveer29.github.io/fifthtry-website/assets/logos/dribbble.png differ diff --git a/-/yashveer29.github.io/fifthtry-website/assets/skills/art-direction.png b/-/yashveer29.github.io/fifthtry-website/assets/skills/art-direction.png new file mode 100644 index 0000000..b725392 Binary files /dev/null and b/-/yashveer29.github.io/fifthtry-website/assets/skills/art-direction.png differ diff --git a/-/yashveer29.github.io/fifthtry-website/assets/skills/product-design.png b/-/yashveer29.github.io/fifthtry-website/assets/skills/product-design.png new file mode 100644 index 0000000..d8c47dc Binary files /dev/null and b/-/yashveer29.github.io/fifthtry-website/assets/skills/product-design.png differ diff --git a/-/yashveer29.github.io/fifthtry-website/assets/skills/visual-design.png b/-/yashveer29.github.io/fifthtry-website/assets/skills/visual-design.png new file mode 100644 index 0000000..bf2c9de Binary files /dev/null and b/-/yashveer29.github.io/fifthtry-website/assets/skills/visual-design.png differ diff --git a/-/yashveer29.github.io/fifthtry-website/assets/work/img1.png b/-/yashveer29.github.io/fifthtry-website/assets/work/img1.png new file mode 100644 index 0000000..9d9c267 Binary files /dev/null and b/-/yashveer29.github.io/fifthtry-website/assets/work/img1.png differ diff --git a/-/yashveer29.github.io/fifthtry-website/assets/work/img2.png b/-/yashveer29.github.io/fifthtry-website/assets/work/img2.png new file mode 100644 index 0000000..7e4bd03 Binary files /dev/null and b/-/yashveer29.github.io/fifthtry-website/assets/work/img2.png differ diff --git a/-/yashveer29.github.io/fifthtry-website/assets/work/img3.png b/-/yashveer29.github.io/fifthtry-website/assets/work/img3.png new file mode 100644 index 0000000..e6c4e7c Binary files /dev/null and b/-/yashveer29.github.io/fifthtry-website/assets/work/img3.png differ diff --git a/-/yashveer29.github.io/fifthtry-website/assets/work/img4.png b/-/yashveer29.github.io/fifthtry-website/assets/work/img4.png new file mode 100644 index 0000000..2613068 Binary files /dev/null and b/-/yashveer29.github.io/fifthtry-website/assets/work/img4.png differ diff --git a/-/yashveer29.github.io/fifthtry-website/assets/work/img5.png b/-/yashveer29.github.io/fifthtry-website/assets/work/img5.png new file mode 100644 index 0000000..c8f9ddc Binary files /dev/null and b/-/yashveer29.github.io/fifthtry-website/assets/work/img5.png differ diff --git a/-/yashveer29.github.io/fifthtry-website/assets/work/img6.png b/-/yashveer29.github.io/fifthtry-website/assets/work/img6.png new file mode 100644 index 0000000..8440ea0 Binary files /dev/null and b/-/yashveer29.github.io/fifthtry-website/assets/work/img6.png differ diff --git a/assets/Logo-dark.png b/assets/Logo-dark.png new file mode 100644 index 0000000..8bcd1a9 Binary files /dev/null and b/assets/Logo-dark.png differ diff --git a/assets/Logo.png b/assets/Logo.png index 65d0c25..847f35b 100644 Binary files a/assets/Logo.png and b/assets/Logo.png differ diff --git a/assets/hero-img.png b/assets/hero-img.png new file mode 100644 index 0000000..d7b639d Binary files /dev/null and b/assets/hero-img.png differ diff --git a/assets/logos/Apple-dark.png b/assets/logos/Apple-dark.png new file mode 100644 index 0000000..3a7f58e Binary files /dev/null and b/assets/logos/Apple-dark.png differ diff --git a/assets/logos/Apple.png b/assets/logos/Apple.png new file mode 100644 index 0000000..f9285b8 Binary files /dev/null and b/assets/logos/Apple.png differ diff --git a/assets/logos/Behance-dark.png b/assets/logos/Behance-dark.png new file mode 100644 index 0000000..28d47b7 Binary files /dev/null and b/assets/logos/Behance-dark.png differ diff --git a/assets/logos/Behance.png b/assets/logos/Behance.png new file mode 100644 index 0000000..fab29dc Binary files /dev/null and b/assets/logos/Behance.png differ diff --git a/assets/logos/Google-dark.png b/assets/logos/Google-dark.png new file mode 100644 index 0000000..38316c9 Binary files /dev/null and b/assets/logos/Google-dark.png differ diff --git a/assets/logos/Google.png b/assets/logos/Google.png new file mode 100644 index 0000000..60d8cff Binary files /dev/null and b/assets/logos/Google.png differ diff --git a/assets/logos/awwwards-dark.png b/assets/logos/awwwards-dark.png new file mode 100644 index 0000000..74041bd Binary files /dev/null and b/assets/logos/awwwards-dark.png differ diff --git a/assets/logos/awwwards.png b/assets/logos/awwwards.png new file mode 100644 index 0000000..efab62a Binary files /dev/null and b/assets/logos/awwwards.png differ diff --git a/assets/logos/dribbble-dark.png b/assets/logos/dribbble-dark.png new file mode 100644 index 0000000..3726356 Binary files /dev/null and b/assets/logos/dribbble-dark.png differ diff --git a/assets/logos/dribbble.png b/assets/logos/dribbble.png new file mode 100644 index 0000000..08756ce Binary files /dev/null and b/assets/logos/dribbble.png differ diff --git a/assets/skills/art-direction.png b/assets/skills/art-direction.png new file mode 100644 index 0000000..b725392 Binary files /dev/null and b/assets/skills/art-direction.png differ diff --git a/assets/skills/product-design.png b/assets/skills/product-design.png new file mode 100644 index 0000000..d8c47dc Binary files /dev/null and b/assets/skills/product-design.png differ diff --git a/assets/skills/visual-design.png b/assets/skills/visual-design.png new file mode 100644 index 0000000..bf2c9de Binary files /dev/null and b/assets/skills/visual-design.png differ diff --git a/assets/work/img1.png b/assets/work/img1.png new file mode 100644 index 0000000..9d9c267 Binary files /dev/null and b/assets/work/img1.png differ diff --git a/assets/work/img2.png b/assets/work/img2.png new file mode 100644 index 0000000..7e4bd03 Binary files /dev/null and b/assets/work/img2.png differ diff --git a/assets/work/img3.png b/assets/work/img3.png new file mode 100644 index 0000000..e6c4e7c Binary files /dev/null and b/assets/work/img3.png differ diff --git a/assets/work/img4.png b/assets/work/img4.png new file mode 100644 index 0000000..2613068 Binary files /dev/null and b/assets/work/img4.png differ diff --git a/assets/work/img5.png b/assets/work/img5.png new file mode 100644 index 0000000..c8f9ddc Binary files /dev/null and b/assets/work/img5.png differ diff --git a/assets/work/img6.png b/assets/work/img6.png new file mode 100644 index 0000000..8440ea0 Binary files /dev/null and b/assets/work/img6.png differ diff --git a/default-A896CA328DBE2D07EE9FCD111B37A5089B9720C94BE63AA092084E010D4B0646.js b/default-6BE3BF8D60CD55BB4AE4148D22887908E7871AE5412E156E8D12421E8EB3B248.js similarity index 99% rename from default-A896CA328DBE2D07EE9FCD111B37A5089B9720C94BE63AA092084E010D4B0646.js rename to default-6BE3BF8D60CD55BB4AE4148D22887908E7871AE5412E156E8D12421E8EB3B248.js index ab25ba3..88fb06e 100644 --- a/default-A896CA328DBE2D07EE9FCD111B37A5089B9720C94BE63AA092084E010D4B0646.js +++ b/default-6BE3BF8D60CD55BB4AE4148D22887908E7871AE5412E156E8D12421E8EB3B248.js @@ -1249,7 +1249,7 @@ fastn_dom.Length = { Px: (value) => { if (value instanceof fastn.mutableClass) { return fastn.formula([value], function () { - return `${value.get()}px`; + return `${fastn_utils.getStaticValue(value)}px`; }); } return `${value}px`; @@ -1257,7 +1257,7 @@ fastn_dom.Length = { Em: (value) => { if (value instanceof fastn.mutableClass) { return fastn.formula([value], function () { - return `${value.get()}em`; + return `${fastn_utils.getStaticValue(value)}em`; }); } return `${value}em`; @@ -1265,7 +1265,7 @@ fastn_dom.Length = { Rem: (value) => { if (value instanceof fastn.mutableClass) { return fastn.formula([value], function () { - return `${value.get()}rem`; + return `${fastn_utils.getStaticValue(value)}rem`; }); } return `${value}rem`; @@ -1273,7 +1273,7 @@ fastn_dom.Length = { Percent: (value) => { if (value instanceof fastn.mutableClass) { return fastn.formula([value], function () { - return `${value.get()}%`; + return `${fastn_utils.getStaticValue(value)}%`; }); } return `${value}%`; @@ -1281,7 +1281,7 @@ fastn_dom.Length = { Calc: (value) => { if (value instanceof fastn.mutableClass) { return fastn.formula([value], function () { - return `calc(${value.get()})`; + return `calc(${fastn_utils.getStaticValue(value)})`; }); } return `calc(${value})`; @@ -1289,7 +1289,7 @@ fastn_dom.Length = { Vh: (value) => { if (value instanceof fastn.mutableClass) { return fastn.formula([value], function () { - return `${value.get()}vh`; + return `${fastn_utils.getStaticValue(value)}vh`; }); } return `${value}vh`; @@ -1297,7 +1297,7 @@ fastn_dom.Length = { Vw: (value) => { if (value instanceof fastn.mutableClass) { return fastn.formula([value], function () { - return `${value.get()}vw`; + return `${fastn_utils.getStaticValue(value)}vw`; }); } return `${value}vw`; @@ -1305,7 +1305,7 @@ fastn_dom.Length = { Dvh: (value) => { if (value instanceof fastn.mutableClass) { return fastn.formula([value], function () { - return `${value.get()}dvh`; + return `${fastn_utils.getStaticValue(value)}dvh`; }); } return `${value}dvh`; @@ -1313,7 +1313,7 @@ fastn_dom.Length = { Lvh: (value) => { if (value instanceof fastn.mutableClass) { return fastn.formula([value], function () { - return `${value.get()}lvh`; + return `${fastn_utils.getStaticValue(value)}lvh`; }); } return `${value}lvh`; @@ -1321,7 +1321,7 @@ fastn_dom.Length = { Svh: (value) => { if (value instanceof fastn.mutableClass) { return fastn.formula([value], function () { - return `${value.get()}svh`; + return `${fastn_utils.getStaticValue(value)}svh`; }); } return `${value}svh`; @@ -1330,7 +1330,7 @@ fastn_dom.Length = { Vmin: (value) => { if (value instanceof fastn.mutableClass) { return fastn.formula([value], function () { - return `${value.get()}vmin`; + return `${fastn_utils.getStaticValue(value)}vmin`; }); } return `${value}vmin`; @@ -1338,7 +1338,7 @@ fastn_dom.Length = { Vmax: (value) => { if (value instanceof fastn.mutableClass) { return fastn.formula([value], function () { - return `${value.get()}vmax`; + return `${fastn_utils.getStaticValue(value)}vmax`; }); } return `${value}vmax`; diff --git a/index.ftd b/index.ftd index 2c3e2cf..0d67118 100644 --- a/index.ftd +++ b/index.ftd @@ -4,18 +4,31 @@ -- hero: +-- logos: + +-- all-skills: + +-- all-work:My latest Work + -- end: ds.page + + + + + + + -- component header: -- ds.section-row: - inset: $ds.spaces.inset-wide.large - outer-background.solid: $ds.colors.background.step-2 - spacing: $ds.spaces.horizontal-gap.space-between - flush: full - margin: $ds.spaces.vertical-gap.extra-large +inset: $ds.spaces.inset-wide.large +outer-background.solid: $ds.colors.background.step-2 +spacing: $ds.spaces.horizontal-gap.space-between +flush: full +margin: $ds.spaces.vertical-gap.extra-large -- ftd.image: src: assets/Logo.png @@ -40,6 +53,13 @@ link: / + + + + + + + -- component hero: -- ds.section-row: @@ -51,15 +71,213 @@ spacing: $ds.spaces.vertical-gap.large -- ds.heading-small: UI/UX | Product design -- ds.heading-hero: My awesome portfolio --- ds.heading-tiny: And I made it myself! Yes. usign fifthtry design system +-- ds.heading-tiny: And I made it myself! Yes using fifthtry design system -- end: ds.column -- ftd.image: -src: assets/Image.png +src: assets/hero-img.png -- end: ds.section-row -- end: hero + + + + + + + +-- component logos: + +-- ds.section-row: +flush: full +;;border-top: $ds.borders.thin +;;border-bottom: $ds.borders.thin + + +-- ftd.image: +src: $assets.files.assets.logos.dribbble.png + +-- ftd.image: +src: $assets.files.assets.logos.Behance.png + +-- ftd.image: +src: $assets.files.assets.logos.Apple.png + +-- ftd.image: +src: $assets.files.assets.logos.Google.png + +-- ftd.image: +src: $assets.files.assets.logos.awwwards.png + + +-- end: ds.section-row + +-- end: logos + + + + + + + + +-- component skills: +caption title: +body body: +ftd.image-src image: + +-- ds.column: +width.fixed.px: 240 +inset: $ds.spaces.inset-square.small + +-- ftd.image: +src: $skills.image + +-- ds.heading-small: $skills.title +align: center + +-- ds.copy-small: +align: center + +$skills.body + + +-- end: ds.column + +-- end: skills + + + + + + + + +-- component all-skills: + +-- ds.inline-row: +width: fill-container +spacing: $ds.spaces.horizontal-gap.large +;;margin: $ds.spaces.vertical-gap.exta-large + +-- skills: Product Design +image: $assets.files.assets.skills.product-design.png + +This is a template Figma file, turned into code using Anima. Learn more at AnimaApp.com + +-- skills: Art direction +image: $assets.files.assets.skills.product-design.png + +This is a template Figma file, turned into code using Anima. Learn more at AnimaApp.com + +-- skills: Visual design +image: $assets.files.assets.skills.product-design.png + +This is a template Figma file, turned into code using Anima. Learn more at AnimaApp.com + +-- end: ds.inline-row + +-- end: all-skills + + + + + + + +-- component work: +caption title: +body body: +ftd.image-src image: + +-- ds.column: +align-content: left +width.fixed.px: 240 +inset: $ds.spaces.inset-square.small +spacing: $ds.spaces.vertical-gap.small + +-- ftd.image: +src: $work.image +width: fill-container + +-- ds.heading-tiny: $work.title +align: left + +-- ds.copy-small: +align: left + +$work.body + + +-- end: ds.column + +-- end: work + + + + + + +-- component all-work: +caption title: + +-- ds.column: +spacing: $ds.spaces.vertical-gap.medium + +-- ds.heading-large: $all-work.title +align: center + +-- ds.inline-row: +width: fill-container +spacing: $ds.spaces.horizontal-gap.large +;;margin: $ds.spaces.vertical-gap.exta-large +;;wrap: true + +-- work: Free Bird +image: $assets.files.assets.work.img1.png + +Lynyrd Skynyrd + +-- work: Purple Haze +image: $assets.files.assets.work.img2.png + +Jimi Hendrix + +-- work: You Really Got Me +image: $assets.files.assets.work.img3.png + +The Kinks + +-- work: American Girl +image: $assets.files.assets.work.img4.png + +Tom Petty + +-- work: Whole Lotta Love +image: $assets.files.assets.work.img5.png + +Led Zeppelin + +-- work: Under Pressure +image: $assets.files.assets.work.img6.png + +Queen + +-- end: ds.inline-row + +-- end: ds.column + +-- end: all-work + + + + + + + + + diff --git a/index.html b/index.html index 866d309..3360358 100644 --- a/index.html +++ b/index.html @@ -15,7 +15,7 @@ - + @@ -333,7 +333,7 @@ -
AboutWorkContact
UI/UX | Product design
My awesome portfolio
And I made it myself! Yes. usign fifthtry design system
Created using fastn