Examples: Renamed external tag to community (#32232)

Author: mrdoob

examples/index.html

@@ -195,7 +195,7 @@ <h1><a href="https://threejs.org">three.js</a></h1>
 
 		function createLink( file, tags ) {
 
-			const external = Array.isArray( tags ) && tags.includes( 'external' ) ? ' <span class="tag">external</span>' : '';
+			const community = Array.isArray( tags ) && tags.includes( 'community' ) ? '<span class="tag">community</span>' : '';
 
 			let href = file + '.html';
 
@@ -210,8 +210,9 @@ <h1><a href="https://threejs.org">three.js</a></h1>
 					<a href="${ href }" target="viewer">
 						<div class="cover">
 							<img src="screenshots/${ file }.jpg" loading="lazy" width="400" />
+							${ community }
 						</div>
-						<div class="title">${ getName( file ) }${ external }</div>
+						<div class="title">${ getName( file ) }</div>
 					</a>
 				</div>
 			`;

examples/tags.json

@@ -5,15 +5,15 @@
 	"misc_controls_orbit": [ "rotation" ],
 	"misc_controls_trackball": [ "rotation" ],
 	"misc_controls_transform": [ "scale", "rotate", "translate" ],
-	"misc_raycaster_helper": [ "external" ],
+	"misc_raycaster_helper": [ "community" ],
 	"physics_ammo_cloth": [ "integration" ],
-	"physics_jolt_instancing": [ "external" ],
-	"physics_rapier_instancing": [ "external" ],
-	"physics_rapier_basic": [ "external" ],
-	"physics_rapier_joints": [ "external" ],
-	"physics_rapier_character_controller": [ "external" ],
-	"physics_rapier_vehicle_controller": [ "external" ],
-	"webgl_batch_lod_bvh": [ "external", "accelerate", "performance", "extension", "plugin", "library", "three.ez" ],
+	"physics_jolt_instancing": [ "community" ],
+	"physics_rapier_instancing": [ "community" ],
+	"physics_rapier_basic": [ "community" ],
+	"physics_rapier_joints": [ "community" ],
+	"physics_rapier_character_controller": [ "community" ],
+	"physics_rapier_vehicle_controller": [ "community" ],
+	"webgl_batch_lod_bvh": [ "community", "accelerate", "performance", "extension", "plugin", "library", "three.ez" ],
 	"webgl_clipping": [ "solid" ],
 	"webgl_clipping_advanced": [ "solid" ],
 	"webgl_clipping_intersection": [ "solid" ],
@@ -23,7 +23,7 @@
 	"webgl_framebuffer_texture": [ "renderTarget" ],
 	"webgl_geometries": [ "geometry" ],
 	"webgl_geometry_colors_lookuptable": [ "vertex" ],
-	"webgl_geometry_csg": [ "external", "csg", "bvh", "constructive", "solid", "geometry", "games", "level" ],
+	"webgl_geometry_csg": [ "community", "csg", "bvh", "constructive", "solid", "geometry", "games", "level" ],
 	"webgl_geometry_nurbs": [ "curve", "surface" ],
 	"webgl_geometry_spline_editor": [ "curve" ],
 	"webgl_geometry_terrain": [ "fog" ],
@@ -45,14 +45,14 @@
 	"webgl_lights_pointlights": [ "multiple" ],
 	"webgl_lines_fat": [ "gpu", "stats", "panel" ],
 	"webgl_lines_fat_raycasting": [ "gpu", "stats", "panel", "raycast" ],
-	"webgl_loader_gltf_animation_pointer": [ "external", "animation", "gltf" ],
-	"webgl_loader_3dtiles": [ "external", "3dtiles", "3d-tiles", "maps", "tiles", "globe", "earth", "cesium" ],
+	"webgl_loader_gltf_animation_pointer": [ "community", "animation", "gltf" ],
+	"webgl_loader_3dtiles": [ "community", "3dtiles", "3d-tiles", "maps", "tiles", "globe", "earth", "cesium" ],
 	"webgl_loader_gltf_dispersion": [ "transmission" ],
-	"webgl_loader_gltf_progressive_lod": [ "external", "performance", "plugin", "library", "level", "details" ],
-	"webgl_loader_ifc": [ "external" ],
+	"webgl_loader_gltf_progressive_lod": [ "community", "performance", "plugin", "library", "level", "details" ],
+	"webgl_loader_ifc": [ "community" ],
 	"webgl_loader_ldraw": [ "lego" ],
 	"webgl_loader_pdb": [ "molecules", "css2d" ],
-	"webgl_loader_texture_lottie": [ "external" ],
+	"webgl_loader_texture_lottie": [ "community" ],
 	"webgl_loader_texture_ultrahdr": [ "hdr", "jpg", "ultrahdr" ],
 	"webgl_loader_ttf": [ "text", "font" ],
 	"webgl_lod": [ "level", "details" ],
@@ -73,9 +73,9 @@
 	"webgl_math_orientation_transform": [ "rotation" ],
 	"webgl_mirror": [ "reflection" ],
 	"webgl_portal": [ "frameCorners", "renderTarget" ],
-	"webgl_modifier_subdivision": [ "external", "community", "smooth" ],
+	"webgl_modifier_subdivision": [ "community", "smooth" ],
 	"webgl_morphtargets_horse": [ "animation" ],
-	"webgl_morphtargets_webcam": [ "external" ],
+	"webgl_morphtargets_webcam": [ "community" ],
 	"webgl_multiple_elements": [ "differential equations", "physics" ],
 	"webgl_multiple_elements_text": [ "font" ],
 	"webgl_panorama_cube": [ "envmap" ],
@@ -110,9 +110,9 @@
 	"webgl_postprocessing_unreal_bloom_selective": [ "glow" ],
 	"webgl_postprocessing_3dlut": [ "color grading" ],
 	"webgl_materials_modified": [ "onBeforeCompile" ],
-	"webgl_raycaster_bvh": [ "external", "query", "bounds", "tree", "accelerate", "performance", "community", "extension", "plugin", "library", "three-mesh-bvh" ],
-	"webgl_renderer_pathtracer": [ "external", "raytracing", "pathtracing", "library", "plugin", "extension", "community", "three-gpu-pathtracer", "three-mesh-bvh" ],
-	"webgpu_compute_particles_snow": [ "external", "webgpu", "stats-gl" ],
+	"webgl_raycaster_bvh": [ "community", "query", "bounds", "tree", "accelerate", "performance", "extension", "plugin", "library", "three-mesh-bvh" ],
+	"webgl_renderer_pathtracer": [ "community", "raytracing", "pathtracing", "library", "plugin", "extension", "three-gpu-pathtracer", "three-mesh-bvh" ],
+	"webgpu_compute_particles_snow": [ "community", "webgpu", "stats-gl" ],
 	"webgl_shadowmap_csm": [ "cascade" ],
 	"webgl_shadowmap_pcss": [ "soft" ],
 	"webgl_simple_gi": [ "global illumination" ],

files/main.css

@@ -591,9 +591,11 @@ iframe#viewer {
 }
 
 .card .tag {
+	position: absolute;
+	top: 8px;
+	right: 8px;
 	background-color: var(--background-color);
 	color: var(--color-blue);
-	margin-left: 6px;
 	padding: 1px 6px 2px;
 	border-radius: 2px;
 	font-size: calc(var(--font-size) - 2px);