Simple image feed?

bennizone
Casual Poster ⚓︎

⛺︎ My Room
Itch.io: My Games

Artifacts:

Simple image feed?

« on: a Summer day »

Hi there!

I dislike SoMe feeds, but I really appreciate the ease of uploading my art to them; I'm wondering if it'd be possible to create a simple feed on my site, a sketch-log if you will. Something that'd work similarly to how piclog.blue and status.cafe allows you to put a simple widget on your site, and then you can use the add-on in your browser to quickly post (except I'd want all the drawings to show, now just the newest one, but i've seen people making that happen with status.cafe, so!)

Does this make sense? When I look around for options, I run into terms like json and xml, and rss.. I don't really know how these work yet. My site is

www.bennizone.net, if that helps you get an idea of how 'advanced' my coding skills are, LOL!

I hope someone out there can help! Lotsa love from me

(Edit: I now realized there is a 'Help' board that I probably should've posted this to. Anyone with moderation power may move it if needed, thanks for the patience!)


« Last Edit: a Summer day by bennizone »	Logged

https://bennizone.net/graphix/newlayout/more2.png

https://bennizone.net/graphix/newlayout/foryou/fbanner-lifestyle.png

WWW.BENNIZONE.NET

Artifact Swap:

small_cypress
Casual Poster ⚓︎

⛺︎ My Room
RSS:

Artifacts:

Re: Simple image feed?

« Reply #1 on: a Summer day »

I'd love something like this too!


	Logged

https://smallcypress.neocities.org/images/smallcypress.png

Blue
Full Member ⚓︎

⛺︎ My Room
SpaceHey: Friend Me!
StatusCafe: overmore
iMood:

Itch.io: My Games

Guild Memberships:

Artifacts:

Re: Simple image feed?

« Reply #2 on: a Summer day »

I'm not sure how much of a fit this is, but I saw this template while going through some resources. Haven't looked at the code but I do think it should be customizable enough to be edited for the things you don't want from it.


	Logged

Melooon
Hero Member ⚓︎

So many stars!
⛺︎ My Room
SpaceHey: Friend Me!
StatusCafe: melon
iMood:

Itch.io: My Games
RSS:

Guild Memberships:

Artifacts:

Re: Simple image feed?

« Reply #3 on: a Summer day »

Not sure if its exactly what you mean, but if you're already uploading sketches to the art hub here, you can just use the art hub embed widget to turn them into an on-site feed with the most recent first ^^

https://forum.melonland.net/gallery/embed-maker.php

I'm happy to take feedback on how well it works!


	Logged

everything lost will be recovered, when you drift into the arms of the undiscovered

Artifact Swap:

bennizone
Casual Poster ⚓︎

⛺︎ My Room
Itch.io: My Games

Artifacts:

Re: Simple image feed?

« Reply #4 on: a Summer night »

Quote from: Melooon on a Summer day

Not sure if its exactly what you mean, but if you're already uploading sketches to the art hub here, you can just use the art hub embed widget to turn them into an on-site feed with the most recent first ^^

https://forum.melonland.net/gallery/embed-maker.php

I'm happy to take feedback on how well it works!

Woahhh!! yeah that's pretty much exactly what I was looking for!

thanks!!! Is there a way to make the image-sizes responsive?


	Logged

WWW.BENNIZONE.NET

Artifact Swap:

Melooon
Hero Member ⚓︎

So many stars!
⛺︎ My Room
SpaceHey: Friend Me!
StatusCafe: melon
iMood:

Itch.io: My Games
RSS:

Guild Memberships:

Artifacts:

Re: Simple image feed?

« Reply #5 on: a Summer night »

Quote from: bennizone on a Summer night

Is there a way to make the image-sizes responsive?

I added a new responsive image size option to the embed maker, try it out and see if it does what you need


	Logged

everything lost will be recovered, when you drift into the arms of the undiscovered

Artifact Swap:

bennizone
Casual Poster ⚓︎

⛺︎ My Room
Itch.io: My Games

Artifacts:

Re: Simple image feed?

« Reply #6 on: a Summer day »

Quote from: Melooon on a Summer night

I added a new responsive image size option to the embed maker, try it out and see if it does what you need

Thank you!!! Hm, it doesn't really seem to respond right when I resize my browser

It does scale up, but not down! Is that possible to change?


	Logged

WWW.BENNIZONE.NET

Artifact Swap:

bennizone
Casual Poster ⚓︎

⛺︎ My Room
Itch.io: My Games

Artifacts:

Re: Simple image feed?

« Reply #7 on: a Summer day »

Quote from: bennizone on a Summer day

Thank you!!! Hm, it doesn't really seem to respond right when I resize my browser It does scale up, but not down! Is that possible to change?

I took a look again, in case I was missing something, and... well, I'm none the wiser for now. It's not even really scaling up, as mentioned earlier, it just seems to adhere to the "max image size"...

So I'm bumping this topic, hoping there's a fix, or someone has an alternative?


	Logged

WWW.BENNIZONE.NET

Artifact Swap:

Melooon
Hero Member ⚓︎

So many stars!
⛺︎ My Room
SpaceHey: Friend Me!
StatusCafe: melon
iMood:

Itch.io: My Games
RSS:

Guild Memberships:

Artifacts:

Re: Simple image feed?

« Reply #8 on: a Summer day »

Quote from: bennizone on a Summer day

It's not even really scaling up, as mentioned earlier, it just seems to adhere to the "max image size"

You have to enable responsive images in the embed maker!

It uses the max size as a baseline target and then sizes images up and down so they always responsively fill the browser while trying to keep a close to the max size as possible.

Otherwise you can use the custom CSS link to do any sort of bespoke layout coding you'd like ^^


	Logged

everything lost will be recovered, when you drift into the arms of the undiscovered

Artifact Swap:

bennizone
Casual Poster ⚓︎

⛺︎ My Room
Itch.io: My Games

Artifacts:

Re: Simple image feed?

« Reply #9 on: a Summer night »

Quote from: Melooon on a Summer day

You have to enable responsive images in the embed maker!

yes, I realize this!

But it doesn't work.. below is the full HTML for the page I'm working on, including the embed, and a screenshot of how it looks on my end. In case it's helpful in order to solve this?

Spoiler

https://i.postimg.cc/1RwdmDgG/htmlproblem.png

Code


<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>BENNIZONE :-D</title>
    <link href="https://bennizone.net/zigzag/style.css" rel="stylesheet" type="text/css" media="all">
      
  <style>

  </style>

  </head>
  <body>

<div id="container"><div id="topBar"><center><a href="https://bennizone.net/"><img src="https://bennizone.net/graphix/newlayout/zag_logo.png" width="70%"><img src="https://bennizone.net/graphix/newlayout/zag_home.png" width="20%"></a></center></div>
            <div id="headerArea">
                
                <nav id="navbar" style="margin-bottom: 0px;">
                    <ul>
                        <li><div class="box"><a href="https://bennizone.net/now">News</a></div></li>
                        <li><div class="navselect"><a href="https://bennizone.net/gallery">Gallery</a></div></li>
                        <li><div class="box"><a href="https://bennizone.net/comics">Comics</a></div></li>
                        <li><div class="box"><a href="https://bennizone.net/shop">Shop</a></div></li>
                        <li><div class="box"><a href="https://bennizone.net/more">More</a></div></li>
                    </ul>
                </nav>
            </div>

            <div id="flex">


                <main><center>

<table width="100%" style="border-spacing: 0px;">
<tbody>
<tr>

<td bgcolor="transparent" width="70%" style="text-align:center;vertical-align:top;">

<iframe src="https://forum.melonland.net/gallery/embed.php?member=2783&cat=0&size=600&responsive_size=1&frame=1&per_page=10&font=Arial&color_bg=%23ffffff&color_font=%23000000&mature=1&include_title=0&include_desc=0&include_link=0&include_banner=0" width="100%" height="500" frameborder="0"></iframe>

</td>

<td bgcolor="transparent" width="30%" style="text-align:center;vertical-align:top;padding:9px">

Some other stuff will go here

</td>
</tr>
</tbody>
</table>



                </center></main>


                
            </div>
            <footer id="footer" style="margin-top: 0px;">© Rebekka-Bernadette M., BENNIZONE :-)</footer>
        </div>
    
  </body>
</html>

[close]


« Last Edit: a Summer day by bennizone »	Logged

WWW.BENNIZONE.NET

Artifact Swap:

Melooon
Hero Member ⚓︎

So many stars!
⛺︎ My Room
SpaceHey: Friend Me!
StatusCafe: melon
iMood:

Itch.io: My Games
RSS:

Guild Memberships:

Artifacts:

Re: Simple image feed?

« Reply #10 on: a Summer day »

Quote from: bennizone on a Summer night

In case it's helpful in order to solve this?

Ah your cramming it into a very small space so you dont need the whole grid layout thats going on;
just add a custom CSS file that simplifies the layout to a single column with this - I think everything else can stay the same:

Code

.gallery-container {
   display: block;
}


	Logged

everything lost will be recovered, when you drift into the arms of the undiscovered

Artifact Swap:

bennizone
Casual Poster ⚓︎

⛺︎ My Room
Itch.io: My Games

Artifacts:

Re: Simple image feed?

« Reply #11 on: a Summer day »

Quote from: Melooon on a Summer day

just add a custom CSS file

Woah it worked perfectly!

thank you SO MUCH!

Finally I can work on the sketch-gallery of my dreams!


	Logged

WWW.BENNIZONE.NET

Artifact Swap:

bennizone
Casual Poster ⚓︎

⛺︎ My Room
Itch.io: My Games

Artifacts:

Re: Simple image feed?

« Reply #12 on: a Summer day »

Quote from: Melooon on a Summer day

just add a custom CSS file

Quote from: bennizone on a Summer day

Woah it worked perfectly!

Hi, back again

Here's my result, which I'm really happy with so far, but I have a question: Is it possible to remove the extra padding around the images, and allow me to decide my own padding size, as well as gap-size between images? I've tried messing around adding some stuff to the custom css, but it doesn't change anything, so I must be doing it wrong.

Also, is it possible to change the font-size of the pagination? Similar to above, I've tried changing it myself, but no luck! Thanks in advance


	Logged

WWW.BENNIZONE.NET

Artifact Swap:

Melooon
Hero Member ⚓︎

So many stars!
⛺︎ My Room
SpaceHey: Friend Me!
StatusCafe: melon
iMood:

Itch.io: My Games
RSS:

Guild Memberships:

Artifacts:

Re: Simple image feed?

« Reply #13 on: a Summer day »

Quote from: bennizone on a Summer day

but it doesn't change anything, so I must be doing it wrong.

All of your css edits are working perfectly on my browser, so I think you just need to clear your cache to see them (shift reload on most browsers)

It looks really great though!

The sketchbook design sits super nicely and it feels fun and polished


	Logged

everything lost will be recovered, when you drift into the arms of the undiscovered

Artifact Swap:

bennizone
Casual Poster ⚓︎

⛺︎ My Room
Itch.io: My Games

Artifacts:

Re: Simple image feed?

« Reply #14 on: a Summer day »

Quote from: Melooon on a Summer day

clear your cache to see them (shift reload on most browsers)

It looks really great though!

Oh, weird!! I did clear my cache lots of times but it didn't work - but just now, I tried a private window and it finally showed up, haha

thank you so much!!!!


	Logged

WWW.BENNIZONE.NET

Artifact Swap:

Pages: [1] 2

« previous next »

Some other zones are awake :^]