approach the prompts however you wish!
for some added challenge, you could try setting a monthly theme for yourself, like responding with only images or lyrics or 100-word drabbles
the provided codes are completely optional and you're free to edit/customize them or respond with your own templates/lyrics/narratives/etc.
if you'd like to link back to the original prompt, you can get any prompt's link by clicking the icon next to the social media icons in the prompts package
Customizable styles are available near the top of the template so it can be easily modified
Rearrange your prompts by moving around the <div class="item">
blocks in the template
For prompts with missing words, add your text between the <span>
tags
Add an image to your response with a regular image tag <img src="imageurl">
and it'll automatically resize to fit
If you don't want your image resized, use this instead:
<img src="imageurl" class="freestyle">
To quickly grayscale an image, add class="grayscale"
to your image tag
For responses that include multiple images,
you may want to split them up into additional items on the grid for aesthetic reasons, which is done by adding this in for each additional block you'd like:
<div class="item item-images">
<img src="imageurl">
</div>
Example:
<div class="item">
<article class="prompt">Some prompt...</article>
<article class="response"></article>
</div>
<div class="item item-images">
<img src="imageurl">
</div>
<div class="item item-images">
<img src="imageurl">
<img src="imageurl">
</div>
<div class="item">
<article class="prompt">Another prompt...</article>
<article class="response"></article>
</div>
For prompts with missing words, add your text between the <span>
tags
Use this <img src="imageurl" style="display:block;width:100%;">
to include a resized image with your response
To place your content behind a cut, remove the second line:
<div style="float:left;margin:10px;width:60.2px;height:65.8px;background-size:cover;background-image: url(https://i.imgur.com/YZN8nRt.png);"></div>
replace it with this and edit your post's url:
<a href="YOURPOSTURL" style="text-decoration:none;outline:0;border:0;"><div style="float:left;margin:10px;width:60.2px;height:65.8px;background-size:cover;background-image: url(https://i.imgur.com/YZN8nRt.png);"></div></a><span style="display:none;"><lj-cut></span>