diff --git a/README.org b/README.org index ff785ad..c918873 100644 --- a/README.org +++ b/README.org @@ -1,7 +1,8 @@ -* Instalación base -Para incorporar las últimas mejoras entre releases, este subdirectorio ~websites/base-elm-pages~ hace referencia a ~base/elm-pages~, que es clonado de tal cual excepto una modificación: +* Notas particulares de la instalación del framework: elm-pages +** Para la inInstalación base +Para incorporar las últimas mejoras entre releases, en package.json se hace referencia al subdirectorio ~base/elm-pages~, que es clonado de tal cual excepto una modificación: -En ~websites/base-elm-pages/elm.json~ agregué referencia a ~elm-pages/src~ así: +Y en en ~elm.json~ agregué referencia a ~elm-pages/src~ así: #+begin_src json "source-directories": [ "src", @@ -9,10 +10,11 @@ En ~websites/base-elm-pages/elm.json~ agregué referencia a ~elm-pages/src~ así "../elm-pages/src" ], #+end_src -E instalé manualmente las dependencias que me pidió elm. +Adicionalmente instalé manualmente las dependencias que pide elm-pages. En package.json también + #+begin_src json "devDependencies": { "elm-tooling": "^0.6.3", @@ -21,10 +23,16 @@ En package.json también } #+end_src -** Corrigiendo errorores al ejecutar ~$npx elm-pages-beta~: +*** Corrigiendo errorores al ejecutar ~$npx elm-pages-beta~: Hay que instalar global "elm-optimize-level2" -** Actualizaciones en lo futuro +*** Actualizaciones en lo futuro Podemos actualizar el directorio clonado ~elm-pages~ para incorporar los cambios en este framework. Independientemente podemos actualizar los archivos npm y los archivos de elm. +* Página de solarpaq.com +Es un *SPA* hecho con ~elm-pages~ es público el repositorio, por si sirve les comparto la forma en que implanté y personalicé elm-pages. +Pero por [[https://www.notion.so/Tailwind-UI-License-644418bb34ad4fa29aac9b82e956a867][licencia]], estoy usando https://tailwindui.com/components y no permite copiar el diseño visula de la aplicación. + +This is an *SPA* made with [[https://github.com/dillonkearns/elm-pages/][elm-pages]] with [[https://elm-lang.org/][elm programming language]]. Shared as a public repository if you what to check out how I used elm-pages for my needs. But regarding the visual layout of the web pages, it is done with https://tailwindui.com/components and it's [[https://www.notion.so/Tailwind-UI-License-644418bb34ad4fa29aac9b82e956a867][licence]] doesn't allow to be copied as a template for other to use in their site. + diff --git a/package-lock.json b/package-lock.json index eee6506..787647b 100644 --- a/package-lock.json +++ b/package-lock.json @@ -43,6 +43,11 @@ "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz", "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==" }, + "acorn": { + "version": "7.4.1", + "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz", + "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==" + }, "acorn-node": { "version": "1.8.2", "resolved": "https://registry.npmjs.org/acorn-node/-/acorn-node-1.8.2.tgz", @@ -51,13 +56,6 @@ "acorn": "^7.0.0", "acorn-walk": "^7.0.0", "xtend": "^4.0.2" - }, - "dependencies": { - "acorn": { - "version": "7.4.1", - "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz", - "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==" - } } }, "acorn-walk": { @@ -12122,9 +12120,9 @@ } }, "elm-tooling": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/elm-tooling/-/elm-tooling-1.1.0.tgz", - "integrity": "sha512-wziiwTbqBkK/905a6stCpTWJhYEKNb4CCYt36VEd5XWmaLSelMOR+SxKcEPpxsiK/tFZ4o0PbW+h1QC5tWfYUQ==", + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/elm-tooling/-/elm-tooling-1.2.0.tgz", + "integrity": "sha512-hp9HKubt41Xa8uAdlspEvVhizibwKsVHE5HA/bF5LVIaPDC0yQ43PtqrP13h5dzS6J1VYorYKtK6on9D0gkOmw==", "dev": true }, "emoji-regex": { @@ -12254,6 +12252,17 @@ "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.0.13.tgz", "integrity": "sha512-E1fz2Xs9ltlUp+qbiyx9wmt2n9dRzPsS11Jtdb8D2o+cC7wr9xkkKsVKJuBX0ST+LVS+LhLO+SbLJNtfWcJvXA==" }, + "fs-extra": { + "version": "9.1.0", + "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz", + "integrity": "sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==", + "requires": { + "at-least-node": "^1.0.0", + "graceful-fs": "^4.2.0", + "jsonfile": "^6.0.1", + "universalify": "^2.0.0" + } + }, "fs.realpath": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", @@ -12739,6 +12748,15 @@ "resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz", "integrity": "sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus=" }, + "jsonfile": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz", + "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==", + "requires": { + "graceful-fs": "^4.1.6", + "universalify": "^2.0.0" + } + }, "jsprim": { "version": "1.4.1", "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.1.tgz", @@ -13424,9 +13442,9 @@ } }, "postcss": { - "version": "8.2.4", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.2.4.tgz", - "integrity": "sha512-kRFftRoExRVXZlwUuay9iC824qmXPcQQVzAjbCCgjpXnkdMCJYBu2gTwAaFBzv8ewND6O8xFb3aELmEkh9zTzg==", + "version": "8.2.6", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.2.6.tgz", + "integrity": "sha512-xpB8qYxgPuly166AGlpRjUdEYtmOWx2iCwGmrv4vqZL9YPVviDVPZPRXxnXr6xPZOdxQ9lp3ZBFCRgWJ7LE3Sg==", "requires": { "colorette": "^1.2.1", "nanoid": "^3.1.20", @@ -14020,29 +14038,29 @@ "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=" }, "tailwindcss": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-2.0.2.tgz", - "integrity": "sha512-nO9JRE1pO7SF9RnYAl6g7uzeHdrmKAFqNjT9NtZUfxqimJZAOOLOEyIEUiMq12+xIc7mC2Ey3Vf90XjHpWKfbw==", + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-2.0.3.tgz", + "integrity": "sha512-s8NEqdLBiVbbdL0a5XwTb8jKmIonOuI4RMENEcKLR61jw6SdKvBss7NWZzwCaD+ZIjlgmesv8tmrjXEp7C0eAQ==", "requires": { - "@fullhuman/postcss-purgecss": "^3.0.0", + "@fullhuman/postcss-purgecss": "^3.1.3", "bytes": "^3.0.0", "chalk": "^4.1.0", "color": "^3.1.3", "detective": "^5.2.0", "didyoumean": "^1.2.1", - "fs-extra": "^9.0.1", + "fs-extra": "^9.1.0", "html-tags": "^3.1.0", "lodash": "^4.17.20", "modern-normalize": "^1.0.0", "node-emoji": "^1.8.1", - "object-hash": "^2.0.3", + "object-hash": "^2.1.1", "postcss-functions": "^3", "postcss-js": "^3.0.3", "postcss-nested": "^5.0.1", "postcss-selector-parser": "^6.0.4", "postcss-value-parser": "^4.1.0", "pretty-hrtime": "^1.0.3", - "reduce-css-calc": "^2.1.6", + "reduce-css-calc": "^2.1.8", "resolve": "^1.19.0" }, "dependencies": { @@ -14076,33 +14094,6 @@ "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==" }, - "fs-extra": { - "version": "9.0.1", - "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.0.1.tgz", - "integrity": "sha512-h2iAoN838FqAFJY2/qVpzFXy+EBxfVE220PalAqQLDVsFOHLJrZvut5puAbCdNv6WJk+B8ihI+k0c7JK5erwqQ==", - "requires": { - "at-least-node": "^1.0.0", - "graceful-fs": "^4.2.0", - "jsonfile": "^6.0.1", - "universalify": "^1.0.0" - } - }, - "jsonfile": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz", - "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==", - "requires": { - "graceful-fs": "^4.1.6", - "universalify": "^2.0.0" - }, - "dependencies": { - "universalify": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz", - "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==" - } - } - }, "supports-color": { "version": "7.2.0", "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", @@ -14110,11 +14101,6 @@ "requires": { "has-flag": "^4.0.0" } - }, - "universalify": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/universalify/-/universalify-1.0.0.tgz", - "integrity": "sha512-rb6X1W158d7pRQBg5gkR8uPaSfiids68LTJQYOtEUhoJUWBdaQHsuT/EUduxXYxcrt4r5PJ4fuHW1MHT6p0qug==" } } }, @@ -14259,6 +14245,11 @@ "crypto-random-string": "^2.0.0" } }, + "universalify": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz", + "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==" + }, "update-notifier": { "version": "4.1.3", "resolved": "https://registry.npmjs.org/update-notifier/-/update-notifier-4.1.3.tgz", diff --git a/package.json b/package.json index 37855fb..5e65fef 100644 --- a/package.json +++ b/package.json @@ -18,11 +18,11 @@ "autoprefixer": "^10.2.4", "elm-pages": "file:../elm-pages", "node-sass": "4.14.1", - "tailwindcss": "^2.0.2" + "tailwindcss": "^2.0.3" }, "devDependencies": { "elm-oembed": "0.0.6", - "elm-tooling": "^1.1.0", + "elm-tooling": "^1.2.0", "nodemon": "^2.0.7", "npm-run-all": "^4.1.5" } diff --git a/src/FontAwesome.elm b/src/FontAwesome.elm deleted file mode 100644 index fc1414d..0000000 --- a/src/FontAwesome.elm +++ /dev/null @@ -1,16 +0,0 @@ -module FontAwesome exposing (icon, styledIcon) - -import Html exposing (Html) -import Html.Attributes as Attr - - -styledIcon : String -> List (Html.Attribute msg) -> Html msg -styledIcon classString styles = - [ Html.i [ Attr.class classString ] [] ] - |> Html.div styles - - -icon : String -> Html msg -icon classString = - Html.i [ Attr.class classString ] [] - diff --git a/src/Shared.elm b/src/Shared.elm index 7317efa..8a153a7 100644 --- a/src/Shared.elm +++ b/src/Shared.elm @@ -216,37 +216,6 @@ incrementView model = [ Html.text <| "Shared count: " ++ String.fromInt model.counter ] - --- navbarLinks stars currentPath = --- (navbarLinks stars currentPath) - - -highlightableLink : - PagePath Pages.PathKey - -> Directory Pages.PathKey Directory.WithIndex - -> String - -> Html msg -highlightableLink currentPath linkDirectory displayName = - let - isHighlighted = - currentPath |> Directory.includes linkDirectory - in - Html.a - [ Attr.href - (linkDirectory - |> Directory.indexPath - |> PagePath.toString - ) - , class <| - if isHighlighted then - "highlited" - - else - "nada" - ] - [ Html.text displayName ] - - myNav : Model -> @@ -324,7 +293,8 @@ myHiddenBlock modelo = [ class "hidden md:block" ] [ div [ class "ml-4 flex items-center md:ml-6" ] - [ div -- Profile dropdown -- + [ div + -- Profile dropdown -- [ class "ml-3 relative" ] [ div [] @@ -479,32 +449,6 @@ ligasChulas esMovil page menus = menus - -{- - [ Html.a - [ Attr.href "#" - , class <| "text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md font-medium" ++ extraClases - ] - [ Html.text "Team" ] - , Html.a - [ Attr.href "#" - , class <| "text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md font-medium" ++ extraClases - ] - [ Html.text "Projects" ] - , Html.a - [ Attr.href "#" - , class <| "text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md font-medium" ++ extraClases - ] - [ Html.text "Calendar" ] - , Html.a - [ Attr.href "#" - , class <| "text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md font-medium" ++ extraClases - ] - [ Html.text "Reports" ] - ] --} - - menuItems : String -> List (Html msg) menuItems clases = [ Html.a