wikipediapreview box 1.0.0

What's it about

Turns any Wikipedia link automatically into a nice one with a preview box that shows the summary of the linked article. To use it: Add one line of code to your web page, that's all!

Works with touch or mouse, on mobile or laptop and it's open source; see the examples below.
Has a super simple concept for (optional) custom settings! Repository & doc on GitHub (github.com)

Try it out

Mouseover or touch the Wikipedia links (W) and see what happens.

Lorem ipsum dolor sit amet Wind Pconsetetur, Hitzewelle aliquyam erat, Baklava sed diam voluptua. At vero eos et 全球变暖 accusam et justo duo श्रीनिवास रामानुजन् et ea rebum. Gubergren, المجموعة الشمسية. Lorem ipsum dolor sit amet, Ada Lovelace Eonsetetur sadipscing elitr, Благовещенск sed diam.

How to

Copy, paste & go! Paste the following line of code at the bottom of your website,  that's all. 

<script src="https://su-pa.net/wikiPrevBox/wikiPreviewBox.min.js"></script>

Wordpress: In the admin go to "Appearance" / "Theme Editor" / "Theme Footer (footer.php)" & paste the code before the </body> tag.
Or host it yourself: Grab the code from our GitHub repository (github.com) and use it on your website.

Customizations: There are a few options for custom settings; docs on GitHub (github.com).

Features & characteristics

E.g. show only the summery text, customize the width, prevent displaying a specific preview box (e.g. Heatwave (wikipedia.org)), easy settings, more ...
See the whole list on GitHub (github.com).

About this project

We did this for «THE ! association» (the-horse.education) and for using it on our websites, e.g. dontwastemy.energy (students collaboration projects). It is intended to be an additional knowledge tool for readers to become better informed. A tiny JavaScript file with 116 lines of code does the main job, plus a style sheet, Wikipedia logo (W) as a one-character-font (!) and a bullet-gif. It uses the fetch API to get the data for the preview boxes from the Wikimedia servers (wikimedia.org). All happens local in your browser, no other server is involved. You are invited to use it as well, it's under the MIT License. If you are interested to get a message on updates send us a message

Privacy

How to support?


Made by su-pa.net 12/01/2021; update 12/10/2021, version 1.0.0
This is a first version. Be nice & wise.
Nick,

Privacy of this website

With the exception of the Wikipedia preview-box service presented here this website does not use cookies and does not use any third party services such as Google Analytics, Google Fonts, CDN services, FB, Twitter, etc. When accessing the website, the web server logs the access data in log files (IP number, date, time, browser and other technical information). This usage data could be used for statistical evaluations.

Based on Article 13 of the Swiss Federal Constitution and the data protection provisions of the federal government, Federal Data Protection Act, DSG (admin.ch), every person is entitled to protection of their privacy and protection against misuse of their personal data. We comply with these provisions. Personal data, such as that arising from e-mail correspondence, is treated as strictly confidential.

Zurich, Switzerland, November 22, 2021