some.pics.js

Last updated:

Embed your most recently shared pictures from some.pics

Add this to your page, replacing USERNAME with your username.

<script src="https://scripts.brebs.net/some-pics/some.pics.js?user=USERNAME"></script>

Optional parameters

<script src="https://scripts.brebs.net/some-pics/some.pics.js?user=USERNAME&count=1&alt&desc&pretty"></script>

Example Output

Style overrides

You can customize the appearance of the embed by overriding the following CSS variables.

Variable Controls
--somepics-max-width Maximum width of the embedded image/td>
--somepics-image-radius Corner rounding applied to images when using &pretty.
--somepics-image-shadow Drop shadow applied to images when using &pretty.
--somepics-gap Vertical spacing between images and caption.
--somepics-caption-size Font size of the image caption text.
--somepics-caption-color Text color used for image captions.
<!-- Optional: Override some.pics Defaults -->
  <style>
  .somepics_item {
    --somepics-max-width: 100% !important; 
    --somepics-image-radius: 8px !important;
    --somepics-image-shadow: 0 2px 6px rgba(0,0,0,0.15) !important;
    --somepics-gap: 0.75rem !important;
    --somepics-caption-size: 0.85rem !important;
    --somepics-caption-color: #666 !important;
  }
  </style>
  

More details coming soon on how to get the script for your own hosting.