Review Chart

[shipping]

I thought it would be fun to write up a chart that looks like it could be used for product reviews. It could be used as a testimonial page for you or your character, or for a character business. You could also just use it as a cr chart or muselist.

I've also made it so that you can leave a single review as a comment. I've left a separate code section for that purpose, and a demo below if you scroll all the way to the comments. Please note that the review content can't be trapped in a scrollable box the way that it is on the entry code. It's also slightly wider on desktop.

Tested on: Chrome (108, 108 for iOS), Firefox(84), Safari (14.1, 16 for iOS)

NOTES:

• Please do not remove the credit footer unless you have code credits somewhere else on your journal!

For Entry | Spreadsheet | For Comment

FOR AN ENTRY.

Container: <div style="text-align: justify; justify-content: inter-word;display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: calc(0.5vh + 0.5vw); width: 100%; gap: 10px;"> <!--ENTRIES GO BELOW THIS LINE--> <!--ENTRIES GO ABOVE THIS LINE--> </div> <div style="width: 100%; text-align: right; text-shadow: 1px 1px 0px #fff;"><a href="http://shipping.dreamwidth.org" style="color: #000; text-decoration: none;"><small>CODE</small></a></div>
Single Review: <div style="width: 300px; background: #fff; border: 1px solid #ccc; padding: 10px; box-shadow: 0px 4px 10px -4px #000"><div style="display: flex; align-items: flex-end"><img src="ICONURL" style="float: left; border-radius: 25px;" height="50px"><div style="padding-left: 10px;"><b>NAME</b><br/>LOCATION - DATE</div></div> <div><big style="color: #ccc">⭐⭐⭐☆☆</big><br/><br/> <big><b>REVIEWTITLE</b></big><br/> <div style="width: 100%; height: 100px; overflow:scroll">REVIEWCONTENT</div></div></div> Replace: ICONURL, NAME, LOCATION, DATE, (stars), REVIEWTITLE, REVIEWCONTENT

Lan Wangji
Cloud Recesses - 2/1/2023

⭐⭐⭐⭐⭐

Noisy.

The tone is not good. My husband insists I give it five stars.

Hatake Kakashi
Wouldn't you like to know

⭐⭐⭐☆☆

Okay.

For hobbyists. Not meant to be a serious instrument.

Ayasegawa Yumichika
Unknown - 2/1/2023

⭐☆☆☆☆

Would give it 0 stars.

I received this as a gift and wouldn't wish this on anyone else. I think it was supposed to be funny.

CODE

▴TOP

SPREADSHEET.

In case you don't want to deal with any HTML code at all, I've made a spreadsheet!

Instructions:

• Make a copy of this spreadsheet.
• Fill out the data. Do not delete or move columns, or rename the tab.
• Go up to "Print Reviews" on the file menu, and select "Print". It should ask you permissions the first time you run it. Please give permissions, and the code should print out.

▴TOP

FOR A COMMENT.

Review: <center><div style="text-align: justify; justify-content: inter-word;width: min( 500px, 100%); background: #fff; border: 1px solid #ccc; padding: 10px; box-shadow: 0px 4px 10px -4px #000"><div style="display: flex; align-items: flex-end"><img src="ICONURL" height="50px" style="float: left; height: 50px; border-radius: 25px;"><div style="padding-left: 10px;"><b>NAME</b><br/>LOCATION - DATE</div></div><div><big style="color: #ccc">⭐⭐⭐☆☆</big> <big><b>REVIEWTITLE</b></big> <div style="width: 100%; text-align: justify; justify-content: inter-word;">REVIEWCONTENT</div></div></div><div style="width: min( 500px, 100%); text-align: right; text-shadow: 1px 1px 0px #fff;"><a href="http://shipping.dreamwidth.org" style="color: #000; text-decoration: none;"><small>CODE</small></a></div></center> Replace: ICONURL, NAME, LOCATION, DATE, (stars), REVIEWTITLE, REVIEWCONTENT

AZ Fell
AZ Fell Books - 1/12/2022

⭐⭐☆☆☆

Title

Hello,
I thought a friend of mine would enjoy receiving this, and he has, but I believe just a little too much. Caveat emptor: it makes a truly annoying sound, like a wailing balloon. Caution is advised.
AZ Fell.

▴TOP

Comments

Comment Demo

[shipping]

S. Rogers
Brooklyn - 2/1/2023

⭐⭐☆☆☆

Not for apartments

I don't even own one of these things. My neighbor down the hall does. I thought it was a cat. I asked if they tried taking her to the vet. I'm moving when the lease is up.

CODE