some.pics.js
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
&count— number of pictures to show (defaultis 1)&desc— include descriptions&pretty— make the image have rounded corners and a subtle shadow&alt— include alt text&domain=photos.example.com- Rewrites image links to use a custom domain.
<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.