Web Design HTML CSS

Thanks - I can see a couple of decent accordion variations though my worry now, that I hadn't thought of and I doubt current dev will be able to solve, is 'how will what we see in the preview card transition into what we see in the final opened position'. All the demos I've seen so far show the final revealed image in cropped form in the card preview. Not sure how that would work with when the aim is to reveal a grid of images and some text - don't really want to see a masked version of a grid/text to begin with.

I want to create an image with actions.
The image is a map, with markers that can be clicked on that open an image...

Anyone able to do that or help? On squarespace :|

Does it have to be an image of a map, could it be an interactive map, first result online https://www.imapbuilder.net/userguide/gmap_v1/overlay/insert-image/ then you can embed the code to the Squarespace page

you could definitely do it with amCharts if you had a bit of coding knowledge :)

https://www.amcharts.com/demos/capitals-map/

i need multiple images

If you can feed it HTML and CSS you could try something like this; a relatively positioned container with the map as the background with a bunch of absolutely positioned hotspots in it.

You'd have to make the showImage() function, obvs.

<div id="map" style="position:relavitve;background-image:url('map.ping')">

<a onclick="showImage('detroit')" href="detroit.png" style="display:block; position:absolute; top:x left:y; background-image:url('marker.ping'); height:20;width:20; margin-left:-3000px">Detroit
</a>...
</div>

Thanks let me look.

I held back information that is clearly important, the map has a route on it. I want to show what certain parts of a route are like with images.

Maybe the HTML <map> element might help?

Take this with a pinch of salt as am a WebGIS developer but easiest thing is to create a leaflet webmap.

Create the route as a gpx / kml
Add markers as geojson points
Add popup functions to the points, embed the images in the popups

I may have promised to do something I can't, alcohol was heavily involved. Its a long story, but it boils down to this: I need to learn how to build a website, and I need to learn it tomorrow!

Epic times 😂

Someone's turned their browser into art. An impressive example of some scripting:

https://lyra.horse/antonymph/

wow, I hate it

I've asked in the Linux thread but might not be the best place... in my learning process I seem to have created the conditions to repeatedly push some system files to cloudflare via git push. I can't stop this from happening now or remove them it seems.

I've since created a test area so I can test changes to the webpage without it going to the live page, #bestpractice, and whilst I thought I'd only git add only filesIneed.format this repository immediately contained all the system files I don't need too.

Anyone here regularly using git / cloudflare can help guide on undoing & preventing this, and removing the files from Cloudflare?

Are the system files in the folder you're tracking for the repo? If so use the the gitignore file to stop it tracking the specified files

Are the system files in the folder you're tracking for the repo?

As it was 3 files I created it at command prompt (root?) level at first, then I think at some point I added all instead of the 3 files.

I moved the 3 files (.html, .css, .jpg) to a new directory and that's when the fun and games began. I've been offline this eve so can look again tomorrow maybe.

Hello pixel people,

I was wondering whether one of you would be able to point me in the right direction -

what I want to do is put together a simple but well designed photo-portfolio website, let's say five different albums / categories, with 10 images each.
I used to actually build some sites for friends and myself 10+ years ago (just very basic HTML stuff, for the most part) - but really would love to avoid looking at code and fumble around with shit as much as possible these days.. so I did check out services like squarespace, cargo, and some others.
Did not really find what I'm looking for.

What I actually want is:
a very simple two-column-layout, very much like on here: https://sarahmlee.com
plus a very simple (clean, nice, pragmatic) top left corner navigation, like here: https://cargo.site/community/all

I do realize this is super basic but really can't be arsed to build all this from scratch.
Would really like to be able to change the albums / their content later without much faff.

Do any of you have any recommendations which service to use for this / how to go about it?
Thanks in advance ✌️

are you willing to pay? because the site you linked is made on this https://livebooks.com/

Yes.
Not doing it all myself / by hand, but instead use a "service" means one has to pay a fee, and I'm fine with that - although, frankly, I thought $29 per month (which is livebooks.com's cheapest option) is a bit much for what it is / for what I need (the site will basically just sit there and get an update twice a year or so).

There's probably a wordpress theme that'll do what you want
https://themeforest.net/category/wordpress/creative/photography?sort=price-asc#content

Ghost CMS looked a bit more modern than Wordpress last time I was looking around. $9 a month as a minimum, though they do then limit individual uploads at 5mb... guess it depends if you're hosting the raws?

https://ghost.org/explore/photography/
https://ghost.org/pricing/

Thanks @Sumo - somehow I always forget about WordPress (and about the fact the sites built with it are much better looking these days) 👍

@duncs - thank you as well, wasn't familiar with ghost.org - will take a look around ✌️