https://wikivisually.com/featured/The_World

1<!DOCTYPE html>
2<html lang='en'>
3<head>
4<title>
5WikiVisually
6</title>
7<meta charset='utf-8'>
8<link href='https://wikivisually.com/' rel='canonical'>
9<meta content='#ffffff' name='theme-color'>
10<meta content='The entire wiki reimagined as a visual magazine with video discovery. Watch your interests come alive' name='description'>
11<meta content='WikiVisually' property='og:site_name'>
12<meta content='The entire wiki reimagined as a visual magazine with video discovery. Watch your interests come alive' property='og:description'>
13<meta content='https://d2f7owq7qyton.cloudfront.net/main/wikivisually-logo-01.jpg' property='og:image'>
14<meta content='WikiVisually Logo' property='og:image:alt'>
15<meta content='WikiVisually' property='og:title'>
16<meta content='website' property='og:type'>
17<meta content='https://wikivisually.com/' property='og:url'>
18<meta content='width=device-width, initial-scale=1.0, minimum-scale=1.0' name='viewport'>
19<meta content='telephone=no' name='format-detection'>
20<meta content='yes' name='apple-mobile-web-app-capable'>
21<meta content='black-translucent' name='apple-mobile-web-app-status-bar-style'>
22<meta content='WikiVisually' name='apple-mobile-web-app-title'>
23<meta name="csrf-param" content="authenticity_token" />
24<meta name="csrf-token" content="w/EybH2/m1SNfO3zy2hHk6aczqGYbjaneHsQpVy0kXcLvHiUEZaienvSRMqM5L0sYOSNhhMiMWDtmcgfSuGz7Q==" />
25<link href='/icon.svg' rel='icon' sizes='any' type='image/svg+xml'>
26<link href='/favicon.ico' rel='icon' sizes='48x48'>
27<link href='/apple-touch-icon.png' rel='apple-touch-icon' sizes='180x180'>
28<link href='/manifest.json' rel='manifest'>
29<link href='https://fonts.googleapis.com' rel='preconnect'>
30<link crossorigin='true' href='https://fonts.gstatic.com' rel='preconnect'>
31<link href='https://fonts.googleapis.com/css2?family=Oswald:wght@500&amp;

31family=Montserrat:wght@900&family=Great+Vibes' rel='stylesheet'>
32<link rel="stylesheet" media="all" href="/assets/application-49fa0a2935d8c39002fcd14f92fac7d138dd3fb919c58c5d103c4454a82744c1.css" debug="false" />

33<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.slim.min.js" defer="defer"></script>

33

34<script>
35  window.WV = {};
36  window.cdnPrefix = "https://d2f7owq7qyton.cloudfront.net/";
37  WV.fadeShort = 100; // same as --fade-short
38  WV.fadeLong = 200; // same as --fade-long
39  WV.fadeXl = 300; // same as --fade-xl
40  
41  function imgLoad(i) {
42    i.classList.add('r3g0i');
43  }
44  
45  function getNoPhotoHTML() {
46    return `
47      <div class="x25jb" style="opacity: 0;">
48        <img class="w617m r3g0i" src="${window.cdnPrefix}main/no_photos_01.jpg">
49        <div class="ygepb">Photo<br>unavailable</div>
50      </div>`;
51  }
52  
53  function fadeNoPhoto(element) {
54    void element.offsetWidth;
55    element.style.opacity = 1;
56  }
57  
58  function showNoPhoto(infBox, insertNode) {
59    const temp = document.createElement('div');
60    temp.innerHTML = getNoPhotoHTML();
61    const noPhWrap = temp.firstElementChild;
62  
63    infBox.insertBefore(noPhWrap, insertNode);
64    setTimeout(fadeNoPhoto, WV.fadeXl, noPhWrap);
65  }
66  
67  function swapFailedImage(imgWrap, infBox) {
68    const insertNode = imgWrap.nextSibling;
69  
70    // 1. Lock the current height before modifying the DOM
71    const oldHeight = infBox.offsetHeight;
72    infBox.style.height = oldHeight + 'px';
73  
74    // 2. Perform the DOM swap
75    imgWrap.remove();
76    showNoPhoto(infBox, insertNode);
77  
78    // 3. Temporarily set to auto to measure the new natural height
79    infBox.style.height = 'auto';
80    const newHeight = infBox.offsetHeight;
81  
82    // 4. Revert to old height instantly to prepare for the animation
83    infBox.style.height = oldHeight + 'px';
84  
85    // 5. Force a browser reflow so it registers the starting height
86    void infBox.offsetHeight;
87  
88    // 6. Apply the CSS transition
89    infBox.style.transition = `height ${WV.fadeXl}ms ease-in-out`;
90  
91    // 7. Ensure the transition triggers by waiting for the next frame
92    requestAnimationFrame(() => {
93      infBox.style.height = newHeight + 'px';
94  
95      setTimeout(() => {
96        infBox.style.transition = '';
97        infBox.style.height = 'auto';
98      }, WV.fadeXl);
99    });
100  }
101  
102  function imgFail(i) {
103    const infBox = i.closest('.e5yr9');
104  
105    if (!infBox.querySelector('.hg8i9')) {
106      infBox.remove();
107      return;
108    }
109  
110    const imgWrap = infBox.querySelector('.s7mpz');
111    if (imgWrap) {
112      imgWrap.style.transition = 'opacity var(--fade-xl) ease-out';
113      imgWrap.style.opacity = '0';
114  
115      setTimeout(swapFailedImage, WV.fadeXl, imgWrap, infBox);
116    }
117  }
118</script>

118
119

120<script src="/assets/application-55a5d403a6840b5f7ba77e45775780bd123f34f3e09acb2e374184c77fcc3b07.js" defer="defer" debug="false"></script>

120
121</head>
122<!-- Google tag (gtag.js) -->

122
123<script async src="https://www.googletagmanager.com/gtag/js?id=

123G-PFL8100N1T

123"></script>

124<script>
125  

125window.dataLayer = window.dataLayer || [];
126  function gtag(){dataLayer.push(arguments);}
127  gtag('js', new Date());
128
129  gtag('config', '

129G-PFL8100N1T

129');

130</script>

130
131
132<body class='e3bi7 hxiap'>
133<div class='ui70t gzyl9'>
134<div class='row'>
135<div class='mjy39 j88rx wwljf jtir1'>
136<div class='jm5qe row-mobile'>
137<div class='lgg3s'>
138<a class='qqy8o' href='/'>
139WikiVisually
140</a>
141</div>
142<div class='p7nws'>
143<div class='gnzzr'>
144<div class='ppokc o0ll3 gx2b5'></div>
145</div>
146<div class='gneyu'>
147<div class='ppokc jw45h n22j6'></div>
148</div>
149</div>
150</div>
151<div class='slogan-mobile'>
152<div class='nwf70'>
153The entire wiki reimagined as a visual magazine with video discovery &middot; Watch your interests come alive
154</div>
155
156</div>
157<div class='jwa6i'>
158<form accept-charset='utf-8' action='/' autocomplete='off' class='hgutt' method='get' role='search'><div class='vh1'></div><input autocomplete='off' class='vcenter nav-js-search rn34i' data-provide='typeahead' dir='ltr' name='qry' placeholder='Search' size='10' spellcheck='false' title='search' type='text'><button class='vcenter towiu ppokc ank8h' type='submit'></button></form>
159
160</div>
161
162</div>
163<div class='mjy39 mfirg pcjrk'>
164<div class='jm5qe'>
165<div class='lgg3s'>
166<a class='qqy8o' href='/'>
167WikiVisually
168</a>
169</div>
170<div class='nwf70'>
171The entire wiki reimagined as a visual magazine with video discovery &middot; Watch your interests come alive
172</div>
173
174<div class='loxbc'>
175<div class='ls54i'>
176<form accept-charset='utf-8' action='/' autocomplete='off' class='hgutt' method='get' role='search'><div class='vh1'></div><input autocomplete='off' class='vcenter nav-js-search rn34i' data-provide='typeahead' dir='ltr' name='qry' placeholder='Search' size='10' spellcheck='false' title='search' type='text'><button class='vcenter towiu ppokc ank8h' type='submit'></button></form>
177
178</div>
179<div class='gneyu'>
180<div class='ppokc d4103 n22j6'></div>
181</div>
182</div>
183</div>
184
185</div>
186<div class='yb936 mjy39'>
187<div class='d8vv6 vt37s'>
188<a class='k27a2 uoel4' href='/featured/Nature' style='background-position: 0.0% 0;'>
189<span class='mucm9'>
190Nature
191</span>
192</a><a class='k27a2 selected-thumb ojxyj' href='/featured/The_World' style='background-position: 87.5% 0;'>
193<span class='mucm9'>
194The World
195</span>
196</a><a class='k27a2 uoel4' href='/featured/Movies' style='background-position: 100.0% 0;'>
197<span class='mucm9'>
198Movies
199</span>
200</a><a class='k27a2' href='/featured/USA' style='background-position: 25.0% 0;'>
201<span class='mucm9'>
202USA
203</span>
204</a><a class='k27a2' href='/featured/Top' style='background-position: 75.0% 0;'>
205<span class='mucm9'>
206Top
207</span>
208</a><a class='k27a2' href='/featured/Art' style='background-position: 62.5% 0;'>
209<span class='mucm9'>
210Art
211</span>
212</a><a class='k27a2' href='/featured/Fine_and_Rare' style='background-position: 50.0% 0;'>
213<span class='mucm9'>
214Fine &amp; Rare
215</span>
216</a><a class='k27a2' href='/featured/History' style='background-position: 12.5% 0;'>
217<span class='mucm9'>
218History
219</span>
220</a><a class='k27a2' href='/featured/Ivy_and_Inquiry' style='background-position: 37.5% 0;'>
221<span class='mucm9'>
222Ivy &amp; Inquiry
223</span>
224</a>
225</div>
226</div>
227
228</div>
229</div>
230<div class='ui70t owc26'>
231<div class='row'>
232<div class='god2e mjy39'>
233<div class='ds229'>
234
235
236</div>
237</div>
238</div>
239</div>
240

241<script>
242//<![CDATA[
243window.init_titles = [];
244window.used_imgs = {};
245window.missing_in_db = {};
246window.init_to_prnt = {};
247//]]>
248</script>

248
249</body>
250</html>
251