Code Monkey home page Code Monkey logo

astro-multiverse's People

Contributors

autofix-ci[bot] avatar dependabot[bot] avatar nikolarhristov avatar renovate[bot] avatar torn4dom4n avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

astro-multiverse's Issues

small screen/mobile image presentation

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.

first npx run dev I got Image's and getImage's src parameter error.

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?

I can't push project to my private repo.

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?

Dependency install fails

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

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

Detected dependencies

github-actions
.github/workflows/autofix.yml
  • actions/checkout v4
  • actions/setup-node v4
  • autofix-ci/action v1.3
npm
package.json
  • astro ^4.8.2
  • glob ^10.3.15
  • prettier ^3.2.5
  • prettier-plugin-astro ^0.13.0
  • pnpm 9.1.0
nvm
.nvmrc
  • node 20.13.1

  • Check this box to trigger a request for Renovate to run again on this repository

Warning: `Error: The following dependencies are imported but could not be resolved`

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

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.