area44 / astro-multiverse Goto Github PK
View Code? Open in Web Editor NEWOne-page gallery design with a fully functional lightbox, designed by HTML5 UP
Home Page: https://astro-multiverse.vercel.app
License: Other
One-page gallery design with a fully functional lightbox, designed by HTML5 UP
Home Page: https://astro-multiverse.vercel.app
License: Other
Hi,
First, thanks for building and sharing this for astro - It looks and functions beautifully. I really appreciate how cleanly the images load. Small details like that make a big difference, imho.
There is one thing I am trying to figure out, i'll try to it describe the best I can.
When viewing on a small screen / the max-width breakpoint of 480px is hit, it triggers the view to switch to a single column of images. That is great and makes perfect sense, but imo it would be really nice if the images were no longer "cropped" when only a single column of images is displayed. I feel like people would not be as inclined to click to view the full image when just scrolling through a single column, or worse may not even notice the images are cropped.
I'm not a programmer, but have been reading and trying to figure out if it's possible with css to have the images full width x full height
be respected when in "single column mode"....not much luck, yet.
Do you have any thoughts on this or tips on implementing it?
Thanks for your time.
Hi. I use your multivese template couple time. This is REALLY awesome! Thank you very much.
And I'm having problem today.
I run
npm create astro@latest -- --template AREA44 / astro-multiverse
then I run
npx run dev
then I got this error
ESM imported images must be passed as-is. Image's and getImage's src parameter must be an imported image or an URL, it cannot be a filepath. Received
I had been trying to adjust code but I couldn't fix.
Could you teach me solution please?
Hi. I'm huge fun of this app. I actually asked before about this issue
#90
Thank you very much for update! Today I can see that just add photos into image dir then photo displayed instantly using [astro dev]. So Cool So amazing!
So I have a problem. When I clone your new [astro-multiverse]then run at [astro dev]. it works great. but when I push to my private repo I got this error at soucetree and my terminal
git -c diff.mnemonicprefix=false -c core.quotepath=false --no-optional-locks push -v --tags --set-upstream myprivaterepo main:main
POST git-receive-pack (chunked)
Pushing to https://github.com/mypagexxxx/myprivaterepo
To https://github.com/mypagexxxx/myprivaterepo
* [new tag] v23.7.18 -> v23.7.18
! [remote rejected] main -> main (refusing to allow an OAuth App to create or update workflow `.github/workflows/autofix.yml` without `workflow` scope)
! [remote rejected] v23.8.15 -> v23.8.15 (refusing to allow an OAuth App to create or update workflow `.github/workflows/autofix.yml` without `workflow` scope)
error: failed to push some refs to 'https://github.com/mypagexxxx/myprivaterepo'
I searched about this error at web. I set personal access token already and I can push other persons project to my private repo.
I'm guessing that this might be causing ? Github/workflows/autofix.yml.
I've never use github action. so I removed this folder but still I got same error.
Could you teach me what is causing please?
When I deployed the project to vercel, clicking on the toggle icon and close icon for image preview didn't show up
running pnpm install
fails:
Lockfile is up to date, resolution step is skipped
Packages: +487
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Packages are hard linked from the content-addressable store to the virtual store.
Content-addressable store is at: /Users/martin/Library/pnpm/store/v3
Virtual store is at: node_modules/.pnpm
WARN GET https://registry.npmjs.org/astro-compress/-/astro-compress-1.1.49.tgz error (ERR_PNPM_FETCH_404). Will retry in 10 seconds. 2 retries left.
WARN GET https://registry.npmjs.org/astro-critters/-/astro-critters-1.1.39.tgz error (ERR_PNPM_FETCH_404). Will retry in 10 seconds. 2 retries left.
WARN GET https://registry.npmjs.org/files-pipe/-/files-pipe-0.0.7.tgz error (ERR_PNPM_FETCH_404). Will retry in 10 seconds. 2 retries left.
WARN GET https://registry.npmjs.org/astro-compress/-/astro-compress-1.1.49.tgz error (ERR_PNPM_FETCH_404). Will retry in 1 minute. 1 retries left.
WARN GET https://registry.npmjs.org/astro-critters/-/astro-critters-1.1.39.tgz error (ERR_PNPM_FETCH_404). Will retry in 1 minute. 1 retries left.
WARN GET https://registry.npmjs.org/files-pipe/-/files-pipe-0.0.7.tgz error (ERR_PNPM_FETCH_404). Will retry in 1 minute. 1 retries left.
ERR_PNPM_FETCH_404 GET https://registry.npmjs.org/files-pipe/-/files-pipe-0.0.7.tgz: Not Found - 404
No authorization header was set for the request.
Progress: resolved 487, reused 484, downloaded 0, added 484
This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.
These updates have all been created already. Click a checkbox below to force a retry/rebase of any.
astro
, glob
, pnpm
).github/workflows/autofix.yml
actions/checkout v4
actions/setup-node v4
autofix-ci/action v1.3
package.json
astro ^4.8.2
glob ^10.3.15
prettier ^3.2.5
prettier-plugin-astro ^0.13.0
pnpm 9.1.0
.nvmrc
node 20.13.1
Following is the error I get when I try to run :
❯ pnpm run dev
> [email protected] dev /home/---/my-photos
> astro dev
🚀 astro v2.7.2 started in 41ms
┃ Local http://localhost:3000/
┃ Network use --host to expose
Error: The following dependencies are imported but could not be resolved:
js/jquery.min.js (imported by /home/---/my-photos/src/pages/index.astro)
js/jquery.poptrox.min.js (imported by /home/----/my-photos/src/pages/index.astro)
js/browser.min.js (imported by /home/----/my-photos/src/pages/index.astro)
js/breakpoints.min.js (imported by /home/---/my-photos/src/pages/index.astro)
js/util.js (imported by /home/---/my-photos/src/pages/index.astro)
js/main.js (imported by /home/---/my-photos/src/pages/index.astro)
Are they installed?
at file:///home/---/my-photos/node_modules/.pnpm/[email protected]/node_modules/vite/dist/node/chunks/dep-e8f070e8.js:44188:23
at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
at async file:///home/---/my-photos/node_modules/.pnpm/[email protected]/node_modules/vite/dist/node/chunks/dep-e8f070e8.js:43597:38
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.