Jump to content

Main Page: Difference between revisions

From the Vrienden Universe, a fictional wiki
← Older edit
VU-MaintenanceBot (talk | contribs)
Bots, Interface administrators, Administrators
561 edits
VisualWikitext
Tags: Mobile edit Mobile web edit Advanced mobile edit
Fix remaining broken arrow characters on main page
 
(24 intermediate revisions by 4 users not shown)
Line 1: Line 1:
The '''Vrienden Universe''' is a semi-fictional encyclopedia website that began in 2019 as '''[[DeLijersDeVrienden]]''', a project about [[De Vrienden]]. As the project became bigger, it was changed into the Vrienden Universe so the wider fictional world around it could be written down properly. The site now has hundreds of connected pages.
__NOTOC__


The wiki is built as one clear continuity. Its goal is to keep every page consistent with the rest of the site, so the information fits together across the whole world. Pages are written to connect with each other through shared history, characters, places, and events.
<html>
<style>
.vu-main {
--vu-border: var(--border-color-base, #a2a9b1);
--vu-text: var(--color-base, #202122);
--vu-surface: var(--background-color-neutral-subtle, #f8f9fa);
--vu-accent: var(--background-color-progressive-subtle, #eaf3ff);
--vu-link: var(--color-progressive, #36c);
--vu-red: var(--color-destructive, #d33);
--vu-navy: #1B223D;
--vu-navy-light: #2b3d60;
--vu-blue: #78c7ff;
max-width: 1180px;
margin: 0 auto 30px;
color: var(--vu-text);
}


On this wiki, you may find fictional people, places, countries, and events. You may also find semi-fictional subjects that have been respectfully altered to fit into the world of the Vrienden Universe. These subjects are written as part of the same setting and continuity.
.vu-main,
.vu-main * {
box-sizing: border-box;
}


There are hundreds of pages, years of work, and a lot of dedication put into this site. The goal is to share the world and stories of the Vrienden Universe with everyone who is interested.
.vu-main a {
color: var(--vu-link);
text-decoration: none;
}


[[File:Vu-logo.png|frameless|321x321px]]
.vu-main a:hover {
text-decoration: underline;
}


== Explore ==
.vu-main a.new,
* [[Timeline]] — chronological overview of events
.vu-main a.new:visited {
* [[Factions]] — groups and powers
color: var(--vu-red) !important;
* [[List of organizations]] — organized bodies active across the universe
}
* [[Universe]] — setting, rules, and structure


== Featured ==
/* Header */
{{Featured box}}


== Content notice ==
.vu-header {
This wiki contains material intended for mature audiences. Some pages include graphic violence, abuse, exploitation, and other disturbing themes.
position: relative;
display: grid;
grid-template-columns: 240px minmax(0, 1fr);
min-height: 285px;
overflow: hidden;
border: 1px solid #3a506b;
background: linear-gradient(118deg, #151b30 0%, #1B223D 55%, #2b3d60 100%);
color: #e0f0ff;
}


* Recommended for readers '''18+'''.
.vu-header::before {
* Reader discretion is advised.
content: "";
position: absolute;
right: -130px;
top: -210px;
width: 520px;
height: 520px;
border: 90px solid rgba(255,255,255,0.035);
transform: rotate(18deg);
}


For more detail, see the [[Vrienden Universe:General disclaimer|Disclaimer]].
.vu-header::after {
content: "";
position: absolute;
right: 0;
bottom: 0;
width: 44%;
height: 7px;
background: var(--vu-blue);
clip-path: polygon(13px 0, 100% 0, 100% 100%, 0 100%);
}


== How to use this wiki ==
.vu-logo-panel {
The wiki can be read by starting from one page and following the links inside it. Most pages are connected to other subjects, so a person page may lead to a family page, a faction page, a location page, or an event page.
position: relative;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
padding: 31px;
background: linear-gradient(145deg, rgba(255,255,255,0.065), rgba(0,0,0,0.22));
border-right: 1px solid rgba(255,255,255,0.15);
}


Readers who want the wider overview can start with the main pages below. These pages give a broader view of the setting and make it easier to understand how the different parts of the wiki fit together.
.vu-logo-panel::after {
content: "";
position: absolute;
right: -36px;
top: 50%;
width: 70px;
height: 70px;
background: #1B223D;
border-top: 1px solid rgba(255,255,255,0.15);
border-right: 1px solid rgba(255,255,255,0.15);
transform: translateY(-50%) rotate(45deg);
}


* [[Timeline]]
.vu-logo-panel img {
* [[Factions]]
position: relative;
* [[List of organizations]]
z-index: 2;
* [[Universe]]
width: 100%;
max-width: 175px;
height: auto;
filter: drop-shadow(0 12px 16px rgba(0,0,0,0.48));
}


The wiki is not meant to be read in only one order. Some readers may start with a family, while others may start with an event, place, or organization. The pages are written so the information can be followed from one subject to another without needing to know everything first.
.vu-header-copy {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: center;
padding: 39px 45px 39px 62px;
}


Because the site is built as one continuity, details from one page may matter on another page. Links are used to show those connections and help readers move through the world in a clear way.
.vu-title {
margin: 0 0 13px;
color: #fff;
font-size: clamp(3rem, 7vw, 5rem);
font-weight: 700;
line-height: 0.95;
letter-spacing: -0.045em;
}


== Community ==
.vu-subtitle {
To understand the goal and purpose of this wiki, there are a selection of pages where you can learn how to contribute to it. Many pages are protected but some are open for ideas as long as they align with the Universe and story line.
max-width: 700px;
margin-bottom: 20px;
color: #dbe7f5;
font-size: 1.07rem;
line-height: 1.5;
}


For more information, see [[Vrienden Universe:Community|Community]].
.vu-header-actions {
display: flex;
flex-wrap: wrap;
gap: 8px;
}


== Details ==
.vu-header-button {
For details on the fictional framework, intent, and scope of this universe, refer to the [[Vrienden Universe:General disclaimer|Disclaimer]].
display: inline-block;
padding: 9px 15px;
border: 1px solid rgba(255,255,255,0.58);
color: #fff !important;
font-weight: 700;
transition: background 0.15s ease, transform 0.15s ease;
}
 
.vu-header-button:first-child {
background: #fff;
color: var(--vu-navy) !important;
}
 
.vu-header-button:hover {
transform: translateY(-2px);
background: rgba(255,255,255,0.1);
text-decoration: none !important;
}
 
.vu-header-button:first-child:hover {
background: #fff;
}
 
/* About */
 
.vu-about {
display: grid;
grid-template-columns: 145px minmax(0, 1fr);
margin-top: 15px;
border-top: 1px solid var(--vu-border);
border-bottom: 1px solid var(--vu-border);
background: var(--vu-surface);
}
 
.vu-about-mark {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
background: linear-gradient(135deg, var(--vu-accent) 0%, var(--vu-accent) 65%, transparent 65%);
border-right: 1px solid var(--vu-border);
}
 
.vu-about-mark img {
width: 95px;
height: auto;
opacity: 0.15;
}
 
.vu-about-copy {
padding: 21px 25px;
border-left: 5px solid var(--vu-link);
}
 
.vu-about-copy h2 {
margin: 0 0 10px;
color: var(--vu-text);
font-size: 1.45rem;
}
 
.vu-about-copy p {
margin: 0 0 10px;
line-height: 1.56;
}
 
.vu-about-copy p:last-child {
margin-bottom: 0;
}
 
/* Headings */
 
.vu-heading {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
align-items: center;
gap: 13px;
margin: 25px 0 12px;
}
 
.vu-heading-title {
color: var(--vu-text);
font-size: 1.45rem;
font-weight: 700;
}
 
.vu-heading-line {
height: 1px;
background: var(--vu-border);
}
 
/* Explore */
 
.vu-explore {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
border-top: 1px solid var(--vu-border);
border-left: 1px solid var(--vu-border);
}
 
.vu-explore-link {
position: relative;
display: grid;
grid-template-columns: 72px minmax(0, 1fr) 28px;
align-items: center;
min-height: 94px;
padding-right: 18px;
overflow: hidden;
border-right: 1px solid var(--vu-border);
border-bottom: 1px solid var(--vu-border);
background: var(--vu-surface);
color: var(--vu-text) !important;
transition: background 0.15s ease, padding 0.15s ease;
}
 
.vu-explore-link:hover {
padding-right: 13px;
background: var(--vu-accent);
text-decoration: none !important;
}
 
.vu-explore-mark {
align-self: stretch;
display: flex;
align-items: center;
justify-content: center;
margin-right: 17px;
background: var(--vu-navy);
color: #fff;
font-size: 1.35rem;
font-weight: 800;
clip-path: polygon(0 0, calc(100% - 17px) 0, 100% 50%, calc(100% - 17px) 100%, 0 100%);
}
 
.vu-explore-copy {
position: relative;
z-index: 2;
}
 
.vu-explore-title {
display: block;
margin-bottom: 4px;
color: var(--vu-link);
font-size: 1.08rem;
font-weight: 700;
}
 
.vu-explore-description {
display: block;
color: var(--vu-text);
font-size: 0.9rem;
line-height: 1.38;
}
 
.vu-explore-arrow {
position: relative;
z-index: 2;
color: var(--vu-link);
font-size: 1.55rem;
font-weight: 700;
}
 
/* Featured */
 
.vu-feature-layout {
display: grid;
grid-template-columns: minmax(0, 1.55fr) minmax(270px, 0.65fr);
gap: 14px;
}
 
.vu-feature {
position: relative;
min-height: 245px;
padding: 25px 31px;
overflow: hidden;
border-left: 6px solid var(--vu-blue);
background: linear-gradient(118deg, var(--vu-surface) 0%, var(--vu-surface) 76%, var(--vu-accent) 76%);
}
 
.vu-feature::after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 52px;
height: 52px;
background: var(--vu-navy-light);
clip-path: polygon(100% 0, 100% 100%, 0 0);
opacity: 0.9;
}
 
.vu-feature-watermark {
position: absolute;
right: 22px;
bottom: -22px;
width: 150px;
opacity: 0.055;
pointer-events: none;
}
 
.vu-feature-label {
position: relative;
z-index: 2;
margin-bottom: 9px;
color: var(--vu-link);
font-size: 0.76rem;
font-weight: 700;
letter-spacing: 0.15em;
text-transform: uppercase;
}
 
.vu-feature h2 {
position: relative;
z-index: 2;
margin: 0 0 11px;
color: var(--vu-text);
font-size: 1.52rem;
}
 
.vu-feature p {
position: relative;
z-index: 2;
max-width: 760px;
margin: 0 0 10px;
line-height: 1.52;
}
 
.vu-feature-link {
position: relative;
z-index: 2;
display: inline-block;
margin-top: 4px;
padding: 8px 14px;
border-left: 4px solid var(--vu-link);
background: var(--vu-accent);
color: var(--vu-link) !important;
font-weight: 700;
}
 
.vu-feature-link:hover {
text-decoration: none !important;
}
 
/* Browse */
 
.vu-browse {
position: relative;
padding: 21px;
overflow: hidden;
background: linear-gradient(145deg, var(--vu-navy) 0%, var(--vu-navy) 72%, var(--vu-navy-light) 72%);
color: #e0f0ff;
}
 
.vu-browse-watermark {
position: absolute;
right: -14px;
bottom: -24px;
width: 150px;
opacity: 0.045;
pointer-events: none;
}
 
.vu-browse h2 {
position: relative;
z-index: 2;
margin: 0 0 13px;
padding-bottom: 9px;
border-bottom: 1px solid rgba(255,255,255,0.28);
color: #fff;
font-size: 1.35rem;
}
 
.vu-browse-buttons {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 7px;
}
 
.vu-browse-button {
display: block;
padding: 10px 11px;
border-left: 3px solid var(--vu-blue);
background: rgba(255,255,255,0.08);
color: #e0f0ff !important;
font-weight: 650;
transition: background 0.15s ease, padding 0.15s ease;
}
 
.vu-browse-button:hover {
padding-left: 14px;
background: rgba(255,255,255,0.15);
text-decoration: none !important;
}
 
/* People slideshow */
 
.vu-people {
position: relative;
overflow: hidden;
border: 1px solid var(--vu-border);
background: var(--vu-surface);
}
 
.vu-people::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 7px;
background: linear-gradient(90deg, var(--vu-blue), var(--vu-navy-light));
z-index: 3;
}
 
.vu-people-stage {
display: grid;
grid-template-columns: minmax(290px, 38%) minmax(0, 1fr);
min-height: 390px;
}
 
.vu-person-image {
position: relative;
overflow: hidden;
background: var(--vu-navy);
}
 
.vu-person-image::after {
content: "";
position: absolute;
right: -1px;
top: 0;
width: 72px;
height: 100%;
background: var(--vu-surface);
clip-path: polygon(100% 0, 100% 100%, 0 100%);
z-index: 2;
}
 
.vu-person-image img {
width: 100%;
height: 100%;
min-height: 390px;
object-fit: cover;
display: block;
transition: opacity 0.25s ease, transform 0.5s ease;
}
 
.vu-people.is-changing .vu-person-image img {
opacity: 0.35;
transform: scale(1.03);
}
 
.vu-person-copy {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
padding: 42px 50px 42px 34px;
overflow: hidden;
}
 
.vu-person-copy::after {
content: "";
position: absolute;
right: -45px;
bottom: -55px;
width: 220px;
height: 220px;
border: 42px solid var(--vu-accent);
transform: rotate(18deg);
opacity: 0.8;
}
 
.vu-person-kicker {
position: relative;
z-index: 2;
margin-bottom: 9px;
color: var(--vu-link);
font-size: 0.76rem;
font-weight: 700;
letter-spacing: 0.15em;
text-transform: uppercase;
}
 
.vu-person-title {
position: relative;
z-index: 2;
margin: 0 0 13px;
color: var(--vu-text);
font-size: clamp(1.8rem, 4vw, 2.8rem);
line-height: 1.08;
}
 
.vu-person-extract {
position: relative;
z-index: 2;
max-width: 720px;
margin: 0 0 18px;
font-size: 1rem;
line-height: 1.62;
}
 
.vu-person-open {
position: relative;
z-index: 2;
align-self: flex-start;
display: inline-block;
padding: 9px 14px;
border-left: 4px solid var(--vu-link);
background: var(--vu-accent);
color: var(--vu-link) !important;
font-weight: 700;
}
 
.vu-person-open:hover {
text-decoration: none !important;
}
 
.vu-people-controls {
display: grid;
grid-template-columns: auto auto minmax(0, 1fr) auto auto;
align-items: center;
gap: 8px;
padding: 11px 14px;
border-top: 1px solid var(--vu-border);
background: var(--vu-accent);
}
 
.vu-slide-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 42px;
height: 36px;
padding: 0 12px;
border: 1px solid var(--vu-border);
background: var(--vu-surface);
color: var(--vu-link);
font: inherit;
font-weight: 700;
cursor: pointer;
}
 
.vu-slide-button:hover,
.vu-slide-button:focus {
border-color: var(--vu-link);
outline: none;
}
 
.vu-slide-progress {
position: relative;
height: 4px;
margin: 0 8px;
overflow: hidden;
background: var(--vu-border);
}
 
.vu-slide-progress-bar {
width: 0;
height: 100%;
background: var(--vu-link);
}
 
.vu-people.is-playing .vu-slide-progress-bar {
animation: vu-slide-progress 9s linear forwards;
}
 
.vu-slide-count {
min-width: 62px;
text-align: right;
color: var(--vu-text);
font-size: 0.88rem;
font-weight: 700;
}
 
.vu-people-status {
position: absolute;
left: 15px;
top: 15px;
z-index: 5;
padding: 7px 10px;
background: rgba(27,34,61,0.88);
color: #fff;
font-size: 0.82rem;
}
 
.vu-people-status[hidden] {
display: none;
}
 
@keyframes vu-slide-progress {
from { width: 0; }
to { width: 100%; }
}
 
/* Guide */
 
.vu-guide {
display: grid;
grid-template-columns: minmax(0, 1.3fr) minmax(300px, 0.7fr);
border-top: 1px solid var(--vu-border);
border-bottom: 1px solid var(--vu-border);
}
 
.vu-guide-copy {
padding: 21px 25px 21px 0;
}
 
.vu-guide-copy h2,
.vu-family-area h2 {
margin: 0 0 10px;
color: var(--vu-text);
font-size: 1.3rem;
}
 
.vu-guide-copy p {
margin: 0 0 10px;
line-height: 1.53;
}
 
.vu-guide-copy p:last-child {
margin-bottom: 0;
}
 
.vu-route-buttons {
display: flex;
flex-wrap: wrap;
gap: 7px;
margin-top: 13px;
}
 
.vu-route-button {
display: inline-block;
padding: 8px 11px;
border-bottom: 3px solid var(--vu-link);
background: var(--vu-accent);
color: var(--vu-link) !important;
font-weight: 650;
}
 
.vu-route-button:hover {
text-decoration: none !important;
transform: translateY(-1px);
}
 
.vu-family-area {
padding: 21px 0 21px 25px;
border-left: 1px solid var(--vu-border);
}
 
.vu-family-links {
display: grid;
gap: 6px;
}
 
.vu-family-link {
position: relative;
display: grid;
grid-template-columns: 8px minmax(0, 1fr);
align-items: center;
gap: 10px;
padding: 8px 11px;
background: var(--vu-accent);
color: var(--vu-link) !important;
font-weight: 650;
transition: padding 0.15s ease;
}
 
.vu-family-link::before {
content: "";
width: 8px;
height: 100%;
background: var(--vu-link);
clip-path: polygon(0 0, 100% 50%, 0 100%);
}
 
.vu-family-link:hover {
padding-left: 14px;
text-decoration: none !important;
}
 
/* Footer */
 
.vu-information {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1px;
margin-top: 15px;
border: 1px solid var(--vu-border);
background: var(--vu-border);
}
 
.vu-information section {
padding: 18px 21px;
background: var(--vu-surface);
}
 
.vu-information h2 {
margin: 0 0 7px;
color: var(--vu-text);
font-size: 1.2rem;
}
 
.vu-information p {
margin: 0;
line-height: 1.5;
}
 
.vu-notice {
display: grid;
grid-template-columns: 155px minmax(0, 1fr);
margin-top: 12px;
border: 1px solid #ab7f2a;
background: #fef6e7;
}
 
.vu-notice-title {
display: flex;
align-items: center;
padding: 15px 18px;
background: #ab7f2a;
color: #fff;
font-weight: 700;
}
 
.vu-notice-copy {
padding: 15px 18px;
color: var(--vu-text);
line-height: 1.5;
}
 
/* Missing pages */
 
.vu-main a.new,
.vu-main a.new:visited {
color: var(--vu-red) !important;
}
 
.vu-main .vu-header-button.new {
border-color: var(--vu-red);
color: #ff8b8b !important;
}
 
.vu-main .vu-explore-link.new .vu-explore-mark {
background: var(--vu-red);
}
 
.vu-main .vu-explore-link.new .vu-explore-title,
.vu-main .vu-family-link.new,
.vu-main .vu-route-button.new,
.vu-main .vu-feature-link.new {
color: var(--vu-red) !important;
}
 
/* Dark mode */
 
html.skin-theme-clientpref-night .vu-main,
body.skin-theme-clientpref-night .vu-main {
--vu-border: #444;
--vu-text: #d0d0d0;
--vu-surface: #1e1e1e;
--vu-accent: #252f42;
--vu-link: #88ccff;
--vu-red: #ff6b6b;
}
 
html.skin-theme-clientpref-night .vu-notice,
body.skin-theme-clientpref-night .vu-notice {
background: #332b1d;
}
 
@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .vu-main {
--vu-border: #444;
--vu-text: #d0d0d0;
--vu-surface: #1e1e1e;
--vu-accent: #252f42;
--vu-link: #88ccff;
--vu-red: #ff6b6b;
}
 
html.skin-theme-clientpref-os .vu-notice {
background: #332b1d;
}
}
 
/* Responsive */
 
@media (max-width: 900px) {
.vu-header {
grid-template-columns: 190px minmax(0, 1fr);
}
 
.vu-header-copy {
padding: 34px 31px 34px 48px;
}
 
.vu-feature-layout,
.vu-guide {
grid-template-columns: 1fr;
}
 
.vu-people-stage {
grid-template-columns: 42% minmax(0, 1fr);
}
 
.vu-person-copy {
padding: 36px 34px 36px 24px;
}
 
.vu-family-area {
padding: 20px 0;
border-top: 1px solid var(--vu-border);
border-left: 0;
}
 
.vu-guide-copy {
padding-right: 0;
}
}
 
@media (max-width: 650px) {
.vu-header {
grid-template-columns: 1fr;
text-align: center;
}
 
.vu-logo-panel {
min-height: 145px;
border-right: 0;
border-bottom: 1px solid rgba(255,255,255,0.15);
}
 
.vu-logo-panel::after {
display: none;
}
 
.vu-logo-panel img {
max-width: 120px;
}
 
.vu-header-copy {
padding: 27px 20px 31px;
}
 
.vu-header-actions,
.vu-route-buttons {
justify-content: center;
}
 
.vu-about {
grid-template-columns: 1fr;
}
 
.vu-about-mark {
display: none;
}
 
.vu-about-copy {
border-top: 5px solid var(--vu-link);
border-left: 0;
}
 
.vu-explore {
grid-template-columns: 1fr;
}
 
.vu-people-stage {
grid-template-columns: 1fr;
}
 
.vu-person-image {
height: 300px;
}
 
.vu-person-image::after {
display: none;
}
 
.vu-person-image img {
min-height: 300px;
}
 
.vu-person-copy {
padding: 28px 22px 32px;
}
 
.vu-people-controls {
grid-template-columns: auto auto minmax(50px, 1fr) auto auto;
}
 
.vu-information,
.vu-notice {
grid-template-columns: 1fr;
}
}
 
@media (max-width: 430px) {
.vu-title {
font-size: 2.75rem;
}
 
.vu-header-button {
width: 100%;
text-align: center;
}
 
.vu-browse-buttons {
grid-template-columns: 1fr;
}
 
.vu-explore-link {
grid-template-columns: 62px minmax(0, 1fr) 22px;
}
}
</style>
 
<div class="vu-main">
 
<header class="vu-header">
<div class="vu-logo-panel">
<img src="/wiki/Special:Redirect/file/Vu-logo.png" alt="Vrienden Universe logo">
</div>
 
<div class="vu-header-copy">
<div class="vu-title">Vrienden Universe</div>
 
<div class="vu-subtitle">
The history of De Vrienden and the wider world recorded around them.
</div>
 
<div class="vu-header-actions">
<a class="vu-header-button" data-wiki-title="Timeline" href="/wiki/Timeline">Timeline</a>
<a class="vu-header-button" href="/wiki/Special:Random">Random page</a>
<a class="vu-header-button" href="/wiki/Special:RecentChanges">Recent changes</a>
</div>
</div>
</header>
 
<section class="vu-about">
<div class="vu-about-mark">
<img src="/wiki/Special:Redirect/file/Vu-logo.png" alt="">
</div>
 
<div class="vu-about-copy">
<h2>About the wiki</h2>
 
<p>
The <strong>Vrienden Universe</strong> began in 2019 as
<a data-wiki-title="De Lijers De Vrienden" href="/wiki/De_Lijers_De_Vrienden"><strong>De Lijers De Vrienden</strong></a>,
a project about <a data-wiki-title="De Vrienden" href="/wiki/De_Vrienden">De Vrienden</a>.
The project expanded as related pages were added and became a single encyclopedia covering the wider history around its original subject.
</p>
 
<p>
The wiki now contains hundreds of connected pages developed over several years.
Information established on one page is carried into related articles, allowing readers to follow the same history throughout the site.
</p>
</div>
</section>
 
<div class="vu-heading">
<div class="vu-heading-title">Explore</div>
<div class="vu-heading-line"></div>
</div>
 
<nav class="vu-explore">
<a class="vu-explore-link" data-wiki-title="Category:People" href="/wiki/Category:People">
<span class="vu-explore-mark">P</span>
<span class="vu-explore-copy">
<span class="vu-explore-title">People</span>
<span class="vu-explore-description">Biographies recorded across the wiki.</span>
</span>
<span class="vu-explore-arrow">&gt;</span>
</a>
 
<a class="vu-explore-link" data-wiki-title="Category:Locations" href="/wiki/Category:Locations">
<span class="vu-explore-mark">L</span>
<span class="vu-explore-copy">
<span class="vu-explore-title">Locations</span>
<span class="vu-explore-description">Places documented throughout the history.</span>
</span>
<span class="vu-explore-arrow">&gt;</span>
</a>
 
<a class="vu-explore-link" data-wiki-title="Category:Families" href="/wiki/Category:Families">
<span class="vu-explore-mark">F</span>
<span class="vu-explore-copy">
<span class="vu-explore-title">Families</span>
<span class="vu-explore-description">Family lines and their members.</span>
</span>
<span class="vu-explore-arrow">&gt;</span>
</a>
 
<a class="vu-explore-link" data-wiki-title="Category:Organizations" href="/wiki/Category:Organizations">
<span class="vu-explore-mark">O</span>
<span class="vu-explore-copy">
<span class="vu-explore-title">Organizations</span>
<span class="vu-explore-description">Institutions and organized groups.</span>
</span>
<span class="vu-explore-arrow">&gt;</span>
</a>
 
<a class="vu-explore-link" data-wiki-title="Category:Events" href="/wiki/Category:Events">
<span class="vu-explore-mark">E</span>
<span class="vu-explore-copy">
<span class="vu-explore-title">Events</span>
<span class="vu-explore-description">Events recorded throughout the history.</span>
</span>
<span class="vu-explore-arrow">&gt;</span>
</a>
 
<a class="vu-explore-link" data-wiki-title="Category:Eras" href="/wiki/Category:Eras">
<span class="vu-explore-mark">H</span>
<span class="vu-explore-copy">
<span class="vu-explore-title">Eras</span>
<span class="vu-explore-description">The historical periods used by the wiki.</span>
</span>
<span class="vu-explore-arrow">&gt;</span>
</a>
</nav>
 
<div class="vu-heading">
<div class="vu-heading-title">Featured and browse</div>
<div class="vu-heading-line"></div>
</div>
 
<div class="vu-feature-layout">
<section class="vu-feature">
<img class="vu-feature-watermark" src="/wiki/Special:Redirect/file/Vu-logo.png" alt="">
 
<div class="vu-feature-label">Featured page</div>
 
<h2>
<a data-wiki-title="Reichsministerium für Bergbau und Rohstoffe" href="/wiki/Reichsministerium_f%C3%BCr_Bergbau_und_Rohstoffe">
Reichsministerium f&uuml;r Bergbau und Rohstoffe
</a>
</h2>
 
<p>
The Reichsministerium f&uuml;r Bergbau und Rohstoffe was a central ministry of the
<a data-wiki-title="Government of the Tanoa Einsatzgruppen" href="/wiki/Government_of_the_Tanoa_Einsatzgruppen">Government of the Tanoa Einsatzgruppen</a>.
It administered mining and the state supply of raw materials.
</p>
 
<p>
The ministry supported the command economy of
<a data-wiki-title="Tanoa" href="/wiki/Tanoa">Tanoa</a>
and supplied the regime's industrial system.
</p>
 
<a class="vu-feature-link" data-wiki-title="Reichsministerium für Bergbau und Rohstoffe" href="/wiki/Reichsministerium_f%C3%BCr_Bergbau_und_Rohstoffe">
Open page
</a>
</section>
 
<nav class="vu-browse">
<img class="vu-browse-watermark" src="/wiki/Special:Redirect/file/Vu-logo.png" alt="">
 
<h2>Browse</h2>
 
<div class="vu-browse-buttons">
<a class="vu-browse-button" href="/wiki/Special:AllPages">All pages</a>
<a class="vu-browse-button" href="/wiki/Special:Categories">Categories</a>
<a class="vu-browse-button" href="/wiki/Special:NewPages">New pages</a>
<a class="vu-browse-button" href="/wiki/Special:RecentChanges">Recent changes</a>
<a class="vu-browse-button" href="/wiki/Special:Random">Random page</a>
<a class="vu-browse-button" href="/wiki/Special:SpecialPages">Special pages</a>
</div>
</nav>
</div>
 
<div class="vu-heading">
<div class="vu-heading-title">People</div>
<div class="vu-heading-line"></div>
</div>
 
<section class="vu-people" id="vu-people-slider" aria-label="People slideshow">
<div class="vu-people-status" id="vu-people-status" hidden></div>
 
<div class="vu-people-stage">
<div class="vu-person-image">
<img
id="vu-person-image"
src="/wiki/Special:Redirect/file/ToonioNoord.jpg"
alt="Toonio Noord">
</div>
 
<div class="vu-person-copy">
 
<h2 class="vu-person-title" id="vu-person-title">Toonio Noord</h2>
 
<p class="vu-person-extract" id="vu-person-extract">
Toonio Noord, born 4 April 1969, is a Dutch registration official and former security guard from Vriendendam. He works for the Stichting Noord Registratiebureau and is a member of the Noord family.
</p>
 
<a
class="vu-person-open"
id="vu-person-link"
href="/wiki/Toonio_Noord">
Open page
</a>
</div>
</div>
 
<div class="vu-people-controls">
<button class="vu-slide-button" id="vu-person-prev" type="button" aria-label="Previous person">&lt;</button>
<button class="vu-slide-button" id="vu-person-toggle" type="button" aria-label="Pause slideshow">Pause</button>
 
<div class="vu-slide-progress" aria-hidden="true">
<div class="vu-slide-progress-bar"></div>
</div>
 
<div class="vu-slide-count" id="vu-person-count">1 / 1</div>
 
<button class="vu-slide-button" id="vu-person-next" type="button" aria-label="Next person">&gt;</button>
</div>
</section>
<div class="vu-heading">
<div class="vu-heading-title">How to use this wiki</div>
<div class="vu-heading-line"></div>
</div>
 
<section class="vu-guide">
<div class="vu-guide-copy">
<h2>Choose a starting point</h2>
 
<p>
Most articles link directly to the subjects needed to continue through the history.
Readers can begin with <a data-wiki-title="De Vrienden" href="/wiki/De_Vrienden">De Vrienden</a>
or select a broader section above.
</p>
 
<p>
The principal family pages provide the main route from De Vrienden into family history.
Index pages provide access to the rest of the site.
</p>
 
<div class="vu-route-buttons">
<a class="vu-route-button" data-wiki-title="Timeline" href="/wiki/Timeline">Timeline</a>
<a class="vu-route-button" data-wiki-title="Factions" href="/wiki/Factions">Factions</a>
<a class="vu-route-button" data-wiki-title="List of organizations" href="/wiki/List_of_organizations">Organizations</a>
</div>
</div>
 
<div class="vu-family-area">
<h2>Principal families</h2>
 
<div class="vu-family-links">
<a class="vu-family-link" data-wiki-title="Noord family" href="/wiki/Noord_family">Noord family</a>
<a class="vu-family-link" data-wiki-title="Paap family" href="/wiki/Paap_family">Paap family</a>
<a class="vu-family-link" data-wiki-title="Van Hetten family" href="/wiki/Van_Hetten_family">Van Hetten family</a>
<a class="vu-family-link" data-wiki-title="Hoos family" href="/wiki/Hoos_family">Hoos family</a>
<a class="vu-family-link" data-wiki-title="Schroeter family" href="/wiki/Schroeter_family">Schroeter family</a>
</div>
</div>
</section>
 
<div class="vu-information">
<section>
<h2>Community</h2>
 
<p>
Information about contributing is available on the
<a data-wiki-title="Vrienden Universe:Community" href="/wiki/Vrienden_Universe:Community">community page</a>.
</p>
</section>
 
<section>
<h2>Details</h2>
 
<p>
Information about the scope of the site is available in the
<a data-wiki-title="Vrienden Universe:General disclaimer" href="/wiki/Vrienden_Universe:General_disclaimer">disclaimer</a>.
</p>
</section>
</div>
 
<div class="vu-notice">
<div class="vu-notice-title">Content notice</div>
 
<div class="vu-notice-copy">
This wiki contains material intended for mature audiences.
Some pages contain disturbing subject matter. Reader discretion is advised.
</div>
</div>
 
</div>
 
<script>
(function () {
"use strict";
 
function onReady(callback) {
if (document.readyState === "loading") {
document.addEventListener("DOMContentLoaded", callback, { once: true });
} else {
callback();
}
}
 
onReady(function () {
var root = document.querySelector(".vu-main");
var slider = document.getElementById("vu-people-slider");
var status = document.getElementById("vu-people-status");
var image = document.getElementById("vu-person-image");
var title = document.getElementById("vu-person-title");
var extract = document.getElementById("vu-person-extract");
var pageLink = document.getElementById("vu-person-link");
var count = document.getElementById("vu-person-count");
var previous = document.getElementById("vu-person-prev");
var next = document.getElementById("vu-person-next");
var toggle = document.getElementById("vu-person-toggle");
 
if (
!root ||
!slider ||
!status ||
!image ||
!title ||
!extract ||
!pageLink ||
!count ||
!previous ||
!next ||
!toggle
) {
return;
}
 
var fallbackImage = "/wiki/Special:Redirect/file/Vu-logo.png";
var cacheKey = "vu-main-people-slides-v9";
var cacheLifetime = 6 * 60 * 60 * 1000;
var slideInterval = 9000;
var apiPath = "/wiki/api.php";
var people = [];
var currentIndex = 0;
var timer = null;
var playing = false;
 
previous.disabled = true;
next.disabled = true;
toggle.disabled = true;
count.textContent = "1 / 1";
toggle.textContent = "Play";
previous.textContent = "<";
next.textContent = ">";
 
function showStatus(message) {
if (!message) {
status.hidden = true;
status.textContent = "";
return;
}
 
status.textContent = message;
status.hidden = false;
}
 
function shuffle(items) {
var result = items.slice();
 
for (var index = result.length - 1; index > 0; index--) {
var randomIndex = Math.floor(Math.random() * (index + 1));
var temporary = result[index];
result[index] = result[randomIndex];
result[randomIndex] = temporary;
}
 
return result;
}
 
function cleanText(value) {
return String(value || "")
.replace(/\[\s*\d+(?:\.\d+)?\s*\]/g, "")
.replace(/\s+/g, " ")
.trim();
}
 
function shorten(value, limit) {
var cleaned = cleanText(value);
 
if (!cleaned || cleaned.length <= limit) {
return cleaned;
}
 
var cut = cleaned.slice(0, limit);
var sentenceEnd = Math.max(
cut.lastIndexOf(". "),
cut.lastIndexOf("! "),
cut.lastIndexOf("? ")
);
 
if (sentenceEnd > 180) {
return cut.slice(0, sentenceEnd + 1);
}
 
var finalSpace = cut.lastIndexOf(" ");
return cut.slice(0, finalSpace > 0 ? finalSpace : limit) + "...";
}
 
function getImage(page) {
if (page.thumbnail && page.thumbnail.source) {
return page.thumbnail.source;
}
 
if (page.original && page.original.source) {
return page.original.source;
}
 
return "";
}
 
function pageUrl(pageTitle) {
if (window.mw && mw.util) {
return mw.util.getUrl(pageTitle);
}
 
return "/wiki/" + encodeURIComponent(pageTitle.replace(/ /g, "_"));
}
 
function normalizePages(pages) {
return shuffle(
pages
.filter(function (page) {
return page && !page.missing && page.title;
})
.map(function (page) {
var pageExtract = shorten(page.extract, 650);
 
if (!pageExtract) {
pageExtract =
"This page is listed in Category:People. Open the page for the full article.";
}
 
return {
title: page.title,
extract: pageExtract,
image: getImage(page) || fallbackImage,
url: page.fullurl || pageUrl(page.title)
};
})
);
}
 
function readCache() {
try {
var cached = JSON.parse(
window.sessionStorage.getItem(cacheKey) || "null"
);
 
if (
cached &&
cached.savedAt &&
Date.now() - cached.savedAt < cacheLifetime &&
Array.isArray(cached.people) &&
cached.people.length > 1
) {
return cached.people;
}
} catch (error) {
return null;
}
 
return null;
}
 
function saveCache(items) {
try {
window.sessionStorage.setItem(
cacheKey,
JSON.stringify({
savedAt: Date.now(),
people: items
})
);
} catch (error) {
return;
}
}
 
function preloadNext() {
if (people.length < 2) {
return;
}
 
var nextIndex = (currentIndex + 1) % people.length;
var preload = new Image();
preload.src = people[nextIndex].image;
}
 
function restartProgress() {
slider.classList.remove("is-playing");
void slider.offsetWidth;
 
if (playing && people.length > 1) {
slider.classList.add("is-playing");
}
}
 
function scheduleNext() {
if (timer) {
window.clearTimeout(timer);
}
 
restartProgress();
 
if (!playing || people.length < 2) {
return;
}
 
timer = window.setTimeout(function () {
showSlide(currentIndex + 1);
}, slideInterval);
}
 
function showSlide(index) {
if (!people.length) {
return;
}
 
currentIndex = (index + people.length) % people.length;
var person = people[currentIndex];
 
slider.classList.add("is-changing");
 
window.setTimeout(function () {
image.src = person.image || fallbackImage;
image.alt = person.title;
title.textContent = person.title;
extract.textContent = person.extract;
pageLink.href = person.url;
pageLink.textContent = "Open page";
count.textContent =
String(currentIndex + 1) + " / " + String(people.length);
 
window.setTimeout(function () {
slider.classList.remove("is-changing");
}, 40);
 
preloadNext();
}, 140);
 
scheduleNext();
}
 
function setPlaying(value) {
playing = Boolean(value && people.length > 1);
toggle.textContent = playing ? "Pause" : "Play";
toggle.setAttribute(
"aria-label",
playing ? "Pause slideshow" : "Play slideshow"
);
 
if (playing) {
scheduleNext();
} else {
if (timer) {
window.clearTimeout(timer);
}
 
slider.classList.remove("is-playing");
}
}
 
function activateSlides(items) {
if (!Array.isArray(items) || !items.length) {
showStatus("No people pages were loaded.");
return;
}
 
people = shuffle(items);
currentIndex = 0;
previous.disabled = people.length < 2;
next.disabled = people.length < 2;
toggle.disabled = people.length < 2;
showStatus("");
showSlide(0);
setPlaying(people.length > 1);
}
 
previous.addEventListener("click", function () {
showSlide(currentIndex - 1);
});
 
next.addEventListener("click", function () {
showSlide(currentIndex + 1);
});
 
toggle.addEventListener("click", function () {
setPlaying(!playing);
});
 
slider.addEventListener("mouseenter", function () {
if (playing && timer) {
window.clearTimeout(timer);
slider.classList.remove("is-playing");
}
});
 
slider.addEventListener("mouseleave", function () {
if (playing) {
scheduleNext();
}
});
 
image.addEventListener("error", function () {
if (image.src.indexOf("Vu-logo.png") === -1) {
image.src = fallbackImage;
}
});
 
function buildQuery(params) {
var parts = [];
 
Object.keys(params).forEach(function (key) {
parts.push(
encodeURIComponent(key) +
"=" +
encodeURIComponent(params[key])
);
});
 
return parts.join("&");
}
 
function requestJson(params) {
return window
.fetch(apiPath + "?" + buildQuery(params), {
credentials: "same-origin"
})
.then(function (response) {
if (!response.ok) {
throw new Error("API HTTP " + response.status);
}
 
return response.json();
});
}
 
function copyParams(params) {
var copied = {};
 
Object.keys(params).forEach(function (key) {
copied[key] = params[key];
});
 
return copied;
}
 
function loadCategoryMembers(params, collectedPages) {
return requestJson(params).then(function (data) {
var nextPages =
data &&
data.query &&
Array.isArray(data.query.categorymembers)
? data.query.categorymembers
: [];
var allPages = collectedPages.concat(nextPages);
 
if (data && data.continue) {
var nextParams = copyParams(params);
 
Object.keys(data.continue).forEach(function (key) {
nextParams[key] = data.continue[key];
});
 
showStatus("Loading people... " + String(allPages.length));
return loadCategoryMembers(nextParams, allPages);
}
 
return allPages;
});
}
 
function uniqueTitles(items) {
var seen = {};
var titles = [];
 
items.forEach(function (item) {
if (!item || !item.title || seen[item.title]) {
return;
}
 
seen[item.title] = true;
titles.push(item.title);
});
 
return titles;
}
 
function loadPageDetails(titles) {
var groups = [];
 
for (var index = 0; index < titles.length; index += 1) {
groups.push(titles.slice(index, index + 1));
}
 
return groups
.reduce(function (chain, group) {
return chain.then(function (pages) {
return requestJson({
action: "query",
titles: group.join("|"),
prop: "extracts|pageimages|info",
exintro: 1,
explaintext: 1,
exchars: 700,
piprop: "thumbnail|original",
pithumbsize: 1000,
inprop: "url",
redirects: 1,
formatversion: 2,
format: "json"
}).then(function (data) {
var nextPages =
data &&
data.query &&
Array.isArray(data.query.pages)
? data.query.pages
: [];
 
if (
(pages.length + nextPages.length) % 10 === 0 ||
pages.length + nextPages.length === titles.length
) {
showStatus(
"Loading details... " +
String(pages.length + nextPages.length) +
" / " +
String(titles.length)
);
}
return pages.concat(nextPages);
});
});
}, Promise.resolve([]));
}
 
var cachedPeople = readCache();
 
if (cachedPeople) {
activateSlides(cachedPeople);
}
 
if (!window.fetch) {
showStatus("This browser cannot load the people list.");
return;
}
 
showStatus("Loading people...");
loadCategoryMembers(
{
action: "query",
list: "categorymembers",
cmtitle: "Category:People",
cmnamespace: 0,
cmtype: "page",
cmlimit: "max",
formatversion: 2,
format: "json"
},
[]
)
.then(function (members) {
var titles = uniqueTitles(members);
showStatus("Loading details... 0 / " + String(titles.length));
return loadPageDetails(titles);
})
.then(function (pages) {
var loadedPeople = normalizePages(pages);
 
saveCache(loadedPeople);
activateSlides(loadedPeople);
})
.catch(function () {
showStatus("Could not load people list.");
});
 
/*
* Raw HTML links need a separate existence check so missing pages
* keep MediaWiki's red-link appearance.
*/
if (window.mw && mw.loader) {
mw.loader
.using(["mediawiki.api", "mediawiki.util"])
.then(function () {
var api = new mw.Api();
var links = Array.prototype.slice.call(
root.querySelectorAll("a[data-wiki-title]")
);
 
var titles = links
.map(function (item) {
return item.getAttribute("data-wiki-title");
})
.filter(function (item, index, allItems) {
return item && allItems.indexOf(item) === index;
});
 
if (!titles.length) {
return;
}
 
return api
.get({
action: "query",
titles: titles.join("|"),
formatversion: 2
})
.then(function (data) {
var missing = {};
 
if (data.query && Array.isArray(data.query.pages)) {
data.query.pages.forEach(function (page) {
if (page.missing) {
missing[page.title] = true;
}
});
}
 
links.forEach(function (item) {
var pageTitle =
item.getAttribute("data-wiki-title");
 
if (!missing[pageTitle]) {
return;
}
 
item.classList.add("new");
item.href = mw.util.getUrl(pageTitle, {
action: "edit",
redlink: 1
});
item.title =
pageTitle + " (page does not exist)";
});
});
});
}
});
})();
</script>
 
</html>


[[Category:Vrienden Universe]]
[[Category:Vrienden Universe]]
[[Category:Main pages]]
[[Category:Main pages]]
[[Category:Wiki administration]]
[[Category:Wiki administration]]
[[Category:Reference pages]]
[[Category:Reference pages]]

Latest revision as of 14:46, 19 June 2026


Vrienden Universe logo
Vrienden Universe
The history of De Vrienden and the wider world recorded around them.
Timeline Random page Recent changes

About the wiki

The Vrienden Universe began in 2019 as De Lijers De Vrienden, a project about De Vrienden. The project expanded as related pages were added and became a single encyclopedia covering the wider history around its original subject.

The wiki now contains hundreds of connected pages developed over several years. Information established on one page is carried into related articles, allowing readers to follow the same history throughout the site.

Explore
Featured and browse
Featured page

Reichsministerium für Bergbau und Rohstoffe

The Reichsministerium für Bergbau und Rohstoffe was a central ministry of the Government of the Tanoa Einsatzgruppen. It administered mining and the state supply of raw materials.

The ministry supported the command economy of Tanoa and supplied the regime's industrial system.

Open page
People
Toonio Noord

Toonio Noord

Toonio Noord, born 4 April 1969, is a Dutch registration official and former security guard from Vriendendam. He works for the Stichting Noord Registratiebureau and is a member of the Noord family.

Open page
1 / 1
How to use this wiki

Choose a starting point

Most articles link directly to the subjects needed to continue through the history. Readers can begin with De Vrienden or select a broader section above.

The principal family pages provide the main route from De Vrienden into family history. Index pages provide access to the rest of the site.

Timeline Factions Organizations

Principal families

Noord family Paap family Van Hetten family Hoos family Schroeter family

Community

Information about contributing is available on the community page.

Details

Information about the scope of the site is available in the disclaimer.

Content notice
This wiki contains material intended for mature audiences. Some pages contain disturbing subject matter. Reader discretion is advised.

Retrieved from "https://vriendenuniverse.org/wiki/index.php?title=Main_Page&oldid=9152"