From ddae711489c43162b9ac66d4ca1ab7451098dfab Mon Sep 17 00:00:00 2001 From: "Gustavo L de Mello (Guz)" Date: Tue, 17 Dec 2024 19:56:48 -0300 Subject: [PATCH] chore: temp fix, upload uno.css instead of building in derivation (npm is too slow) --- .gitignore | 2 +- assets/css/uno.css | 138 +++++++++++++++++++++++++++++++++++++++++++++ derivation.nix | 55 +++++++++--------- 3 files changed, 166 insertions(+), 29 deletions(-) create mode 100644 assets/css/uno.css diff --git a/.gitignore b/.gitignore index 59db3f8..3ff8509 100644 --- a/.gitignore +++ b/.gitignore @@ -3,6 +3,6 @@ node_modules/ *_templ.go *_templ.txt *.env -uno.css +# uno.css tmp result diff --git a/assets/css/uno.css b/assets/css/uno.css new file mode 100644 index 0000000..7584f7c --- /dev/null +++ b/assets/css/uno.css @@ -0,0 +1,138 @@ +/* layer: preflights */ +*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;} +/* layer: icons */ +.i-pixelarticons\:bug{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M8 2h2v4h4V2h2v4h2v3h2v2h-2v2h4v2h-4v2h2v2h-2v3H6v-3H4v-2h2v-2H2v-2h4v-2H4V9h2V6h2zm8 6H8v3h8zm-5 5H8v7h3zm2 7h3v-7h-3zM4 9H2V7h2zm0 10v2H2v-2zm16 0h2v2h-2zm0-10V7h2v2z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;} +.i-pixelarticons\:camera{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M9 3H7v2H2v16h20V5h-5V3zm8 4h3v12H4V7h5V5h6v2zm-7 2h4v2h-4zm4 6h-4v2h4zh2v-4h-2zm-6-4h2v4H8z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;} +.i-pixelarticons\:external-link{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M21 11V3h-8v2h4v2h-2v2h-2v2h-2v2H9v2h2v-2h2v-2h2V9h2V7h2v4zM11 5H3v16h16v-8h-2v6H5V7h6z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;} +.i-pixelarticons\:file-alt{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M21 22H3V2h12v2h2v2h2v2h2zM17 6h-2v2h2zM5 4v16h14V10h-6V4zm8 12H7v2h6zm-6-4h10v2H7zm4-4H7v2h4z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;} +.i-pixelarticons\:heart{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M9 2H5v2H3v2H1v6h2v2h2v2h2v2h2v2h2v2h2v-2h2v-2h2v-2h2v-2h2v-2h2V6h-2V4h-2V2h-4v2h-2v2h-2V4H9zm0 2v2h2v2h2V6h2V4h4v2h2v6h-2v2h-2v2h-2v2h-2v2h-2v-2H9v-2H7v-2H5v-2H3V6h2V4z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;} +/* layer: default */ +.pointer-events-none{pointer-events:none;} +.absolute{position:absolute;} +.fixed{position:fixed;} +.relative{position:relative;} +.left-0{left:0;} +.right-0{right:0;} +.top-0{top:0;} +.z-1{z-index:1;} +.z-2{z-index:2;} +.z-3{z-index:3;} +.z-4{z-index:4;} +.m-0{margin:0;} +.m-4{margin:1rem;} +.mb-0{margin-bottom:0;} +.mb-3{margin-bottom:0.75rem;} +.mb-4{margin-bottom:1rem;} +.mb-8{margin-bottom:2rem;} +.me{margin-inline-end:1rem;} +.mt-3{margin-top:0.75rem;} +.mt-4{margin-top:1rem;} +.inline-block{display:inline-block;} +.hidden{display:none;} +.h-0\.5rem{height:0.5rem;} +.h-0\.75rem{height:0.75rem;} +.h-100\%, +.h-full{height:100%;} +.h-15rem{height:15rem;} +.h-1rem{height:1rem;} +.h-3rem{height:3rem;} +.max-h-80\%{max-height:80%;} +.max-w-60\%{max-width:60%;} +.max-w-full{max-width:100%;} +.min-h-20rem{min-height:20rem;} +.min-w-20rem{min-width:20rem;} +.w-0\.5rem{width:0.5rem;} +.w-100\%, +.w-full{width:100%;} +.w-15rem{width:15rem;} +.w-1rem{width:1rem;} +.flex{display:flex;} +.flex-col{flex-direction:column;} +.-translate-x-15\%{--un-translate-x:-15%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +.translate-x-100\%{--un-translate-x:100%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +.translate-x-50\%{--un-translate-x:50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +.translate-x-70\%{--un-translate-x:70%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +.rotate-180{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:180deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +.snap-y{scroll-snap-type:y var(--un-scroll-snap-strictness);} +.snap-mandatory{--un-scroll-snap-strictness:mandatory;} +.snap-center{scroll-snap-align:center;} +.snap-normal{scroll-snap-stop:normal;} +.list-none{list-style-type:none;} +.items-end{align-items:flex-end;} +.items-center{align-items:center;} +.justify-end{justify-content:flex-end;} +.justify-center{justify-content:center;} +.justify-between{justify-content:space-between;} +.gap-2{gap:0.5rem;} +.overflow-x-hidden{overflow-x:hidden;} +.scroll-smooth{scroll-behavior:smooth;} +.bg-black{--un-bg-opacity:1;background-color:rgb(0 0 0 / var(--un-bg-opacity)) /* #000 */;} +.bg-gray{--un-bg-opacity:1;background-color:rgb(156 163 175 / var(--un-bg-opacity)) /* #9ca3af */;} +.from-black{--un-gradient-from-position:0%;--un-gradient-from:rgb(0 0 0 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(0 0 0 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);} +.to-transparent{--un-gradient-to-position:100%;--un-gradient-to:transparent var(--un-gradient-to-position);} +.to-50\%{--un-gradient-to-position:50%;} +.bg-gradient-to-b{--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));} +.bg-gradient-to-r{--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));} +.bg-gradient-to-t{--un-gradient-shape:to top in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));} +.bg-bottom{background-position:bottom;} +.bg-top{background-position:top;} +.p-0{padding:0;} +.py-20{padding-top:5rem;padding-bottom:5rem;} +.pl-3{padding-left:0.75rem;} +.pr-5{padding-right:1.25rem;} +.pt-4{padding-top:1rem;} +.text-right{text-align:right;} +.text-justify{text-align:justify;} +.text-2xl{font-size:1.5rem;line-height:2rem;} +.text-4xl{font-size:2.25rem;line-height:2.5rem;} +.text-5xl{font-size:3rem;line-height:1;} +.text-8xl{font-size:6rem;line-height:1;} +.text-9xl{font-size:8rem;line-height:1;} +.text-xs{font-size:0.75rem;line-height:1rem;} +.text-current{color:currentColor /* currentColor */;} +.text-transparent{color:transparent /* transparent */;} +.text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity)) /* #fff */;} +.font-japanese{font-family:Kaisei Decol;} +.font-serif{font-family:Quattrocento,ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;} +.italic{font-style:italic;} +.underline{text-decoration-line:underline;} +.underline-offset-3{text-underline-offset:3px;} +.no-underline{text-decoration:none;} +.opacity-50{opacity:0.5;} +.h-screen{height:100vh;height:100dvh;} +.min-h-screen{min-height:100vh;min-height:100dvh;} +.w-screen{width:100vw;width:100dvw;} +.text-stroke-1px{-webkit-text-stroke-width:1px;text-stroke-width:1px;} +.text-stroke-white{-webkit-text-stroke-color:white;text-stroke-color:white;} +.vertical-lr{writing-mode:vertical-lr;} +.vertical-rl{writing-mode:vertical-rl;} +.bg-heropattern{background-image:url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10h10v10H0V10zM10 0h10v10H10V0z' fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");} +@media (min-width: 768px){ +.md\:relative{position:relative;} +.md\:m-0{margin:0;} +.md\:mt-1{margin-top:0.25rem;} +.md\:block{display:block;} +.md\:inline-block{display:inline-block;} +.md\:hidden{display:none;} +.md\:h-70\%{height:70%;} +.md\:h-fit{height:fit-content;} +.md\:w-fit{width:fit-content;} +.md\:flex{display:flex;} +.md\:flex-col{flex-direction:column;} +.md\:translate-x-0{--un-translate-x:0;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +.md\:translate-x-100\%{--un-translate-x:100%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +.md\:rotate-0{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:0;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +.md\:items-center{align-items:center;} +.md\:justify-center{justify-content:center;} +.md\:gap-10{gap:2.5rem;} +.md\:gap-7{gap:1.75rem;} +.md\:rounded-xl{border-radius:0.75rem;} +.md\:from-20\%{--un-gradient-from-position:20%;} +.md\:to-50\%{--un-gradient-to-position:50%;} +.md\:bg-gradient-to-t{--un-gradient-shape:to top in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));} +.md\:p-0{padding:0;} +.md\:text-center{text-align:center;} +.md\:opacity-100{opacity:1;} +.md\:horizontal-tb{writing-mode:horizontal-tb;} +} \ No newline at end of file diff --git a/derivation.nix b/derivation.nix index cb2f8da..a378e7d 100644 --- a/derivation.nix +++ b/derivation.nix @@ -6,33 +6,32 @@ ... }: let v = "2024-12-15"; - - npm = pkgs.buildNpmPackage { - name = "Keiko's Work NPM Build"; - version = v; - - src = gitignore.lib.gitignoreSource ./.; - - npmDepsHash = "sha256-8J4oIl4B9gOQcfq4KPUMPnrlgB1vde3x0YVOUBdWCU8="; - npmPackFlags = ["--ignore-scripts"]; - - buildPhase = '' - runHook preBuild - - npm run unocss - - runHook postBuild - ''; - - installPhase = '' - runHook preInstall - - mkdir -p $out - cp -r ./* $out - - runHook postInstall - ''; - }; + # npm = pkgs.buildNpmPackage { + # name = "Keiko's Work NPM Build"; + # version = v; + # + # src = gitignore.lib.gitignoreSource ./.; + # + # npmDepsHash = "sha256-8J4oIl4B9gOQcfq4KPUMPnrlgB1vde3x0YVOUBdWCU8="; + # npmPackFlags = ["--ignore-scripts"]; + # + # buildPhase = '' + # runHook preBuild + # + # npm run unocss + # + # runHook postBuild + # ''; + # + # installPhase = '' + # runHook preInstall + # + # mkdir -p $out + # cp -r ./* $out + # + # runHook postInstall + # ''; + # }; in pkgs.buildGoModule { name = "Keiko's Work"; @@ -40,7 +39,7 @@ in version = v; - src = npm; + src = gitignore.lib.gitignoreSource ./.; nativeBuildInputs = [ pkgs.nodejs_20