From 39f0709f75b70eb93418026af4213ab021e66125 Mon Sep 17 00:00:00 2001 From: Daniel Restrepo Date: Sat, 1 Jul 2023 15:02:33 +0200 Subject: [PATCH 1/5] Cambiando estilos css por sass mediante vite --- student-blogs/dfrestrepo-1489/.gitignore | 1 + student-blogs/dfrestrepo-1489/index.html | 170 ++++ student-blogs/dfrestrepo-1489/main.mjs | 9 + .../dfrestrepo-1489/package-lock.json | 740 ++++++++++++++++++ student-blogs/dfrestrepo-1489/package.json | 18 + .../dfrestrepo-1489/styles/base.scss | 211 +++++ .../dfrestrepo-1489/styles/desktop.scss | 13 + .../dfrestrepo-1489/styles/main.scss | 2 + .../dfrestrepo-1489/styles/vars.scss | 16 + 9 files changed, 1180 insertions(+) create mode 100644 student-blogs/dfrestrepo-1489/.gitignore create mode 100644 student-blogs/dfrestrepo-1489/index.html create mode 100644 student-blogs/dfrestrepo-1489/main.mjs create mode 100644 student-blogs/dfrestrepo-1489/package-lock.json create mode 100644 student-blogs/dfrestrepo-1489/package.json create mode 100644 student-blogs/dfrestrepo-1489/styles/base.scss create mode 100644 student-blogs/dfrestrepo-1489/styles/desktop.scss create mode 100644 student-blogs/dfrestrepo-1489/styles/main.scss create mode 100644 student-blogs/dfrestrepo-1489/styles/vars.scss diff --git a/student-blogs/dfrestrepo-1489/.gitignore b/student-blogs/dfrestrepo-1489/.gitignore new file mode 100644 index 00000000..b512c09d --- /dev/null +++ b/student-blogs/dfrestrepo-1489/.gitignore @@ -0,0 +1 @@ +node_modules \ No newline at end of file diff --git a/student-blogs/dfrestrepo-1489/index.html b/student-blogs/dfrestrepo-1489/index.html new file mode 100644 index 00000000..fffe33cb --- /dev/null +++ b/student-blogs/dfrestrepo-1489/index.html @@ -0,0 +1,170 @@ + + + + + + + + dfrestrepo-1489 + + + + + + +
+ +
+
+
+

👋 Hola, Soy Daniel Restrepo

+
+ +
+ +
+ +
+
+

✏️ Soy diseñador de experiencia de usuario y de interfaces gráficas, + apasionado + por el + código de lo que se ve.

+

Busco la utilidad de los productos digitales, visualizando todo el proceso, desde + la + investigación hasta + la puesta en marcha del producto.

+
+ +
+

🛠 Skills

+
    +
  • Diseño estratégico de producto
    • +
  • Design tinking
    • +
  • Maquetador (HTLM, CSS)
    • +
+
+ +
+

Comandos de la terminal

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ComandoDescipción
cdIr a la raíz
lsListar los directorios
open .Abre el directorio en el finder
code .Abre el directorio en VS code
clearLimpia la consola
+
+ +
+ +

Alias favoritos

+ + + + + + + + + + + + + + + + + + + + + + +
AliasDescipción
c="clear" Limpia la terminal
ga='git add .' Agrega los cambios al stage
gcm="git commit -m" Simplifica la escritura de un commit con mensaje
gp='git push' Sube los cambios al remoto
+ + +
+ +
+
+ + +
+
+

📮 Contáctame

+
+
+
+ +
+ +
+ ¡Gracias por visitar este espacio! +
  + +
+
+ + + + + + \ No newline at end of file diff --git a/student-blogs/dfrestrepo-1489/main.mjs b/student-blogs/dfrestrepo-1489/main.mjs new file mode 100644 index 00000000..ff3d500c --- /dev/null +++ b/student-blogs/dfrestrepo-1489/main.mjs @@ -0,0 +1,9 @@ +// main.mjs +function handleSubmit(event) { + event.preventDefault(); + console.log("Lo lograste campeón!!"); +} + +const $form =document.querySelector("form"); + +$form.addEventListener("submit", handleSubmit); \ No newline at end of file diff --git a/student-blogs/dfrestrepo-1489/package-lock.json b/student-blogs/dfrestrepo-1489/package-lock.json new file mode 100644 index 00000000..759946bf --- /dev/null +++ b/student-blogs/dfrestrepo-1489/package-lock.json @@ -0,0 +1,740 @@ +{ + "name": "dfrestrepo-1489", + "version": "1.0.0", + "lockfileVersion": 3, + "requires": true, + "packages": { + "": { + "name": "dfrestrepo-1489", + "version": "1.0.0", + "license": "ISC", + "devDependencies": { + "sass": "^1.63.6", + "vite": "^4.3.9" + } + }, + "node_modules/@esbuild/android-arm": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.17.19.tgz", + "integrity": "sha512-rIKddzqhmav7MSmoFCmDIb6e2W57geRsM94gV2l38fzhXMwq7hZoClug9USI2pFRGL06f4IOPHHpFNOkWieR8A==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/android-arm64": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.17.19.tgz", + "integrity": "sha512-KBMWvEZooR7+kzY0BtbTQn0OAYY7CsiydT63pVEaPtVYF0hXbUaOyZog37DKxK7NF3XacBJOpYT4adIJh+avxA==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/android-x64": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.17.19.tgz", + "integrity": "sha512-uUTTc4xGNDT7YSArp/zbtmbhO0uEEK9/ETW29Wk1thYUJBz3IVnvgEiEwEa9IeLyvnpKrWK64Utw2bgUmDveww==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/darwin-arm64": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.17.19.tgz", + "integrity": "sha512-80wEoCfF/hFKM6WE1FyBHc9SfUblloAWx6FJkFWTWiCoht9Mc0ARGEM47e67W9rI09YoUxJL68WHfDRYEAvOhg==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/darwin-x64": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.17.19.tgz", + "integrity": "sha512-IJM4JJsLhRYr9xdtLytPLSH9k/oxR3boaUIYiHkAawtwNOXKE8KoU8tMvryogdcT8AU+Bflmh81Xn6Q0vTZbQw==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/freebsd-arm64": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.17.19.tgz", + "integrity": "sha512-pBwbc7DufluUeGdjSU5Si+P3SoMF5DQ/F/UmTSb8HXO80ZEAJmrykPyzo1IfNbAoaqw48YRpv8shwd1NoI0jcQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/freebsd-x64": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.17.19.tgz", + "integrity": "sha512-4lu+n8Wk0XlajEhbEffdy2xy53dpR06SlzvhGByyg36qJw6Kpfk7cp45DR/62aPH9mtJRmIyrXAS5UWBrJT6TQ==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-arm": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.17.19.tgz", + "integrity": "sha512-cdmT3KxjlOQ/gZ2cjfrQOtmhG4HJs6hhvm3mWSRDPtZ/lP5oe8FWceS10JaSJC13GBd4eH/haHnqf7hhGNLerA==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-arm64": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.17.19.tgz", + "integrity": "sha512-ct1Tg3WGwd3P+oZYqic+YZF4snNl2bsnMKRkb3ozHmnM0dGWuxcPTTntAF6bOP0Sp4x0PjSF+4uHQ1xvxfRKqg==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-ia32": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.17.19.tgz", + "integrity": "sha512-w4IRhSy1VbsNxHRQpeGCHEmibqdTUx61Vc38APcsRbuVgK0OPEnQ0YD39Brymn96mOx48Y2laBQGqgZ0j9w6SQ==", + "cpu": [ + "ia32" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-loong64": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.17.19.tgz", + "integrity": "sha512-2iAngUbBPMq439a+z//gE+9WBldoMp1s5GWsUSgqHLzLJ9WoZLZhpwWuym0u0u/4XmZ3gpHmzV84PonE+9IIdQ==", + "cpu": [ + "loong64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-mips64el": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.17.19.tgz", + "integrity": "sha512-LKJltc4LVdMKHsrFe4MGNPp0hqDFA1Wpt3jE1gEyM3nKUvOiO//9PheZZHfYRfYl6AwdTH4aTcXSqBerX0ml4A==", + "cpu": [ + "mips64el" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-ppc64": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.17.19.tgz", + "integrity": "sha512-/c/DGybs95WXNS8y3Ti/ytqETiW7EU44MEKuCAcpPto3YjQbyK3IQVKfF6nbghD7EcLUGl0NbiL5Rt5DMhn5tg==", + "cpu": [ + "ppc64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-riscv64": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.17.19.tgz", + "integrity": "sha512-FC3nUAWhvFoutlhAkgHf8f5HwFWUL6bYdvLc/TTuxKlvLi3+pPzdZiFKSWz/PF30TB1K19SuCxDTI5KcqASJqA==", + "cpu": [ + "riscv64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-s390x": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.17.19.tgz", + "integrity": "sha512-IbFsFbxMWLuKEbH+7sTkKzL6NJmG2vRyy6K7JJo55w+8xDk7RElYn6xvXtDW8HCfoKBFK69f3pgBJSUSQPr+4Q==", + "cpu": [ + "s390x" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-x64": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.17.19.tgz", + "integrity": "sha512-68ngA9lg2H6zkZcyp22tsVt38mlhWde8l3eJLWkyLrp4HwMUr3c1s/M2t7+kHIhvMjglIBrFpncX1SzMckomGw==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/netbsd-x64": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.17.19.tgz", + "integrity": "sha512-CwFq42rXCR8TYIjIfpXCbRX0rp1jo6cPIUPSaWwzbVI4aOfX96OXY8M6KNmtPcg7QjYeDmN+DD0Wp3LaBOLf4Q==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "netbsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/openbsd-x64": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.17.19.tgz", + "integrity": "sha512-cnq5brJYrSZ2CF6c35eCmviIN3k3RczmHz8eYaVlNasVqsNY+JKohZU5MKmaOI+KkllCdzOKKdPs762VCPC20g==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "openbsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/sunos-x64": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.17.19.tgz", + "integrity": "sha512-vCRT7yP3zX+bKWFeP/zdS6SqdWB8OIpaRq/mbXQxTGHnIxspRtigpkUcDMlSCOejlHowLqII7K2JKevwyRP2rg==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "sunos" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/win32-arm64": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.17.19.tgz", + "integrity": "sha512-yYx+8jwowUstVdorcMdNlzklLYhPxjniHWFKgRqH7IFlUEa0Umu3KuYplf1HUZZ422e3NU9F4LGb+4O0Kdcaag==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/win32-ia32": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.17.19.tgz", + "integrity": "sha512-eggDKanJszUtCdlVs0RB+h35wNlb5v4TWEkq4vZcmVt5u/HiDZrTXe2bWFQUez3RgNHwx/x4sk5++4NSSicKkw==", + "cpu": [ + "ia32" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/win32-x64": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.17.19.tgz", + "integrity": "sha512-lAhycmKnVOuRYNtRtatQR1LPQf2oYCkRGkSFnseDAKPl8lu5SOsK/e1sXe5a0Pc5kHIHe6P2I/ilntNv2xf3cA==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/anymatch": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz", + "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==", + "dev": true, + "dependencies": { + "normalize-path": "^3.0.0", + "picomatch": "^2.0.4" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/binary-extensions": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz", + "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/braces": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", + "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", + "dev": true, + "dependencies": { + "fill-range": "^7.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/chokidar": { + "version": "3.5.3", + "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz", + "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==", + "dev": true, + "funding": [ + { + "type": "individual", + "url": "https://paulmillr.com/funding/" + } + ], + "dependencies": { + "anymatch": "~3.1.2", + "braces": "~3.0.2", + "glob-parent": "~5.1.2", + "is-binary-path": "~2.1.0", + "is-glob": "~4.0.1", + "normalize-path": "~3.0.0", + "readdirp": "~3.6.0" + }, + "engines": { + "node": ">= 8.10.0" + }, + "optionalDependencies": { + "fsevents": "~2.3.2" + } + }, + "node_modules/esbuild": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.17.19.tgz", + "integrity": "sha512-XQ0jAPFkK/u3LcVRcvVHQcTIqD6E2H1fvZMA5dQPSOWb3suUbWbfbRf94pjc0bNzRYLfIrDRQXr7X+LHIm5oHw==", + "dev": true, + "hasInstallScript": true, + "bin": { + "esbuild": "bin/esbuild" + }, + "engines": { + "node": ">=12" + }, + "optionalDependencies": { + "@esbuild/android-arm": "0.17.19", + "@esbuild/android-arm64": "0.17.19", + "@esbuild/android-x64": "0.17.19", + "@esbuild/darwin-arm64": "0.17.19", + "@esbuild/darwin-x64": "0.17.19", + "@esbuild/freebsd-arm64": "0.17.19", + "@esbuild/freebsd-x64": "0.17.19", + "@esbuild/linux-arm": "0.17.19", + "@esbuild/linux-arm64": "0.17.19", + "@esbuild/linux-ia32": "0.17.19", + "@esbuild/linux-loong64": "0.17.19", + "@esbuild/linux-mips64el": "0.17.19", + "@esbuild/linux-ppc64": "0.17.19", + "@esbuild/linux-riscv64": "0.17.19", + "@esbuild/linux-s390x": "0.17.19", + "@esbuild/linux-x64": "0.17.19", + "@esbuild/netbsd-x64": "0.17.19", + "@esbuild/openbsd-x64": "0.17.19", + "@esbuild/sunos-x64": "0.17.19", + "@esbuild/win32-arm64": "0.17.19", + "@esbuild/win32-ia32": "0.17.19", + "@esbuild/win32-x64": "0.17.19" + } + }, + "node_modules/fill-range": { + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", + "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", + "dev": true, + "dependencies": { + "to-regex-range": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/fsevents": { + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz", + "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==", + "dev": true, + "hasInstallScript": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": "^8.16.0 || ^10.6.0 || >=11.0.0" + } + }, + "node_modules/glob-parent": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", + "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", + "dev": true, + "dependencies": { + "is-glob": "^4.0.1" + }, + "engines": { + "node": ">= 6" + } + }, + "node_modules/immutable": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.0.tgz", + "integrity": "sha512-0AOCmOip+xgJwEVTQj1EfiDDOkPmuyllDuTuEX+DDXUgapLAsBIfkg3sxCYyCEA8mQqZrrxPUGjcOQ2JS3WLkg==", + "dev": true + }, + "node_modules/is-binary-path": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz", + "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==", + "dev": true, + "dependencies": { + "binary-extensions": "^2.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/is-extglob": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", + "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/is-glob": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", + "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", + "dev": true, + "dependencies": { + "is-extglob": "^2.1.1" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/is-number": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", + "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", + "dev": true, + "engines": { + "node": ">=0.12.0" + } + }, + "node_modules/nanoid": { + "version": "3.3.6", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz", + "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "bin": { + "nanoid": "bin/nanoid.cjs" + }, + "engines": { + "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1" + } + }, + "node_modules/normalize-path": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", + "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/picocolors": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz", + "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==", + "dev": true + }, + "node_modules/picomatch": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", + "dev": true, + "engines": { + "node": ">=8.6" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, + "node_modules/postcss": { + "version": "8.4.24", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.24.tgz", + "integrity": "sha512-M0RzbcI0sO/XJNucsGjvWU9ERWxb/ytp1w6dKtxTKgixdtQDq4rmx/g8W1hnaheq9jgwL/oyEdH5Bc4WwJKMqg==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/postcss" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "dependencies": { + "nanoid": "^3.3.6", + "picocolors": "^1.0.0", + "source-map-js": "^1.0.2" + }, + "engines": { + "node": "^10 || ^12 || >=14" + } + }, + "node_modules/readdirp": { + "version": "3.6.0", + "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz", + "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==", + "dev": true, + "dependencies": { + "picomatch": "^2.2.1" + }, + "engines": { + "node": ">=8.10.0" + } + }, + "node_modules/rollup": { + "version": "3.24.0", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.24.0.tgz", + "integrity": "sha512-OgraHOIg2YpHQTjl0/ymWfFNBEyPucB7lmhXrQUh38qNOegxLapSPFs9sNr0qKR75awW41D93XafoR2QfhBdUQ==", + "dev": true, + "bin": { + "rollup": "dist/bin/rollup" + }, + "engines": { + "node": ">=14.18.0", + "npm": ">=8.0.0" + }, + "optionalDependencies": { + "fsevents": "~2.3.2" + } + }, + "node_modules/sass": { + "version": "1.63.6", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.63.6.tgz", + "integrity": "sha512-MJuxGMHzaOW7ipp+1KdELtqKbfAWbH7OLIdoSMnVe3EXPMTmxTmlaZDCTsgIpPCs3w99lLo9/zDKkOrJuT5byw==", + "dev": true, + "dependencies": { + "chokidar": ">=3.0.0 <4.0.0", + "immutable": "^4.0.0", + "source-map-js": ">=0.6.2 <2.0.0" + }, + "bin": { + "sass": "sass.js" + }, + "engines": { + "node": ">=14.0.0" + } + }, + "node_modules/source-map-js": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz", + "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/to-regex-range": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", + "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", + "dev": true, + "dependencies": { + "is-number": "^7.0.0" + }, + "engines": { + "node": ">=8.0" + } + }, + "node_modules/vite": { + "version": "4.3.9", + "resolved": "https://registry.npmjs.org/vite/-/vite-4.3.9.tgz", + "integrity": "sha512-qsTNZjO9NoJNW7KnOrgYwczm0WctJ8m/yqYAMAK9Lxt4SoySUfS5S8ia9K7JHpa3KEeMfyF8LoJ3c5NeBJy6pg==", + "dev": true, + "dependencies": { + "esbuild": "^0.17.5", + "postcss": "^8.4.23", + "rollup": "^3.21.0" + }, + "bin": { + "vite": "bin/vite.js" + }, + "engines": { + "node": "^14.18.0 || >=16.0.0" + }, + "optionalDependencies": { + "fsevents": "~2.3.2" + }, + "peerDependencies": { + "@types/node": ">= 14", + "less": "*", + "sass": "*", + "stylus": "*", + "sugarss": "*", + "terser": "^5.4.0" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + }, + "less": { + "optional": true + }, + "sass": { + "optional": true + }, + "stylus": { + "optional": true + }, + "sugarss": { + "optional": true + }, + "terser": { + "optional": true + } + } + } + } +} diff --git a/student-blogs/dfrestrepo-1489/package.json b/student-blogs/dfrestrepo-1489/package.json new file mode 100644 index 00000000..635972da --- /dev/null +++ b/student-blogs/dfrestrepo-1489/package.json @@ -0,0 +1,18 @@ +{ + "name": "dfrestrepo-1489", + "version": "1.0.0", + "description": "", + "main": "index.js", + "scripts": { + "dev": "vite", + "build": "vite build", + "preview": "vite preview" + }, + "keywords": [], + "author": "", + "license": "ISC", + "devDependencies": { + "sass": "^1.63.6", + "vite": "^4.3.9" + } +} diff --git a/student-blogs/dfrestrepo-1489/styles/base.scss b/student-blogs/dfrestrepo-1489/styles/base.scss new file mode 100644 index 00000000..25227cf1 --- /dev/null +++ b/student-blogs/dfrestrepo-1489/styles/base.scss @@ -0,0 +1,211 @@ +@use './vars.scss'; + +* { + margin: 0px; + padding: 0px; + box-sizing: border-box; +} + +body { + font-family: vars.$font-default; + font-size: vars.$base-size; + font-weight: 400; + background-color: vars.$color-light; + color: vars.$color-dark; +} + +.container { + padding: vars.$base-size; + width: 100%; + max-width: 1200px; + margin: auto; +} + +.content-home-sticky { + display: flex; + flex-wrap: wrap; + padding-top: 10rem; +} + +.col-1-3, +.col-1-7 { + width: 100%; +} + + + +/* titles */ +.title-l { + font-size: 2.5rem; + font-weight: 800; + line-height: 3rem; + padding-bottom: 1.25rem; +} + +.title-m { + font-size: 2rem; + font-weight: 800; + line-height: 2.5rem; + padding-bottom: 1rem; +} + +.title-s { + font-size: 1.5rem; + font-weight: 800; + line-height: 2rem; + padding-bottom: 0.75rem; +} + +.title-xs { + font-size: 1rem; + font-weight: 800; + line-height: 2rem; +} + +.display1 { + font-size: 4rem; +} + +/* paragraphs */ +.p-m { + font-size: 1.5rem; + font-weight: 400; + line-height: 2rem; + padding-bottom: 0.75rem; +} + +.codeline { + display: flex; + align-items: center; + justify-content: center; + gap: .5rem; +} + +.code { + padding: .25rem; + background-color: vars.$color-dark; + color: vars.$color-bittersweet; + border-radius: .25rem; + white-space: nowrap; +} + +/* botones */ + +.btn { + border: solid 1px vars.$color-dark; + padding: 1rem 2rem; + border-radius: 0; + background: transparent; + cursor: pointer; +} + +.btn:hover { + opacity: .8; +} + +.btn.action { + border: solid 1px vars.$color-bittersweet; + padding: 1rem 2rem; + border-radius: 0; + background: vars.$color-bittersweet; + color: vars.$color-dark; +} + +/* helpers */ +.flex-col-start { + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: flex-start; +} + +.gap-s { + gap: .25rem; +} + +.mb-l { + margin-bottom: 10rem; +} + +.mt-l { + margin-top: 10rem; +} + +.sticky-button { + position: sticky; + bottom: 1rem; +} + +/* estilos para etiquetas (para el ejercicio) */ +header { + position: sticky; + top: 8rem; +} + + +section { + padding-bottom: 5rem; +} + +footer { + font-size: .75rem; + text-align: center; + padding: 2rem 1rem; +} + +h1 { + margin-bottom: 2rem; +} + +a { + color: vars.$color-dark +} + +a:hover { + color: vars.$color-bittersweet; +} + +table{ + width: 100%; +} + +tr th { + text-align: left; + border-bottom: solid vars.$color-bittersweet; +} + +tr th, +tr td { + padding: .5rem; +} + +/* Forms */ +form { + width: 100%; + max-width: 500px; +} + +.form-item { + display: flex; + flex-direction: column; + flex-wrap: wrap; + align-items: start; + gap: .5rem; + margin-bottom: 1rem; + width: 100%; +} + +input[type=text], +input[type=email] { + font-family: vars.$font-default; + padding: .5rem 1rem; + width: 100%; +} + +fieldset { + padding: 1rem; + display: flex; + flex-direction: column; + gap: 1rem; + width: 100%; +} \ No newline at end of file diff --git a/student-blogs/dfrestrepo-1489/styles/desktop.scss b/student-blogs/dfrestrepo-1489/styles/desktop.scss new file mode 100644 index 00000000..ed0fdf52 --- /dev/null +++ b/student-blogs/dfrestrepo-1489/styles/desktop.scss @@ -0,0 +1,13 @@ +@media screen and (min-width:900px) { + .col-1-3 { + width: 30%; + } + + .col-1-7 { + width: 70%; + } + + .display1 { + font-size: 10rem; + } +} \ No newline at end of file diff --git a/student-blogs/dfrestrepo-1489/styles/main.scss b/student-blogs/dfrestrepo-1489/styles/main.scss new file mode 100644 index 00000000..a0e54750 --- /dev/null +++ b/student-blogs/dfrestrepo-1489/styles/main.scss @@ -0,0 +1,2 @@ +@use './base.scss'; +@use './desktop.scss'; \ No newline at end of file diff --git a/student-blogs/dfrestrepo-1489/styles/vars.scss b/student-blogs/dfrestrepo-1489/styles/vars.scss new file mode 100644 index 00000000..cac67ecd --- /dev/null +++ b/student-blogs/dfrestrepo-1489/styles/vars.scss @@ -0,0 +1,16 @@ +@import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;800&display=swap'); + + $font-default: 'Inconsolata', monospace; + $base-size: 18px; + + + + // COLOR TOKENS ------------------- + $color-bittersweet: #FF6060; + $color-cod-gray: #191919; + $color-hint-of-green: #e6ffef; + + + $color-primary: $color-bittersweet; + $color-dark: $color-cod-gray; + $color-light: $color-hint-of-green; From 584d6d9d731cac5e5090e50f29a5563a9fa37ab5 Mon Sep 17 00:00:00 2001 From: Daniel Restrepo Date: Sat, 1 Jul 2023 15:20:54 +0200 Subject: [PATCH 2/5] Cambiando a la carpeta correcta :) --- README.md | 1 + {student-blogs => student-cvs}/dfrestrepo-1489/.gitignore | 0 {student-blogs => student-cvs}/dfrestrepo-1489/index.html | 0 {student-blogs => student-cvs}/dfrestrepo-1489/main.mjs | 0 {student-blogs => student-cvs}/dfrestrepo-1489/package-lock.json | 0 {student-blogs => student-cvs}/dfrestrepo-1489/package.json | 0 {student-blogs => student-cvs}/dfrestrepo-1489/styles/base.scss | 0 .../dfrestrepo-1489/styles/desktop.scss | 0 {student-blogs => student-cvs}/dfrestrepo-1489/styles/main.scss | 0 {student-blogs => student-cvs}/dfrestrepo-1489/styles/vars.scss | 0 10 files changed, 1 insertion(+) rename {student-blogs => student-cvs}/dfrestrepo-1489/.gitignore (100%) rename {student-blogs => student-cvs}/dfrestrepo-1489/index.html (100%) rename {student-blogs => student-cvs}/dfrestrepo-1489/main.mjs (100%) rename {student-blogs => student-cvs}/dfrestrepo-1489/package-lock.json (100%) rename {student-blogs => student-cvs}/dfrestrepo-1489/package.json (100%) rename {student-blogs => student-cvs}/dfrestrepo-1489/styles/base.scss (100%) rename {student-blogs => student-cvs}/dfrestrepo-1489/styles/desktop.scss (100%) rename {student-blogs => student-cvs}/dfrestrepo-1489/styles/main.scss (100%) rename {student-blogs => student-cvs}/dfrestrepo-1489/styles/vars.scss (100%) diff --git a/README.md b/README.md index c075c87e..d4cd9dc1 100644 --- a/README.md +++ b/README.md @@ -63,3 +63,4 @@ Crear una función que dada una fecha nos permita "humanizarla" con las siguient │ │ └── desktop.scss │ └── main.mjs // Agregar función para humanizar fechas ``` + \ No newline at end of file diff --git a/student-blogs/dfrestrepo-1489/.gitignore b/student-cvs/dfrestrepo-1489/.gitignore similarity index 100% rename from student-blogs/dfrestrepo-1489/.gitignore rename to student-cvs/dfrestrepo-1489/.gitignore diff --git a/student-blogs/dfrestrepo-1489/index.html b/student-cvs/dfrestrepo-1489/index.html similarity index 100% rename from student-blogs/dfrestrepo-1489/index.html rename to student-cvs/dfrestrepo-1489/index.html diff --git a/student-blogs/dfrestrepo-1489/main.mjs b/student-cvs/dfrestrepo-1489/main.mjs similarity index 100% rename from student-blogs/dfrestrepo-1489/main.mjs rename to student-cvs/dfrestrepo-1489/main.mjs diff --git a/student-blogs/dfrestrepo-1489/package-lock.json b/student-cvs/dfrestrepo-1489/package-lock.json similarity index 100% rename from student-blogs/dfrestrepo-1489/package-lock.json rename to student-cvs/dfrestrepo-1489/package-lock.json diff --git a/student-blogs/dfrestrepo-1489/package.json b/student-cvs/dfrestrepo-1489/package.json similarity index 100% rename from student-blogs/dfrestrepo-1489/package.json rename to student-cvs/dfrestrepo-1489/package.json diff --git a/student-blogs/dfrestrepo-1489/styles/base.scss b/student-cvs/dfrestrepo-1489/styles/base.scss similarity index 100% rename from student-blogs/dfrestrepo-1489/styles/base.scss rename to student-cvs/dfrestrepo-1489/styles/base.scss diff --git a/student-blogs/dfrestrepo-1489/styles/desktop.scss b/student-cvs/dfrestrepo-1489/styles/desktop.scss similarity index 100% rename from student-blogs/dfrestrepo-1489/styles/desktop.scss rename to student-cvs/dfrestrepo-1489/styles/desktop.scss diff --git a/student-blogs/dfrestrepo-1489/styles/main.scss b/student-cvs/dfrestrepo-1489/styles/main.scss similarity index 100% rename from student-blogs/dfrestrepo-1489/styles/main.scss rename to student-cvs/dfrestrepo-1489/styles/main.scss diff --git a/student-blogs/dfrestrepo-1489/styles/vars.scss b/student-cvs/dfrestrepo-1489/styles/vars.scss similarity index 100% rename from student-blogs/dfrestrepo-1489/styles/vars.scss rename to student-cvs/dfrestrepo-1489/styles/vars.scss From b46b5646a754986b7b0a991673448abdcd48e24a Mon Sep 17 00:00:00 2001 From: Daniel Restrepo Date: Sat, 1 Jul 2023 15:56:18 +0200 Subject: [PATCH 3/5] cambios css por sass y metiendo fechas amigables en la plantilla de blog --- student-blogs/dfrestrepo-1489/.gitignore | 1 + student-blogs/dfrestrepo-1489/index.html | 259 ++++++ student-blogs/dfrestrepo-1489/main.mjs | 32 + .../dfrestrepo-1489/package-lock.json | 748 ++++++++++++++++++ student-blogs/dfrestrepo-1489/package.json | 21 + .../dfrestrepo-1489/styles/base.scss | 202 +++++ .../dfrestrepo-1489/styles/desktop.scss | 18 + .../dfrestrepo-1489/styles/main.scss | 2 + .../dfrestrepo-1489/styles/vars.scss | 31 + 9 files changed, 1314 insertions(+) create mode 100644 student-blogs/dfrestrepo-1489/.gitignore create mode 100644 student-blogs/dfrestrepo-1489/index.html create mode 100644 student-blogs/dfrestrepo-1489/main.mjs create mode 100644 student-blogs/dfrestrepo-1489/package-lock.json create mode 100644 student-blogs/dfrestrepo-1489/package.json create mode 100644 student-blogs/dfrestrepo-1489/styles/base.scss create mode 100644 student-blogs/dfrestrepo-1489/styles/desktop.scss create mode 100644 student-blogs/dfrestrepo-1489/styles/main.scss create mode 100644 student-blogs/dfrestrepo-1489/styles/vars.scss diff --git a/student-blogs/dfrestrepo-1489/.gitignore b/student-blogs/dfrestrepo-1489/.gitignore new file mode 100644 index 00000000..b512c09d --- /dev/null +++ b/student-blogs/dfrestrepo-1489/.gitignore @@ -0,0 +1 @@ +node_modules \ No newline at end of file diff --git a/student-blogs/dfrestrepo-1489/index.html b/student-blogs/dfrestrepo-1489/index.html new file mode 100644 index 00000000..0240e6b8 --- /dev/null +++ b/student-blogs/dfrestrepo-1489/index.html @@ -0,0 +1,259 @@ + + + + + + + + + Blog + + + +
+ +
+ BLOG +
+ +
+
+

filter actions

+
+
+
Design
+ +
+
+
UX
+ +
+
+
UI
+ +
+
+
Life style
+ +
+
+
Code
+ +
+
+
Cooking
+ +
+
+
+ +
+
+
+
+ +
+
+
+
Nature
+
+
+
+
+

+ Bear life +

+
+
+
+

Delve into the wonderful world of bears and uncover the secrets of their lives in this + exciting post. Join us on a journey through dense forests and majestic mountains as we + explore the daily life of these incredible animals.

+
+
+
+
+
+ +
+
+
+
Nature
+
+
+
+
+

+ Bear life +

+
+
+
+

Discover how bears interact with their environment, from foraging for food to building their + cozy homes in the depths of nature. Learn about their social behaviors and how they + communicate with each other. Marvel at their strength and agility as they hunt and defend + themselves against dangers.

+
+
+
+
+
+ +
+
+
+
Nature
+
+
+
+
+

+ Bear life +

+
+
+
+

you will find fascinating facts, beautiful images, and captivating stories about the + different types of bears that inhabit our planet. From the imposing polar bear to the agile + grizzly bear, each species has its own story to tell.

+
+
+
+
+
+ +
+
+
+
Nature
+
+
+
+
+

+ Bear life +

+
+
+
+

Get ready for an unforgettable adventure and learn more about the life of bears. We guarantee + you will fall in love with these magnificent animals and appreciate the importance of + preserving their natural habitat!

+
+
+
+
+
+ +
+
+
+
Nature
+
+
+
+
+

+ Bear life +

+
+
+
+

Delve into the wonderful world of bears and uncover the secrets of their lives in this + exciting post. Join us on a journey through dense forests and majestic mountains as we + explore the daily life of these incredible animals.

+
+
+
+
+
+ +
+
+
+
Nature
+
+
+
+
+

+ Bear life +

+
+
+
+

Discover how bears interact with their environment, from foraging for food to building their + cozy homes in the depths of nature. Learn about their social behaviors and how they + communicate with each other. Marvel at their strength and agility as they hunt and defend + themselves against dangers.

+
+
+
+
+
+ +
+
+
+
Nature
+
+
+
+
+

+ Bear life +

+
+
+
+

you will find fascinating facts, beautiful images, and captivating stories about the + different types of bears that inhabit our planet. From the imposing polar bear to the agile + grizzly bear, each species has its own story to tell.

+
+
+
+
+
+ +
+
+
+
Nature
+
+
+
+
+

+ Bear life +

+
+
+
+

Get ready for an unforgettable adventure and learn more about the life of bears. We guarantee + you will fall in love with these magnificent animals and appreciate the importance of + preserving their natural habitat!

+
+
+
+ +
+ +
+ +
+ +
+ + + + \ No newline at end of file diff --git a/student-blogs/dfrestrepo-1489/main.mjs b/student-blogs/dfrestrepo-1489/main.mjs new file mode 100644 index 00000000..e0da2f7d --- /dev/null +++ b/student-blogs/dfrestrepo-1489/main.mjs @@ -0,0 +1,32 @@ +import dayjs from "dayjs"; +import relativeTime from "dayjs/plugin/relativeTime.js"; + +await import("dayjs/locale/en-au.js") + +dayjs.locale("en-au") +dayjs.extend(relativeTime) + +function toHumanize(date) { + const wrappedDate = dayjs(date) + const daysDiff = Math.abs(wrappedDate.diff(Date.now(), "days")); + + const isCurrentYear = wrappedDate.year() === new Date().getFullYear(); + + if(!isCurrentYear) { + return wrappedDate.format("MMMM DD, YYYY") + } else if(daysDiff <= 30) { + return wrappedDate.fromNow(); + } else { + return wrappedDate.format("MMMM DD") + } +} + + +const toPrint = toHumanize(dayjs().subtract(365, "days")) + + +var cardDate = document.getElementsByClassName("card-date"); + +for (var i = 0; i < cardDate.length; i++) { + cardDate[i].innerHTML = toPrint; + } \ No newline at end of file diff --git a/student-blogs/dfrestrepo-1489/package-lock.json b/student-blogs/dfrestrepo-1489/package-lock.json new file mode 100644 index 00000000..30684c9b --- /dev/null +++ b/student-blogs/dfrestrepo-1489/package-lock.json @@ -0,0 +1,748 @@ +{ + "name": "dfrestrepo-1489", + "version": "1.0.0", + "lockfileVersion": 3, + "requires": true, + "packages": { + "": { + "name": "dfrestrepo-1489", + "version": "1.0.0", + "license": "ISC", + "dependencies": { + "dayjs": "^1.11.9" + }, + "devDependencies": { + "sass": "^1.63.6", + "vite": "^4.3.9" + } + }, + "node_modules/@esbuild/android-arm": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.17.19.tgz", + "integrity": "sha512-rIKddzqhmav7MSmoFCmDIb6e2W57geRsM94gV2l38fzhXMwq7hZoClug9USI2pFRGL06f4IOPHHpFNOkWieR8A==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/android-arm64": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.17.19.tgz", + "integrity": "sha512-KBMWvEZooR7+kzY0BtbTQn0OAYY7CsiydT63pVEaPtVYF0hXbUaOyZog37DKxK7NF3XacBJOpYT4adIJh+avxA==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/android-x64": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.17.19.tgz", + "integrity": "sha512-uUTTc4xGNDT7YSArp/zbtmbhO0uEEK9/ETW29Wk1thYUJBz3IVnvgEiEwEa9IeLyvnpKrWK64Utw2bgUmDveww==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/darwin-arm64": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.17.19.tgz", + "integrity": "sha512-80wEoCfF/hFKM6WE1FyBHc9SfUblloAWx6FJkFWTWiCoht9Mc0ARGEM47e67W9rI09YoUxJL68WHfDRYEAvOhg==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/darwin-x64": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.17.19.tgz", + "integrity": "sha512-IJM4JJsLhRYr9xdtLytPLSH9k/oxR3boaUIYiHkAawtwNOXKE8KoU8tMvryogdcT8AU+Bflmh81Xn6Q0vTZbQw==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/freebsd-arm64": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.17.19.tgz", + "integrity": "sha512-pBwbc7DufluUeGdjSU5Si+P3SoMF5DQ/F/UmTSb8HXO80ZEAJmrykPyzo1IfNbAoaqw48YRpv8shwd1NoI0jcQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/freebsd-x64": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.17.19.tgz", + "integrity": "sha512-4lu+n8Wk0XlajEhbEffdy2xy53dpR06SlzvhGByyg36qJw6Kpfk7cp45DR/62aPH9mtJRmIyrXAS5UWBrJT6TQ==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-arm": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.17.19.tgz", + "integrity": "sha512-cdmT3KxjlOQ/gZ2cjfrQOtmhG4HJs6hhvm3mWSRDPtZ/lP5oe8FWceS10JaSJC13GBd4eH/haHnqf7hhGNLerA==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-arm64": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.17.19.tgz", + "integrity": "sha512-ct1Tg3WGwd3P+oZYqic+YZF4snNl2bsnMKRkb3ozHmnM0dGWuxcPTTntAF6bOP0Sp4x0PjSF+4uHQ1xvxfRKqg==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-ia32": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.17.19.tgz", + "integrity": "sha512-w4IRhSy1VbsNxHRQpeGCHEmibqdTUx61Vc38APcsRbuVgK0OPEnQ0YD39Brymn96mOx48Y2laBQGqgZ0j9w6SQ==", + "cpu": [ + "ia32" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-loong64": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.17.19.tgz", + "integrity": "sha512-2iAngUbBPMq439a+z//gE+9WBldoMp1s5GWsUSgqHLzLJ9WoZLZhpwWuym0u0u/4XmZ3gpHmzV84PonE+9IIdQ==", + "cpu": [ + "loong64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-mips64el": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.17.19.tgz", + "integrity": "sha512-LKJltc4LVdMKHsrFe4MGNPp0hqDFA1Wpt3jE1gEyM3nKUvOiO//9PheZZHfYRfYl6AwdTH4aTcXSqBerX0ml4A==", + "cpu": [ + "mips64el" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-ppc64": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.17.19.tgz", + "integrity": "sha512-/c/DGybs95WXNS8y3Ti/ytqETiW7EU44MEKuCAcpPto3YjQbyK3IQVKfF6nbghD7EcLUGl0NbiL5Rt5DMhn5tg==", + "cpu": [ + "ppc64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-riscv64": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.17.19.tgz", + "integrity": "sha512-FC3nUAWhvFoutlhAkgHf8f5HwFWUL6bYdvLc/TTuxKlvLi3+pPzdZiFKSWz/PF30TB1K19SuCxDTI5KcqASJqA==", + "cpu": [ + "riscv64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-s390x": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.17.19.tgz", + "integrity": "sha512-IbFsFbxMWLuKEbH+7sTkKzL6NJmG2vRyy6K7JJo55w+8xDk7RElYn6xvXtDW8HCfoKBFK69f3pgBJSUSQPr+4Q==", + "cpu": [ + "s390x" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-x64": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.17.19.tgz", + "integrity": "sha512-68ngA9lg2H6zkZcyp22tsVt38mlhWde8l3eJLWkyLrp4HwMUr3c1s/M2t7+kHIhvMjglIBrFpncX1SzMckomGw==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/netbsd-x64": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.17.19.tgz", + "integrity": "sha512-CwFq42rXCR8TYIjIfpXCbRX0rp1jo6cPIUPSaWwzbVI4aOfX96OXY8M6KNmtPcg7QjYeDmN+DD0Wp3LaBOLf4Q==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "netbsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/openbsd-x64": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.17.19.tgz", + "integrity": "sha512-cnq5brJYrSZ2CF6c35eCmviIN3k3RczmHz8eYaVlNasVqsNY+JKohZU5MKmaOI+KkllCdzOKKdPs762VCPC20g==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "openbsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/sunos-x64": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.17.19.tgz", + "integrity": "sha512-vCRT7yP3zX+bKWFeP/zdS6SqdWB8OIpaRq/mbXQxTGHnIxspRtigpkUcDMlSCOejlHowLqII7K2JKevwyRP2rg==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "sunos" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/win32-arm64": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.17.19.tgz", + "integrity": "sha512-yYx+8jwowUstVdorcMdNlzklLYhPxjniHWFKgRqH7IFlUEa0Umu3KuYplf1HUZZ422e3NU9F4LGb+4O0Kdcaag==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/win32-ia32": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.17.19.tgz", + "integrity": "sha512-eggDKanJszUtCdlVs0RB+h35wNlb5v4TWEkq4vZcmVt5u/HiDZrTXe2bWFQUez3RgNHwx/x4sk5++4NSSicKkw==", + "cpu": [ + "ia32" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/win32-x64": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.17.19.tgz", + "integrity": "sha512-lAhycmKnVOuRYNtRtatQR1LPQf2oYCkRGkSFnseDAKPl8lu5SOsK/e1sXe5a0Pc5kHIHe6P2I/ilntNv2xf3cA==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/anymatch": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz", + "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==", + "dev": true, + "dependencies": { + "normalize-path": "^3.0.0", + "picomatch": "^2.0.4" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/binary-extensions": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz", + "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/braces": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", + "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", + "dev": true, + "dependencies": { + "fill-range": "^7.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/chokidar": { + "version": "3.5.3", + "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz", + "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==", + "dev": true, + "funding": [ + { + "type": "individual", + "url": "https://paulmillr.com/funding/" + } + ], + "dependencies": { + "anymatch": "~3.1.2", + "braces": "~3.0.2", + "glob-parent": "~5.1.2", + "is-binary-path": "~2.1.0", + "is-glob": "~4.0.1", + "normalize-path": "~3.0.0", + "readdirp": "~3.6.0" + }, + "engines": { + "node": ">= 8.10.0" + }, + "optionalDependencies": { + "fsevents": "~2.3.2" + } + }, + "node_modules/dayjs": { + "version": "1.11.9", + "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.9.tgz", + "integrity": "sha512-QvzAURSbQ0pKdIye2txOzNaHmxtUBXerpY0FJsFXUMKbIZeFm5ht1LS/jFsrncjnmtv8HsG0W2g6c0zUjZWmpA==" + }, + "node_modules/esbuild": { + "version": "0.17.19", + "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.17.19.tgz", + "integrity": "sha512-XQ0jAPFkK/u3LcVRcvVHQcTIqD6E2H1fvZMA5dQPSOWb3suUbWbfbRf94pjc0bNzRYLfIrDRQXr7X+LHIm5oHw==", + "dev": true, + "hasInstallScript": true, + "bin": { + "esbuild": "bin/esbuild" + }, + "engines": { + "node": ">=12" + }, + "optionalDependencies": { + "@esbuild/android-arm": "0.17.19", + "@esbuild/android-arm64": "0.17.19", + "@esbuild/android-x64": "0.17.19", + "@esbuild/darwin-arm64": "0.17.19", + "@esbuild/darwin-x64": "0.17.19", + "@esbuild/freebsd-arm64": "0.17.19", + "@esbuild/freebsd-x64": "0.17.19", + "@esbuild/linux-arm": "0.17.19", + "@esbuild/linux-arm64": "0.17.19", + "@esbuild/linux-ia32": "0.17.19", + "@esbuild/linux-loong64": "0.17.19", + "@esbuild/linux-mips64el": "0.17.19", + "@esbuild/linux-ppc64": "0.17.19", + "@esbuild/linux-riscv64": "0.17.19", + "@esbuild/linux-s390x": "0.17.19", + "@esbuild/linux-x64": "0.17.19", + "@esbuild/netbsd-x64": "0.17.19", + "@esbuild/openbsd-x64": "0.17.19", + "@esbuild/sunos-x64": "0.17.19", + "@esbuild/win32-arm64": "0.17.19", + "@esbuild/win32-ia32": "0.17.19", + "@esbuild/win32-x64": "0.17.19" + } + }, + "node_modules/fill-range": { + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", + "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", + "dev": true, + "dependencies": { + "to-regex-range": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/fsevents": { + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz", + "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==", + "dev": true, + "hasInstallScript": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": "^8.16.0 || ^10.6.0 || >=11.0.0" + } + }, + "node_modules/glob-parent": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", + "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", + "dev": true, + "dependencies": { + "is-glob": "^4.0.1" + }, + "engines": { + "node": ">= 6" + } + }, + "node_modules/immutable": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.0.tgz", + "integrity": "sha512-0AOCmOip+xgJwEVTQj1EfiDDOkPmuyllDuTuEX+DDXUgapLAsBIfkg3sxCYyCEA8mQqZrrxPUGjcOQ2JS3WLkg==", + "dev": true + }, + "node_modules/is-binary-path": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz", + "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==", + "dev": true, + "dependencies": { + "binary-extensions": "^2.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/is-extglob": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", + "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/is-glob": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", + "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", + "dev": true, + "dependencies": { + "is-extglob": "^2.1.1" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/is-number": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", + "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", + "dev": true, + "engines": { + "node": ">=0.12.0" + } + }, + "node_modules/nanoid": { + "version": "3.3.6", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz", + "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "bin": { + "nanoid": "bin/nanoid.cjs" + }, + "engines": { + "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1" + } + }, + "node_modules/normalize-path": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", + "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/picocolors": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz", + "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==", + "dev": true + }, + "node_modules/picomatch": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", + "dev": true, + "engines": { + "node": ">=8.6" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, + "node_modules/postcss": { + "version": "8.4.24", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.24.tgz", + "integrity": "sha512-M0RzbcI0sO/XJNucsGjvWU9ERWxb/ytp1w6dKtxTKgixdtQDq4rmx/g8W1hnaheq9jgwL/oyEdH5Bc4WwJKMqg==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/postcss" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "dependencies": { + "nanoid": "^3.3.6", + "picocolors": "^1.0.0", + "source-map-js": "^1.0.2" + }, + "engines": { + "node": "^10 || ^12 || >=14" + } + }, + "node_modules/readdirp": { + "version": "3.6.0", + "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz", + "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==", + "dev": true, + "dependencies": { + "picomatch": "^2.2.1" + }, + "engines": { + "node": ">=8.10.0" + } + }, + "node_modules/rollup": { + "version": "3.26.0", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.26.0.tgz", + "integrity": "sha512-YzJH0eunH2hr3knvF3i6IkLO/jTjAEwU4HoMUbQl4//Tnl3ou0e7P5SjxdDr8HQJdeUJShlbEHXrrnEHy1l7Yg==", + "dev": true, + "bin": { + "rollup": "dist/bin/rollup" + }, + "engines": { + "node": ">=14.18.0", + "npm": ">=8.0.0" + }, + "optionalDependencies": { + "fsevents": "~2.3.2" + } + }, + "node_modules/sass": { + "version": "1.63.6", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.63.6.tgz", + "integrity": "sha512-MJuxGMHzaOW7ipp+1KdELtqKbfAWbH7OLIdoSMnVe3EXPMTmxTmlaZDCTsgIpPCs3w99lLo9/zDKkOrJuT5byw==", + "dev": true, + "dependencies": { + "chokidar": ">=3.0.0 <4.0.0", + "immutable": "^4.0.0", + "source-map-js": ">=0.6.2 <2.0.0" + }, + "bin": { + "sass": "sass.js" + }, + "engines": { + "node": ">=14.0.0" + } + }, + "node_modules/source-map-js": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz", + "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/to-regex-range": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", + "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", + "dev": true, + "dependencies": { + "is-number": "^7.0.0" + }, + "engines": { + "node": ">=8.0" + } + }, + "node_modules/vite": { + "version": "4.3.9", + "resolved": "https://registry.npmjs.org/vite/-/vite-4.3.9.tgz", + "integrity": "sha512-qsTNZjO9NoJNW7KnOrgYwczm0WctJ8m/yqYAMAK9Lxt4SoySUfS5S8ia9K7JHpa3KEeMfyF8LoJ3c5NeBJy6pg==", + "dev": true, + "dependencies": { + "esbuild": "^0.17.5", + "postcss": "^8.4.23", + "rollup": "^3.21.0" + }, + "bin": { + "vite": "bin/vite.js" + }, + "engines": { + "node": "^14.18.0 || >=16.0.0" + }, + "optionalDependencies": { + "fsevents": "~2.3.2" + }, + "peerDependencies": { + "@types/node": ">= 14", + "less": "*", + "sass": "*", + "stylus": "*", + "sugarss": "*", + "terser": "^5.4.0" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + }, + "less": { + "optional": true + }, + "sass": { + "optional": true + }, + "stylus": { + "optional": true + }, + "sugarss": { + "optional": true + }, + "terser": { + "optional": true + } + } + } + } +} diff --git a/student-blogs/dfrestrepo-1489/package.json b/student-blogs/dfrestrepo-1489/package.json new file mode 100644 index 00000000..bf53efec --- /dev/null +++ b/student-blogs/dfrestrepo-1489/package.json @@ -0,0 +1,21 @@ +{ + "name": "dfrestrepo-1489", + "version": "1.0.0", + "description": "", + "main": "index.js", + "type": "module", + "scripts": { + "dev": "vite", + "test": "echo \"Error: no test specified\" && exit 1" + }, + "keywords": [], + "author": "", + "license": "ISC", + "devDependencies": { + "sass": "^1.63.6", + "vite": "^4.3.9" + }, + "dependencies": { + "dayjs": "^1.11.9" + } +} diff --git a/student-blogs/dfrestrepo-1489/styles/base.scss b/student-blogs/dfrestrepo-1489/styles/base.scss new file mode 100644 index 00000000..fd234d4a --- /dev/null +++ b/student-blogs/dfrestrepo-1489/styles/base.scss @@ -0,0 +1,202 @@ +@use './vars.scss'; +body { + font-family: vars.$font-default; + font-size: vars.$base-size; + font-weight: 400; + background-color: var(--color-light); + color: var(--color-black) +} + +.page { + width: 100%; + max-width: 1200px; + margin: auto; +} + +header { + background-color: var(--color-black); + color: var(--color-light); + display: flex; + padding: 1rem; +} + +/* ----------------------------- nav */ +nav { + padding: 16px; +} + +nav ul { + list-style: none; + display: flex; + flex-direction: row; + align-items: center; + gap: 16px; +} + +nav ul li a { + text-decoration: underline; + cursor: pointer; +} + +nav ul li a:hover { + opacity: .6; +} + +/* ----------------------------- filter */ + + +.filter-container { + padding: 16px; +} + +.filter-container h3 { + font-size: 14px; + margin-bottom: 8px; +} + +.filter-content { + display: flex; + flex-direction: row; + gap: 8px; + flex-wrap: nowrap; + overflow: auto; + width: calc(100% + 32px); + margin-left: -16px; + padding-left: 16px; + -ms-overflow-style: none; + scrollbar-width: none; +} + +.filter-content::-webkit-scrollbar { + display: none; +} + +.filter-pill { + background-color: var(--color-black); + display: flex; + flex-direction: row; + flex-wrap: nowrap; + align-items: center; + gap: 4px; + padding: 4px 8px; + border-radius: 24px; + cursor: pointer; +} + +.filter-label { + color: var(--color-light); + white-space: nowrap; + font-size: 14px; +} + +.filter-action { + width: 12px; + height: 12px; + border: none; + border-radius: 8px; + background-color: var(--color-black-light); +} + + + +/* ----------------------------- cards */ +.containercards { + width: 100%; + display: grid; + grid-template-columns: repeat(1, 1fr); + grid-gap: 10px; + padding: 16px; +} + +.card { + grid-auto-columns: min-content; + border: 2px solid var(--color-black); + background-color: var(--color-light); + overflow: hidden; + border-radius: 4px; + box-shadow: 0px 0px 0px var(--color-light); + transition: .4s; + cursor: pointer; +} + +.card:hover{ + box-shadow: 4px 4px 0px var(--color-primary); + border: 2px solid var(--color-primary); + transition: .8s; +} + +.card-cover { + position: relative; +} + +.card-image { + width: 100%; +} + +.card-image img { + width: 100%; + aspect-ratio: 16/9; + object-fit: cover; +} + +.card-tags { + position: absolute; + width: calc(100% - 16px); + bottom: 8px; + left: 8px; + display: flex; + align-items: flex-end; + justify-content: flex-end; +} + +.card-title{ + padding: 16px; +} + +.card-date{ + padding: 0px 16px 24px; + font-size: calc(vars.$base-size * .8); +} + +.card-description{ + padding: 0px 16px 40px; +} + + + +/* ----------------------------- btns */ + +.action-more-post{ + width: 100%; + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 100px; + } + + .btn { + border: solid 1px var(--color-black); + padding: 1rem 2rem; + border-radius: 0; + background: transparent; + cursor: pointer; + font-family: vars.$font-default; + } + + .btn:hover { + opacity: .8; + } + + .btn.action { + border: solid 1px var(--color-primary); + padding: 1rem 2rem; + border-radius: 0; + background: var(--color-primary); + color: var(--color-black); + } + + footer { + font-size: .75rem; + text-align: center; + padding: 2rem 1rem; + } \ No newline at end of file diff --git a/student-blogs/dfrestrepo-1489/styles/desktop.scss b/student-blogs/dfrestrepo-1489/styles/desktop.scss new file mode 100644 index 00000000..a6f02f36 --- /dev/null +++ b/student-blogs/dfrestrepo-1489/styles/desktop.scss @@ -0,0 +1,18 @@ +@media screen and (min-width: 500px) { + .containercards { + grid-template-columns: repeat(2, 1fr); + } +} + + +@media screen and (min-width: 900px) { + .containercards { + grid-template-columns: repeat(3, 1fr); + } +} + +@media screen and (min-width: 1200px) { + .containercards { + grid-template-columns: repeat(4, 1fr); + } +} diff --git a/student-blogs/dfrestrepo-1489/styles/main.scss b/student-blogs/dfrestrepo-1489/styles/main.scss new file mode 100644 index 00000000..a0e54750 --- /dev/null +++ b/student-blogs/dfrestrepo-1489/styles/main.scss @@ -0,0 +1,2 @@ +@use './base.scss'; +@use './desktop.scss'; \ No newline at end of file diff --git a/student-blogs/dfrestrepo-1489/styles/vars.scss b/student-blogs/dfrestrepo-1489/styles/vars.scss new file mode 100644 index 00000000..32a7a0fa --- /dev/null +++ b/student-blogs/dfrestrepo-1489/styles/vars.scss @@ -0,0 +1,31 @@ +@import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;800&display=swap'); + +* { + margin: 0px; + padding: 0px; + box-sizing: border-box; +} + +// NOTTA: +// defino variables de css en este fichero para darle soporte nadivo al dark mode + +$font-default: 'Inconsolata', monospace; +$base-size: 18px; + +:root { + + --color-primary: #FF6060; + --color-black: #191919; + --color-black-light: #333635; + --color-light: #e6ffef; +} + +/* suppert for native dark mode */ +@media (prefers-color-scheme: dark) { + :root { + --color-primary: #FF6060; + --color-black: #e6ffef; + --color-black-light: #b4cabc; + --color-light: #191919; + } +} \ No newline at end of file From edd1b73e6a3497a4ad5a2ff3072c1c3d3609e4da Mon Sep 17 00:00:00 2001 From: Daniel Restrepo Date: Sat, 1 Jul 2023 16:00:41 +0200 Subject: [PATCH 4/5] reverse fix readme --- README.md | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/README.md b/README.md index d4cd9dc1..07153723 100644 --- a/README.md +++ b/README.md @@ -62,5 +62,4 @@ Crear una función que dada una fecha nos permita "humanizarla" con las siguient │ │ ├── base.scss │ │ └── desktop.scss │ └── main.mjs // Agregar función para humanizar fechas -``` - \ No newline at end of file +``` \ No newline at end of file From 46347e4eb9e4c33d321a0300ce9e898c5161ac97 Mon Sep 17 00:00:00 2001 From: Daniel Restrepo Date: Fri, 21 Jul 2023 16:53:59 +0200 Subject: [PATCH 5/5] Fix humanizar fechas de varios tipos --- student-blogs/dfrestrepo-1489/index.html | 16 +++++------ student-blogs/dfrestrepo-1489/main.mjs | 35 ++++++++++++++---------- 2 files changed, 28 insertions(+), 23 deletions(-) diff --git a/student-blogs/dfrestrepo-1489/index.html b/student-blogs/dfrestrepo-1489/index.html index 0240e6b8..64c062ef 100644 --- a/student-blogs/dfrestrepo-1489/index.html +++ b/student-blogs/dfrestrepo-1489/index.html @@ -71,7 +71,7 @@

Bear life

-
+

Delve into the wonderful world of bears and uncover the secrets of their lives in this exciting post. Join us on a journey through dense forests and majestic mountains as we @@ -94,7 +94,7 @@

Bear life

-
+

Discover how bears interact with their environment, from foraging for food to building their cozy homes in the depths of nature. Learn about their social behaviors and how they @@ -118,7 +118,7 @@

Bear life

-
+

you will find fascinating facts, beautiful images, and captivating stories about the different types of bears that inhabit our planet. From the imposing polar bear to the agile @@ -141,7 +141,7 @@

Bear life

-
+

Get ready for an unforgettable adventure and learn more about the life of bears. We guarantee you will fall in love with these magnificent animals and appreciate the importance of @@ -164,7 +164,7 @@

Bear life

-
+

Delve into the wonderful world of bears and uncover the secrets of their lives in this exciting post. Join us on a journey through dense forests and majestic mountains as we @@ -187,7 +187,7 @@

Bear life

-
+

Discover how bears interact with their environment, from foraging for food to building their cozy homes in the depths of nature. Learn about their social behaviors and how they @@ -211,7 +211,7 @@

Bear life

-
+

you will find fascinating facts, beautiful images, and captivating stories about the different types of bears that inhabit our planet. From the imposing polar bear to the agile @@ -234,7 +234,7 @@

Bear life

-
+

Get ready for an unforgettable adventure and learn more about the life of bears. We guarantee you will fall in love with these magnificent animals and appreciate the importance of diff --git a/student-blogs/dfrestrepo-1489/main.mjs b/student-blogs/dfrestrepo-1489/main.mjs index e0da2f7d..ccaa55d2 100644 --- a/student-blogs/dfrestrepo-1489/main.mjs +++ b/student-blogs/dfrestrepo-1489/main.mjs @@ -1,32 +1,37 @@ import dayjs from "dayjs"; import relativeTime from "dayjs/plugin/relativeTime.js"; +import customParseFormat from "dayjs/plugin/customParseFormat" await import("dayjs/locale/en-au.js") dayjs.locale("en-au") dayjs.extend(relativeTime) +dayjs.extend(customParseFormat) function toHumanize(date) { - const wrappedDate = dayjs(date) + const wrappedDate = dayjs(date, "DD-MM-YYYY") const daysDiff = Math.abs(wrappedDate.diff(Date.now(), "days")); - const isCurrentYear = wrappedDate.year() === new Date().getFullYear(); + const isCurrentYear = wrappedDate.year() === new Date().getFullYear(); - if(!isCurrentYear) { - return wrappedDate.format("MMMM DD, YYYY") - } else if(daysDiff <= 30) { - return wrappedDate.fromNow(); - } else { - return wrappedDate.format("MMMM DD") - } + if(!isCurrentYear) { + return wrappedDate.format("MMMM DD, YYYY") + } else if(daysDiff <= 30) { + return wrappedDate.fromNow(); + } else { + return wrappedDate.format("MMMM DD") + } } -const toPrint = toHumanize(dayjs().subtract(365, "days")) + const dates = document.querySelectorAll("time") + dates.forEach(function(date) { + + const datetime = date.getAttribute("datetime") + console.log("datetime: " + datetime) -var cardDate = document.getElementsByClassName("card-date"); - -for (var i = 0; i < cardDate.length; i++) { - cardDate[i].innerHTML = toPrint; - } \ No newline at end of file + const transformDate = toHumanize(datetime); + console.log(transformDate) + date.textContent = transformDate +}) \ No newline at end of file