Template:Masonry - Revision history

Timothy at 02:31, 24 March 2024

2024-03-24T02:31:40Z

← Older revision		Revision as of 22:31, 23 March 2024
Line 1:		Line 1:
	~~<htmltag tagname="masonry-layout">~~		{{#widget:StartMasonry}}
	[[File:EarlyEndlessSummer0.mp4\|thumb\|none\|Endless Summer]]		[[File:EarlyEndlessSummer0.mp4\|thumb\|none\|Endless Summer]]
	[[File:EarlyVampires.mp4\|thumb\|none\|Vampires]]		[[File:EarlyVampires.mp4\|thumb\|none\|Vampires]]
Line 11:		Line 11:
	[[File:EarlyEqualizerClip.mp4\|thumb\|none\|The Equalizer]]		[[File:EarlyEqualizerClip.mp4\|thumb\|none\|The Equalizer]]
	[[File:EarlyCrockettsRevenge.mp4\|thumb\|none\|Crockett's Revenge]]		[[File:EarlyCrockettsRevenge.mp4\|thumb\|none\|Crockett's Revenge]]
	~~</htmltag>~~		{{#widget:EndMasonry}}

2024-03-24T02:23:08Z

← Older revision		Revision as of 22:23, 23 March 2024
Line 1:		Line 1:
	<~~html>~~		<htmltag tagname="masonry-layout">
	<masonry-layout>
	[[File:EarlyEndlessSummer0.mp4\|thumb\|none\|Endless Summer]]		[[File:EarlyEndlessSummer0.mp4\|thumb\|none\|Endless Summer]]
	[[File:EarlyVampires.mp4\|thumb\|none\|Vampires]]		[[File:EarlyVampires.mp4\|thumb\|none\|Vampires]]
Line 12:		Line 11:
	[[File:EarlyEqualizerClip.mp4\|thumb\|none\|The Equalizer]]		[[File:EarlyEqualizerClip.mp4\|thumb\|none\|The Equalizer]]
	[[File:EarlyCrockettsRevenge.mp4\|thumb\|none\|Crockett's Revenge]]		[[File:EarlyCrockettsRevenge.mp4\|thumb\|none\|Crockett's Revenge]]
	</~~masonry-layout>~~		</htmltag>
	~~</html~~>

2024-03-24T02:10:25Z

@@ Line 1: / Line 1: @@
 <html>
-<head>
+<masonry-layout>
-<script>
+[[File:EarlyEndlessSummer0.mp4|thumb|none|Endless Summer]]
-let grids = [...document.querySelectorAll('.masonry-group')];
+[[File:EarlyVampires.mp4|thumb|none|Vampires]]
+[[File:EarlySunset.mp4|thumb|none|Sunset]]
-if (grids.length && getComputedStyle(grids[0]).gridTemplateRows !== 'masonry') {
+[[File:EarlyDaytona.mp4|thumb|none|Daytona]]
-  grids = grids.map(grid => ({
+[[File:EarlyEndlessSummer.mp4|thumb|none|Endless Summer]]
-    _el: grid,
+[[File:EarlyLonelyCity.mp4|thumb|none|Nighthawks]]
-    gap: parseFloat(getComputedStyle(grid).gridRowGap),
+[[File:EarlySunset2.mp4|thumb|none|Sunset]]
-    items: [...grid.childNodes].filter(c => c.nodeType === 1 && +getComputedStyle(c).gridColumnEnd !== -1),
+[[File:SheWasDreaminOfBoys.mp4|thumb|none|She Was Dreamin' of Boys]]
-    ncol: 0 }));
+[[File:UnknownEndlessSummerSong.mp4|thumb|none|Unknown song]]
+[[File:EarlyEqualizerClip.mp4|thumb|none|The Equalizer]]
+[[File:EarlyCrockettsRevenge.mp4|thumb|none|Crockett's Revenge]]
-  function layout() {
+</masonry-layout>
 </html>

2024-03-24T00:31:50Z

← Older revision		Revision as of 20:31, 23 March 2024
Line 41:		Line 41:
	layout(); /* initial load */		layout(); /* initial load */
	addEventListener('resize', layout, false); /* on resize */		addEventListener('resize', layout, false); /* on resize */
	}, false)		}, false);
	}		}
	</script>		</script>
	</head>		</head>
	</html>		</html>

2024-03-24T00:31:24Z

← Older revision		Revision as of 20:31, 23 March 2024
Line 41:		Line 41:
	layout(); /* initial load */		layout(); /* initial load */
	addEventListener('resize', layout, false); /* on resize */		addEventListener('resize', layout, false); /* on resize */
	}, false);		}, false)
	}		}
	</script>		</script>
	</head>		</head>
	</html>		</html>