ground truth comparison images and other improvements

ground truth "model" to compare SD output with the artists' work
easier method of switching between the 4 models
all female artists identified and tagged

index.css

@@ -1000,12 +1000,13 @@ input[type="checkbox"]:checked::before {
 	top: 0;
 	right: 0;
 	border-bottom-left-radius: 4px;
+	display: none;
 }
 
 .image-item .imgTools > a.art_search {
-	bottom: 0;
-	left: 0;
-	border-top-right-radius: 4px;
+	top: 0;
+	right: 0;
+	border-bottom-left-radius: 4px;
 }
 
 .image-item .imgTools > div.art_star {
@@ -1029,9 +1030,8 @@ input[type="checkbox"]:checked::before {
 
 .image-item .imgTools > div.art_set {
 	bottom: 0;
-	left: 60px;
-	width: 136px;
-	border-top-left-radius: 4px;
+	left: 0px;
+	width: 196px;
 	border-top-right-radius: 4px;
 	padding: 13px;
 	box-sizing: border-box;
@@ -1053,6 +1053,41 @@ input[type="checkbox"]:checked::before {
 	overflow: hidden;
 }
 
+.image-item .art_set span.prev:hover {
+	background: linear-gradient(90deg, #333 40%, #666 100%);
+}
+
+.image-item .art_set span.next:hover {
+	background: linear-gradient(90deg, #666 60%, #333 100%);
+}
+
+.image-item .art_set span::after {
+	content: '';
+	display: block;
+	width: 10px;
+	height: 6px;
+	background-color: #fff;
+	clip-path: polygon(5% 0, 95% 0, 100% 15%, 55% 100%, 45% 100%, 0 15%);
+	position: relative;
+	left: 154px;
+	transform: rotateZ(-90deg);
+	top: -12px;
+}
+
+.image-item .art_set span::before {
+	content: '';
+	display: block;
+	width: 10px;
+	height: 6px;
+	background-color: #fff;
+	clip-path: polygon(5% 0, 95% 0, 100% 15%, 55% 100%, 45% 100%, 0 15%);
+	position: relative;
+	left: 6px;
+	transform: rotateZ(90deg);
+	top: 6px;
+	margin-bottom: -6px;
+}
+
 .image-item .imgBox {
 	position: relative;
 	z-index: 0;

index.html

@@ -34,14 +34,6 @@
 					<span class="link" id="sortTA">🔠</span>
 				</div>
 				<div class="divider"></div>
-				<div id="second_model">
-					<span>B:</span><div>
-						<select onautocomplete="off">
-							<option value="SDXL">2nd model: SDXL 1.0</option>
-						</select>
-					</div>
-				</div>
-				<div class="divider"></div>
 				<label class="top_control top_all">
 					<input type="checkbox" checked="checked" name="check-all" value="check-all" autocomplete="off"><span>all artists</span><span class="count"></span>
 				</label>
@@ -62,7 +54,7 @@
 					<input type="checkbox" checked="checked" name="deprecated" value="deprecated" autocomplete="off"><span>hide unknown to SDXL</span><span class="count"></span>
 				</label>
 				<label class="top_control">
-					<input type="checkbox" checked="checked" name="nudity" value="nudity" autocomplete="off"><span>don't blur risqué</span><span class="count"></span>
+					<input type="checkbox" name="censored" value="censored" autocomplete="off"><span>show risqué images</span><span class="count"></span>
 				</label>
 				<div class="divider"></div>
 				<span id="edit_most_used" class="hidden">edit these</span>
@@ -192,13 +184,25 @@
 					<li><strong>⭐️</strong> to toggle them as favorited</li>
 					<li><strong>🌐</strong> Web search for the artist</li>
 					<li><strong>🎨🧑🏞️</strong> rotate between the 3 prompts</li>
-					<li><strong>model</strong> switch between vanilla SDXL (A) and another model (B)</li>
+					<li><strong>image set</strong> rotate between 4 image sets</li>
 				</ul>
-				<h3>B: Model</h3>
+				<h3>The image sets</h3>
 				<ul>
-					<li>Allows you to select a second XL model (B) to compare with the vanilla XL model from Stability (A).
-					Switch between A and B by tapping the matching button on an artist.</li>
-					<li>These models were selected by me based on what I prefer.  I have no relationship with these model makers.</li>
+					<li><strong>SDXL 1.0 model from StabilityAI:</strong>
+						<ul>
+							<li>As the base model, 1.0 preserves all artist styles better than any other fine tune.</li>
+							<li>Also has more diversity that any other model, except for anatomy.</li>
+							<li>The trade-off is that it's less aesthetic and causes more artifacts.</li>
+						</ul>
+					</li>
+					<li><strong>The artists' actual artwork:</strong>
+						<ul>
+							<li>These images weren't generated by any SDXL model.</li>
+							<li>These are screenshots of the artists' work available on the public web.</li>
+							<li>I believe these tiny thumbnails are educational fair use.</li>
+							<li>If you own any image and want it removed, please message me.</li>
+						</ul>
+					</li>
 					<li><strong>DynaVision:</strong>
 						<ul>
 							<li>Makes cute faces, removes artifacts, saturates colors, while preserving artist style.</li>
@@ -206,6 +210,7 @@
 							<li>For landscapes, it reduces artist style strongly but improves composition.</li>
 							<li>Improves anatomy and leans towards NSFW.  Proportions are somewhat cartoonish.</li>
 							<li>To remove the "big eyes" effect, use "anime" in the negative prompt.</li>
+							<li>I have no relationship with the makers of this model.</li>
 						</ul>
 					</li>
 					<li><strong>Crystal Clear:</strong>
@@ -213,6 +218,7 @@
 							<li>Adds detail and removes artifacts while while strongly preserving artist style.</li>
 							<li>Preserves styles even for landscapes and even for messy/grungy artists.</li>
 							<li>Makes faces more aesthetic, improves anatomy, and leans towards realism.</li>
+							<li>I have no relationship with the makers of this model.</li>
 						</ul>
 					</li>
 				</ul>
@@ -233,9 +239,9 @@
 					<li>If you prompt with their names, the result will be unlike their actual style and generic, and you can achieve similar results by prompting "a painting", etc.</li>
 					<li>They're included in the database for the record of what SDXL doesn't know</li>
 				</ul>
-				<h3>Don't blur risqué</h3>
+				<h3>Show risqué images</h3>
 				<ul>
-					<li>Risqué means any image that isn't G-rated and 100% SFW by extremely conservative standards.  But the most risqué this site gets is images with boobies.</li>
+					<li>You can blur out all images that aren't G-rated and 100% SFW by extremely conservative standards.  This app contains now X-rated or hardcore images.</li>
 				</ul>
 				<h3>Important tags</h3>
 				<ul>
@@ -258,10 +264,12 @@
 						The prompt used for the 🎨 images is the intentionally generic, "an image".  If that results in a portrait, that's useful to know.  It indicates that, for that artist, SDXL is more strongly trained to output portraits.  Anything in your prompt that's not related to a person will harder to prompt for in that artist's style.
 					</li>
 				</ul>
-				<h3>✍️ Offline tag-editing mode</h3>
+				<!--
+ 				<h3>✍️ Offline tag-editing mode</h3>
 				<ul>
 					<li>This feature is only for editing tags offline.  If you are viewing this from Hugging Face, any tag edits won't be applied, but they'll be saved.  If you've downloaded the repository and are viewing your local file, tag edits are applied.  In both cases, your edits will be available for export 📥 as text.  If you want to suggest tag improvements for everyone's benefit, edit tags, copy the text from 📥, and post it as a comment to Hugging Face.  I will incorporate accurate edits ASAP.  Thank you for contributing!</li>
 				</ul>
+				 -->
 			</div>
 		</div>
 		<div id="information_tips" class="information_section">
@@ -335,7 +343,7 @@
 				<ul>
 					<li>
 						<strong>All:</strong><br>
-						Steps: 20, Sampler: DPM++ 2M Karras, CFG scale: 5, Seed: 47, Size: 1024x1024, Model hash: 31e35c80fc, Model: sd_xl_base_1.0, Version: v1.5.1, <strong>(refiner not used)</strong>
+						Steps: 20, Sampler: DPM++ 2M Karras, CFG scale: 5, Seed: 47, Size: 1024x1024, <strong>(refiner not used)</strong>
 					</li>
 					<li>
 						<strong>🎨 prompt:</strong><br>
@@ -361,14 +369,14 @@
 				</ul>
 				<h3>Disclaimers</h3>
 				<ul>
-					<li>The tags are mostly my manual input, with a mix of other sources including AI.  They may be incorrect!</li>
-					<li>SDXL is only a crude imitation of these artists.  Check out these artists' actual artwork for more inspiration!</li>
-					<li>This database has more straight white male artists than in the actual population.  That's because they've been favored by art-collectors, past and present.  Please suggest non white male artists that I should add.</li>
+					<li>I believe the purpose of art is to share ideas and to inspire.  New art is only possible by imitating and remixing old art.  SDXL and this app promote art, inspire, and educate.  For now, AI can only crudely imitate each artist.  I encourage you to explore the real artwork and history of each artist you enjoy.</li>
+					<li>To create the tags, I've used a mix of LLM lots of manual research and edits.  But the tags may be incorrect!  Let me know if you have any corrections.</li>
+					<li>This database has a larger proportion of straight white male artists than the actual population.  That's because, in the past and present, woman and minorities have had fewer opportunities to devote time to and sell their artwork.  Please suggest under-represented artists that I can add to this app.</li>
 					<li>My code doesn't use cookies, and it sends nothing to any server.  But it's hosted on Hugging Face, and I can't control if they cookie you.</li>
-					<li>This tool is open source and Creatives Commons license.  Download for free, use offline, modify as you wish.</li>
+					<li>This app is open source and Creatives Commons license.  Download for free, use offline, modify as you wish.</li>
 					<li>I don't get, nor do I want, any compensation for this.  Getting thanked feels great though!</li>
-					<li>I'm not affiliated with Stability AI or any model makers.</li>
-					<li>This tools is only for fun.  Use at your own risk.  You're responsible for your own actions.  Void where prohibited.</li>
+					<li>I'm not affiliated with Stability AI, any model makers, or any organization.</li>
+					<li>This app is only for fun and education.  Use at your own risk.  You're responsible for your own actions.  Void where prohibited.</li>
 				</ul>
 			</div>
 		</div>

index.js

@@ -6,15 +6,18 @@
 var p1 = performance.now();
 var timer;
 var artTypes = ['🎨','🧑','🏞️'];
+var artTypesAlt = ['1️⃣','2️⃣','3️⃣'];
 var artTitles = ['artwork','portraits','landscapes'];
 var models = [
 	// path, short display name, full display name
-	['SDXL_1_0','SDXL 1.0','SDXL 1.0 Stability.ai official'],
-	['SDXL_DynaVision','XL DynaVision','SDXL DynaVision beta v0.4.1.1'],
-	['SDXL_Crystal_Clear','XL CrystalClr','Crystal Clear XL vCCXL'],
+	// short display name should have max of ~36 characters
+	// order here needs to match db for censoring function to work
+	['SDXL_1_0','SDXL 1.0 Vanilla','SDXL 1.0 Stability.ai official'],
+	['Ground_Truth','Actual artwork','Screenshots of the actual artwork'],
+	['SDXL_Crystal_Clear','SDXL Crystal Clear','Crystal Clear XL vCCXL'],
+	['SDXL_DynaVision','SDXL DynaVision','SDXL DynaVision beta v0.4.1.1'],
 ];
-var secondModelIsSelected = false;
-var secondModelSelected = 1;
+var modelSelected = 0;
 var initialPosX = -1;
 var initialPosY = -1;
 var prevScrollTop = -1; // used for lazyLoad
@@ -38,7 +41,7 @@ var missingFiles = '';
 var promptStyleWords = ['artwork in the style of','by|||']
 const lowCountThreshold = 3;
 const unloadedImgSrc = 'data:image/webp;base64,UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoBAAEAAkA4JaQAA3AA/vgfgAA='; // a 1x1 pixel
-const maxAristsToBeLoaded = 50; // each artist has 6 images, 3 per model
+const maxAristsToBeLoaded = 40; // each artist loads 3 images
 const artistLoadingChunk = 15; // artists loaded per lazy load call
 const missingInterval = setInterval(checkMissingInterval, 5000);
 var imageItemUnloadQueue = [];
@@ -58,19 +61,18 @@ async function startUp() {
 	makeConcatenatedTagSet();
 	await loadEditedArtists();
 	insertArtists();
-	insertModels();
 	insertCheckboxesFromArtistsData();
 	insertCheckboxesFromCategories();
 	await loadCheckboxesState();
 	showHideCategories();
 	await loadOptionsState();
 	await loadFavoritesState();
-	blurUnblurNudity();
+	blurUnblurCensored();
 	hideAllArtists();
 	unhideBasedOnPermissiveSetting();
 	sortArtists();
 	rotatePromptsImages();
-	updateArtistsImgSrc(false,false);
+	updateArtistsImgSrc(false);
 	updateTags('start');
 	makeStyleRuleForDrag();
 	// teasePartition();
@@ -333,7 +335,7 @@ function insertArtists() {
 		//
 		var artSearch = document.createElement('a');
 		artSearch.className = 'art_search';
-		artSearch.href = 'https://duckduckgo.com/?iax=images&ia=images&q=' + artist[1].replace(' ','+') + '+' + artist[0].replace(' ','+') + '+artist';
+		artSearch.href = 'https://duckduckgo.com/?ia=web&q=' + artist[1].replace(' ','+') + '+' + artist[0].replace(' ','+') + '+artist';
 		artSearch.target = '_blank';
 		artSearch.title = 'Web image search';
 		var artSearchSpan = document.createElement('span');
@@ -344,7 +346,7 @@ function insertArtists() {
 		var artSet = document.createElement('div');
 		artSet.className = 'art_set';
 		var artSetSpan = document.createElement('span');
-		artSetSpan.textContent = 'A: ' + models[0][1];
+		artSetSpan.textContent = models[0][1];
 		artSetSpan.title = 'showing ' + models[0][2];
 		artSet.appendChild(artSetSpan);
 		imgTools.appendChild(artSet);
@@ -352,7 +354,6 @@ function insertArtists() {
 		holder.appendChild(imgTools);
 		var imgBox0 = document.createElement('div');
 		imgBox0.className = 'imgBox';
-		imgBox0.dataset.model = 0;
 		var imgArtwork = document.createElement('img');
 		var imgPortrait = document.createElement('img');
 		var imgLandscape = document.createElement('img');
@@ -376,12 +377,6 @@ function insertArtists() {
 		imgBox0.appendChild(modelName);
 		holder.appendChild(imgBox0);
 		//
-		let imgBox1 = imgBox0.cloneNode(true);
-		imgBox1.classList.add('hidden');
-		imgBox1.dataset.model = 1;
-		imgBox1.querySelector('.model_name span').childNodes[2].nodeValue = models[secondModelSelected][2];
-		holder.appendChild(imgBox1);
-		//
 		if(artist[3]) {
 			itemDiv.dataset.deprecated = true;
 			var deprecatedSpan = document.createElement('span');
@@ -421,7 +416,7 @@ function getArtistsByDistanceFromMiddle() {
 	return imageItemsVisible;
 }
 
-function updateArtistsImgSrc(filteredImageItems,onlySecondModel) {
+function updateArtistsImgSrc(filteredImageItems) {
 	if(filteredImageItems == false) {
 		// initial page load
 		filteredImageItems = getArtistsByDistanceFromMiddle();
@@ -433,38 +428,24 @@ function updateArtistsImgSrc(filteredImageItems,onlySecondModel) {
 	// load those artists (update the image src)
 	let imagePromises = [];
 	filteredImageItems.forEach(function(item){
-		let src0 = 'images/' + models[0][0] + '_thumbs/';
-		let src1 = 'images/' + models[secondModelSelected][0] + '_thumbs/';
+		let src0 = 'images/' + models[modelSelected][0] + '_thumbs/';
 		let firstN = item.querySelector('.firstN').textContent;
 		let lastN = item.querySelector('.lastN').textContent;
 		// files use accented characters and huggingface stores the files with this encoding
 		src0 = encodeURI(src0.normalize("NFD"));
-		src1 = encodeURI(src1.normalize("NFD"));
 		if(firstN == '') {
 			src0 += lastN.replaceAll(' ', '_');
-			src1 += lastN.replaceAll(' ', '_');
 		} else {
 			src0 += firstN.replaceAll(' ', '_') + '_' + lastN.replaceAll(' ', '_');
-			src1 += firstN.replaceAll(' ', '_') + '_' + lastN.replaceAll(' ', '_');
 		}
 		//
-		let imgAlt0 = 'artist: ' + firstN + ' ' + lastN + ' - model: ' + models[0][1];
-		let imgAlt1 = 'artist: ' +firstN + ' ' + lastN + ' - model: ' + models[secondModelSelected][1];
+		let imgAlt0 = 'artist: ' + firstN + ' ' + lastN + ' - model: ' + models[modelSelected][1];
 		//
-		let imgBox0 = item.querySelector('.imgBox[data-model="0"]');
-		let imgBox1 = item.querySelector('.imgBox[data-model="1"]');
-		delete imgBox1.querySelector('.img_artwork').dataset.thumbSrc;
-		delete imgBox1.querySelector('.img_portrait').dataset.thumbSrc;
-		delete imgBox1.querySelector('.img_landscape').dataset.thumbSrc;
+		let imgBox0 = item.querySelector('.imgBox');
 		let imgArray = [];
-		if(!onlySecondModel) {
-			imgArray.push([imgBox0.querySelector('.img_artwork'), src0 + '-artwork.webp', imgAlt0 + ' - prompt: artwork']);
-			imgArray.push([imgBox0.querySelector('.img_portrait'), src0 + '-portrait.webp', imgAlt0 + ' - prompt: portrait']);
-			imgArray.push([imgBox0.querySelector('.img_landscape'), src0 + '-landscape.webp', imgAlt0 + ' - prompt: landscape']);
-		}
-		imgArray.push([imgBox1.querySelector('.img_artwork'), src1 + '-artwork.webp', imgAlt1 + ' - prompt: artwork']);
-		imgArray.push([imgBox1.querySelector('.img_portrait'), src1 + '-portrait.webp', imgAlt1 + ' - prompt: portrait']);
-		imgArray.push([imgBox1.querySelector('.img_landscape'), src1 + '-landscape.webp', imgAlt1 + ' - prompt: landscape']);
+		imgArray.push([imgBox0.querySelector('.img_artwork'), src0 + '-artwork.webp', imgAlt0 + ' - prompt: artwork']);
+		imgArray.push([imgBox0.querySelector('.img_portrait'), src0 + '-portrait.webp', imgAlt0 + ' - prompt: portrait']);
+		imgArray.push([imgBox0.querySelector('.img_landscape'), src0 + '-landscape.webp', imgAlt0 + ' - prompt: landscape']);
 		//
 		generateUnloadQueue();
 		imgArray.forEach(function(imgDetails) {
@@ -472,23 +453,21 @@ function updateArtistsImgSrc(filteredImageItems,onlySecondModel) {
 				imgDetails[0].src = imgDetails[1];
 				imgDetails[0].alt = imgDetails[2];
 				if(imgDetails[0].complete) {
-					if(imgDetails[0].classList.contains('img_artwork') &&
-						imgDetails[0].closest('.imgBox').dataset.model == '0') {
+					if(imgDetails[0].classList.contains('img_artwork')) {
 						lazyUnloadOne();
 					}
 					resolve();
 					return;
 				}
-				imgDetails[0].onload = (img) => {
-					if(imgDetails[0].classList.contains('img_artwork') &&
-						imgDetails[0].closest('.imgBox').dataset.model == '0') {
+				imgDetails[0].onload = () => {
+					if(imgDetails[0].classList.contains('img_artwork')) {
 						lazyUnloadOne();
 					}
 					imgDetails[0].onload = null;
 					imgDetails[0].onerror = null;
 					resolve();
 				};
-				imgDetails[0].onerror = (img) => {
+				imgDetails[0].onerror = () => {
 					missingFiles += imgDetails[1] + '\n';
 					imgDetails[0].onload = null;
 					imgDetails[0].onerror = null;
@@ -499,7 +478,7 @@ function updateArtistsImgSrc(filteredImageItems,onlySecondModel) {
 		});
 	});
 	Promise.allSettled(imagePromises).then(() => {
-	});
+	})
 }
 
 function lazyLoad() {
@@ -561,7 +540,7 @@ function lazyLoad() {
 			i++;
 		}
 		// slice to a chunk-size and load
-		updateArtistsImgSrc(itemsToBeLoaded,false);
+		updateArtistsImgSrc(itemsToBeLoaded);
 	}
 	prevScrollTop = currentScrollTop;
 }
@@ -610,32 +589,6 @@ function lazyUnloadOne() {
 	}
 }
 
-function insertModels() {
-	let secondModelSelector = document.querySelector('#second_model select');
-	secondModelSelector.innerHTML = '';
-	for (var i=1, il=models.length; i<il; i++) {
-		// model 0 is the primary model
-		let model = models[i];
-		let option = document.createElement('option');
-		option.value = model[0];
-		option.textContent = model[1];
-		secondModelSelector.appendChild(option);
-	}
-}
-
-function setSecondModelSelected(select) {
-	for(i=0,il=models.length; i<il; i++) {
-		if(models[i][0] === select.value) {
-			secondModelSelected = i;
-			break;
-		}
-	}
-	secondModelIsSelected = false;
-	rotateModelsImages();
-	// update images (but only second model)
-	updateArtistsImgSrc(false,true);
-}
-
 function insertCheckboxesFromArtistsData() {
 	var uniqueTags = new Set();
 	artistsData.forEach(function(artist) {
@@ -713,7 +666,7 @@ async function loadCheckboxesState() {
 					&& name != 'use_categories'
 					&& name != 'low_count'
 					&& name != 'deprecated'
-					&& name != 'nudity') {
+					&& name != 'censored') {
 					if(!state[name]) {
 						allChecked = false;
 					}
@@ -800,24 +753,48 @@ function highlightSelectedOption(selected) {
 		});
 		if(imgTypeShown == 0) {
 			document.getElementById('promptA').classList.add('selected');
-			doAlert('Showing artwork',0);
+			if(modelSelected == 1) {
+				doAlert('Showing 1 of 3',0);
+			} else {
+				doAlert('Showing artwork',0);
+			}
 		} else if(imgTypeShown == 1) {
 			document.getElementById('promptP').classList.add('selected');
-			doAlert('Showing portraits',0);
+			if(modelSelected == 1) {
+				doAlert('Showing 2 of 3',0);
+			} else {
+				doAlert('Showing portraits',0);
+			}
 		} else if(imgTypeShown == 2) {
 			document.getElementById('promptL').classList.add('selected');
-			doAlert('Showing landscapes',0);
+			if(modelSelected == 1) {
+				doAlert('Showing 3 of 3',0);
+			} else {
+				doAlert('Showing landscapes',0);
+			}
 		}
 	} else {
 		if(selected == 'promptA') {
 			imgTypeShown = 0;
-			doAlert('Showing artwork',0);
+			if(modelSelected == 1) {
+				doAlert('Showing 1 of 3',0);
+			} else {
+				doAlert('Showing artwork',0);
+			}
 		} else if(selected == 'promptP') {
 			imgTypeShown = 1;
-			doAlert('Showing portraits',0);
+			if(modelSelected == 1) {
+				doAlert('Showing 2 of 3',0);
+			} else {
+				doAlert('Showing portraits',0);
+			}
 		} else if(selected == 'promptL') {
 			imgTypeShown = 2;
-			doAlert('Showing landscapes',0);
+			if(modelSelected == 1) {
+				doAlert('Showing 3 of 3',0);
+			} else {
+				doAlert('Showing landscapes',0);
+			}
 		}
 		var links = document.getElementById(selected).parentNode.querySelectorAll('.link');
 		links.forEach(function(link) {
@@ -867,53 +844,71 @@ function rotatePromptsImages() {
 		image.classList.remove('hidden');
 	});
 	// switch prev and next button icons
+	let whichArtTypeArray = artTypes;
+	if(modelSelected == 1) {
+		// the actual artwork
+		whichArtTypeArray = artTypesAlt;
+	}
 	let prevButtons = document.querySelectorAll('.art_prev span');
 	prevButtons.forEach(function(span) {
-		span.textContent = artTypes[imgTypeShown];
+		span.textContent = whichArtTypeArray[imgTypeShown];
 		span.title = 'showing ' + artTitles[imgTypeShown];
 	});
 	let nextButtons = document.querySelectorAll('.art_next span');
 	nextButtons.forEach(function(span) {
-		span.textContent = artTypes[imgTypeShown];
+		span.textContent = whichArtTypeArray[imgTypeShown];
 		span.title = 'showing ' + artTitles[imgTypeShown];
 	});
 }
 
-function rotateModelsImages() {
-	// hide all imgBoxes
-	let visibleImgBoxes = document.querySelectorAll('.imgBox:not(.hidden)');
-	visibleImgBoxes.forEach(function(imgBox) {
-		imgBox.classList.add('hidden');
-	});
-	// switch model selection, unhide desired imgBox
-	if(secondModelIsSelected) {
-		secondModelIsSelected = false;
-		visibleImgBoxes = document.querySelectorAll('.imgBox[data-model="0"]');
-	} else {
-		secondModelIsSelected = true;
-		visibleImgBoxes = document.querySelectorAll('.imgBox[data-model="1"]');
+function rotateModels(imageItem,direction) {
+	// update selected model
+	modelSelected += direction;
+	if(modelSelected == models.length) {
+		modelSelected = 0;
+	} else if(modelSelected < 0) {
+		modelSelected = models.length -1;
 	}
-	visibleImgBoxes.forEach(function(imgBox) {
-		imgBox.classList.remove('hidden');
-	});
-	// update button
+	// update model selector button
 	let artSetSpans = document.querySelectorAll('.art_set span');
 	artSetSpans.forEach(function(span) {
-		if(secondModelIsSelected) {
-			span.textContent = 'B: ' + models[secondModelSelected][1];
-			span.title = 'showing ' + models[secondModelSelected][2];
-			doAlert('Showing B: ' + models[secondModelSelected][1],0);
-		} else {
-			span.textContent = 'A: ' + models[0][1];
-			span.title = 'showing ' + models[0][2];
-			doAlert('Showing A:' + models[0][1],0);
-		}
+		span.textContent = models[modelSelected][1];
+		span.title = 'showing ' + models[modelSelected][2];
+		doAlert('Showing: ' + models[modelSelected][1],0);
 	});
-	// update name shown on hover
+	// update name shown under the large hover image
 	let modelName = document.querySelectorAll('.model_name span');
 	modelName.forEach(function(span) {
-		span.childNodes[2].nodeValue = models[secondModelSelected][2];
+		span.childNodes[2].nodeValue = models[modelSelected][2];
+	});
+	// allow all images with large image src to be overwritten with new large image src
+	let images = document.querySelectorAll('.imgBox img');
+	images.forEach(function(img) {
+		delete img.dataset.thumbSrc;
 	});
+	// update the prompt image buttons
+	let whichArtTypeArray = artTypes;
+	if(modelSelected == 1) {
+		// the actual artwork
+		whichArtTypeArray = artTypesAlt;
+	}
+	let prevButtons = document.querySelectorAll('.art_prev span');
+	prevButtons.forEach(function(span) {
+		span.textContent = whichArtTypeArray[imgTypeShown];
+	});
+	let nextButtons = document.querySelectorAll('.art_next span');
+	nextButtons.forEach(function(span) {
+		span.textContent = whichArtTypeArray[imgTypeShown];
+	});
+	// update the images async
+	timer = setTimeout(rotateModelsUpdate, 0, imageItem);
+}
+
+function rotateModelsUpdate(imageItem) {
+	updateArtistsImgSrc(false);
+	// has to be after the images switch, otherwise the previous images are briefly unblurred
+	blurUnblurCensored();
+	showLargerImages(imageItem);
 }
 
 function updateTags(whoCalled) {
@@ -1119,28 +1114,26 @@ function checkAllInCategory(theCheckbox) {
 	}
 }
 
-function blurUnblurNudity() {
-	let nudity = document.querySelector('input[name="nudity"]');
-	if(nudity.checked) {
-		nudity.parentNode.classList.remove('warning');
-		let images = document.querySelectorAll('.img');
-		images.forEach(function(img){
-			img.classList.remove('censored');
-		});
+function blurUnblurCensored() {
+	let images = document.querySelectorAll('.img');
+	images.forEach(function(img){
+		img.classList.remove('censored');
+	});
+	let censored = document.querySelector('input[name="censored"]');
+	if(censored.checked) {
+		censored.parentNode.classList.remove('warning');
 	} else {
-		nudity.parentNode.classList.add('warning');
+		censored.parentNode.classList.add('warning');
 		for (let i=0, il=artistsData.length; i<il; i++) {
 			let artist = artistsData[i];
 			for(j=0,jl=artist[4].length; j<jl; j++) {
-				let blurBox = 0;
+				// blurModel index matches the order of models in models[]
 				let blurModel = artist[4][j][0];
-				// blurModel index matches models[]
-				if(blurModel > 0) { blurBox = 1; }
 				let blurImage = artist[4][j][1];
 				if(blurImage == 'a') { blurImage = '.img_artwork'; }
 				if(blurImage == 'p') { blurImage = '.img_portrait'; }
 				if(blurImage == 'l') { blurImage = '.img_landscape'; }
-				if(blurModel == secondModelSelected || blurModel == 0) {
+				if(blurModel == modelSelected) {
 					let imageItems = document.querySelectorAll('.image-item');
 					for(k=0,kl=imageItems.length; k<kl; k++) {
 						// find match in artistsData if first and last names match
@@ -1148,7 +1141,7 @@ function blurUnblurNudity() {
 						let firstN = imageItem.querySelector('.firstN').textContent;
 						let lastN = imageItem.querySelector('.lastN').textContent;
 						if(artist[0] == lastN && artist[1] == firstN) {
-							let box = imageItem.querySelector('.imgBox[data-model="' + blurBox + '"');
+							let box = imageItem.querySelector('.imgBox');
 							let image = box.querySelector(blurImage).classList.add('censored');
 							break;
 						}
@@ -1160,20 +1153,19 @@ function blurUnblurNudity() {
 }
 
 function toggleCensored(h4) {
+	// unused function
 	let imageItem = h4.closest('.image-item');
 	let firstN = imageItem.querySelector('.firstN').textContent;
 	let lastN = imageItem.querySelector('.lastN').textContent;
 	for (let i=0, il=artistsData.length; i<il; i++) {
 		let artist = artistsData[i];
 		if(artist[0] == lastN && artist[1] == firstN) {
-			let blurModel = imageItem.querySelector('.imgBox:not(.hidden)').dataset.model;
-			if(blurModel == 1) { blurModel = secondModelSelected; }
 			let img = imageItem.querySelector('.imgBox:not(.hidden) .img:not(.hidden)');
 			let blurImage = '';
 			if(img.classList.contains('img_artwork')) { blurImage = 'a'; }
 			if(img.classList.contains('img_portrait')) { blurImage = 'p'; }
 			if(img.classList.contains('img_landscape')) { blurImage = 'l'; }
-			let blurNew = blurModel + blurImage;
+			let blurNew = modelSelected + blurImage;
 			let match = false;
 			for(j=0,jl=artist[4].length; j<jl; j++) {
 				let blurOld = artist[4][j]
@@ -2087,8 +2079,10 @@ function copyStuffToClipboard(item,stuff) {
 		});
 		for(i=0,il=imageItemsArr.length;i<il;i++) {
 			let item = imageItemsArr[i];
-			str += item.querySelectorAll('h3 span')[0].textContent + ' ';
-			str += item.querySelectorAll('h3 span')[1].textContent + '\n';
+			let firstN = item.querySelectorAll('h3 span')[0].textContent;
+			let lastN = item.querySelectorAll('h3 span')[1].textContent;
+			if(firstN.length > 0) { firstN += ' '; }
+			str += firstN + lastN + '\n';
 			count++;
 		}
 		if(count > 0) {
@@ -2117,6 +2111,7 @@ function copyStuffToClipboard(item,stuff) {
 }
 
 function toggleThisArtistsTags(tagsStr) {
+	// unused function
 	let names = tagsStr.split(', ');
 	let allChecked = true;
 	for(i=0,il=names.length;i<il;i++) {
@@ -2209,13 +2204,8 @@ function showLargerImages(imageItem) {
 				let first = img.closest('.image-item').querySelector('.firstN').textContent;
 				let last = img.closest('.image-item').querySelector('.lastN').textContent;
 				img.dataset.thumbSrc = img.src;
-				let model = img.closest('.imgBox').dataset.model;
 				let src = 'images/'
-				if(model == 0) {
-					src += models[0][0] + '/';
-				} else {
-					src += models[secondModelSelected][0] + '/';
-				}
+				src += models[modelSelected][0] + '/';
 				if(first == '') {
 					src += last.replaceAll(' ', '_');
 				} else {
@@ -3023,6 +3013,21 @@ function debouncer(func, delay) {
 	};
 }
 
+function rotateModelDirectionIndicator(e) {
+	let t = e.target;
+	if(!t.classList.contains('art_set')) {
+		t = t.closest('.art_set');
+	}
+	let mousePosX = (e.clientX - t.getBoundingClientRect().left);
+	if(mousePosX < (t.offsetWidth/2)) {
+		t.querySelector('span').classList.add('prev');
+		t.querySelector('span').classList.remove('next');
+	} else {
+		t.querySelector('span').classList.add('next');
+		t.querySelector('span').classList.remove('prev');
+	}
+}
+
 /*
 **
 **
@@ -3045,16 +3050,16 @@ function debouncer(func, delay) {
 
 function addAllListeners() {
 	// global
-	document.addEventListener('keydown', function(event) {
-		if(event.key === 'Escape' || event.keyCode === 27) {
+	document.addEventListener('keydown', function(e) {
+		if(e.key === 'Escape' || e.keyCode === 27) {
 			// event.key for modern browsers, event.keyCode for older ones
 			enterExitEditMostUsedMode('exit');
 			editTagsFindArtistInEditMode();
 			hideInfo();
 		}
 	});
-	document.addEventListener('keyup', function(event) {
-		if(event.key === '/') {
+	document.addEventListener('keyup', function(e) {
+		if(e.key === '/') {
 			showInfo();
 			showInformation('actions');
 		}
@@ -3112,9 +3117,9 @@ function addAllListeners() {
 					unhideBasedOnPermissiveSetting();
 					updateTags('click');
 				});
-			} else if(checkbox.name == 'nudity') {
+			} else if(checkbox.name == 'censored') {
 				checkbox.addEventListener('change', function(e) {
-					blurUnblurNudity();
+					blurUnblurCensored();
 				});
 			}
 		}
@@ -3124,8 +3129,8 @@ function addAllListeners() {
 			clearSelection();
 			storeCheckboxState(e.target);
 			window.setTimeout(function() {
-				updateArtistsImgSrc(false,false);
-			})
+				updateArtistsImgSrc(false);
+			});
 		});
 	});
 	// information
@@ -3239,8 +3244,8 @@ function addAllListeners() {
 	sortAA.addEventListener('click', function(e) {
 		sortArtistsByAlpha();
 		window.setTimeout(function() {
-			updateArtistsImgSrc(false,false);
-		})
+			updateArtistsImgSrc(false);
+		});
 		highlightSelectedOption('sortAA');
 		storeOptionsState();
 	});
@@ -3248,17 +3253,11 @@ function addAllListeners() {
 	sortAR.addEventListener('click', function(e) {
 		sortArtistsByRandom();
 		window.setTimeout(function() {
-			updateArtistsImgSrc(false,false);
-		})
+			updateArtistsImgSrc(false);
+		});
 		highlightSelectedOption('sortAR');
 		storeOptionsState();
 	});
-	// second model selector
-	let secondModelSelector = document.querySelector('#second_model select');
-	secondModelSelector.addEventListener('change', function(e) {
-		setSecondModelSelected(this);
-		blurUnblurNudity();
-	});
 
 	// most used mode
 	var mostUsed = document.getElementById('edit_most_used');
@@ -3313,9 +3312,20 @@ function addAllListeners() {
 		imageItem.querySelector('.art_edit').addEventListener('click', function(e) {
 			editTagsClicked(this.closest('.image-item'));
 		});
-		imageItem.querySelector('.art_set').addEventListener('click', function() {
-			rotateModelsImages();
-			blurUnblurNudity();
+		imageItem.querySelector('.art_set').addEventListener('click', function(e) {
+			let mousePosX = (e.clientX - this.getBoundingClientRect().left);
+			if(mousePosX < (this.offsetWidth/2)) {
+				rotateModels(this.closest('.image-item'),-1);
+			} else {
+				rotateModels(this.closest('.image-item'),1);
+			}
+			clearSelection();
+		});
+		imageItem.querySelector('.art_set').addEventListener('mouseenter', function(e) {
+			this.addEventListener('mousemove', rotateModelDirectionIndicator, false);
+			this.addEventListener('mouseleave', function(e) {
+				this.removeEventListener('mousemove', rotateModelDirectionIndicator, false);
+			}, false);
 		});
 		imageItem.getElementsByTagName('h3')[0].addEventListener('click', function(e) {
 			copyStuffToClipboard(this,'name');
@@ -3324,8 +3334,6 @@ function addAllListeners() {
 		imageItem.getElementsByTagName('h4')[0].addEventListener('click', function(e) {
 			if(!this.classList.contains('edit_mode')) {
 				copyStuffToClipboard(this, 'tags')
-				// toggleCensored(this);
-				// toggleThisArtistsTags(this.textContent);
 			}
 		});
 	});
@@ -3336,7 +3344,7 @@ function addAllListeners() {
 		gutterStartPosX = this.offsetLeft;
 		mouseStartPosX = e.pageX;
 		this.addEventListener('mousemove', movePartition, false);
-		window.addEventListener('mouseup', function() {
+		window.addEventListener('mouseup', function(e) {
 			gutter.removeEventListener('mousemove', movePartition, false);
 		}, false);
 	}, false);
@@ -3359,12 +3367,12 @@ function addAllListeners() {
 		promptBuilderAddArtist();
 	});
 	var prompt_selector_div = document.querySelector('#prompt_selector > div');
-	prompt_selector_div.addEventListener('scroll', debouncer(function() {
+	prompt_selector_div.addEventListener('scroll', debouncer(function(e) {
 		setXPosOfSearchOutput();
 	}, 100));
 	// lazy loader
 	var rows = document.querySelector('#rows');
-	rows.addEventListener('scroll', debouncer(function() {
+	rows.addEventListener('scroll', debouncer(function(e) {
 		lazyLoad();
 	}, 50));
-}
+}