Main Page: Difference between revisions
No edit summary Tag: Manual revert |
No edit summary |
||
| Line 1: | Line 1: | ||
__NOTOC__ | |||
<html> | |||
<style> | |||
.vu-main { | |||
--vu-border: var(--border-color-base, #a2a9b1); | |||
--vu-text: var(--color-base, #202122); | |||
--vu-muted: #54595d; | |||
--vu-surface: var(--background-color-neutral-subtle, #f8f9fa); | |||
--vu-accent: var(--background-color-progressive-subtle, #eaf3ff); | |||
--vu-link: var(--color-progressive, #36c); | |||
--vu-header: #1B223D; | |||
--vu-header-border: #3a506b; | |||
--vu-header-text: #e0f0ff; | |||
max-width: 1200px; | |||
margin: 0 auto 36px; | |||
color: var(--vu-text); | |||
} | |||
.vu-main, | |||
.vu-main * { | |||
box-sizing: border-box; | |||
} | |||
[[File:Vu-logo.png| | .vu-main h2 { | ||
margin: 34px 0 17px; | |||
padding-bottom: 9px; | |||
border-bottom: 2px solid var(--vu-border); | |||
color: var(--vu-text); | |||
font-size: 1.65rem; | |||
line-height: 1.3; | |||
} | |||
/* Header */ | |||
.vu-hero { | |||
display: grid; | |||
grid-template-columns: minmax(0, 1fr) 230px; | |||
align-items: center; | |||
gap: 38px; | |||
padding: 44px; | |||
margin-bottom: 25px; | |||
border: 1px solid var(--vu-header-border); | |||
border-radius: 14px; | |||
background: | |||
linear-gradient( | |||
125deg, | |||
#1B223D 0%, | |||
#263654 58%, | |||
#304a69 100% | |||
); | |||
color: var(--vu-header-text); | |||
box-shadow: 0 5px 18px rgba(0, 0, 0, 0.18); | |||
overflow: hidden; | |||
} | |||
.vu-hero-title { | |||
margin-bottom: 16px; | |||
color: #ffffff; | |||
font-size: clamp(2.8rem, 7vw, 5rem); | |||
font-weight: 700; | |||
line-height: 1; | |||
letter-spacing: -0.04em; | |||
} | |||
.vu-hero-text { | |||
max-width: 720px; | |||
margin-bottom: 24px; | |||
color: #dbe7f5; | |||
font-size: 1.08rem; | |||
line-height: 1.6; | |||
} | |||
.vu-hero-logo { | |||
text-align: center; | |||
} | |||
.vu-hero-logo img { | |||
width: 100%; | |||
max-width: 220px; | |||
height: auto; | |||
filter: drop-shadow(0 10px 13px rgba(0, 0, 0, 0.38)); | |||
} | |||
/* Header buttons */ | |||
.vu-action-row { | |||
display: flex; | |||
flex-wrap: wrap; | |||
gap: 10px; | |||
} | |||
.vu-action { | |||
display: inline-block; | |||
} | |||
.vu-action a { | |||
display: inline-block; | |||
padding: 10px 17px; | |||
border: 1px solid rgba(255, 255, 255, 0.65); | |||
border-radius: 7px; | |||
background: #ffffff; | |||
color: #1B223D !important; | |||
font-weight: 700; | |||
text-decoration: none !important; | |||
transition: | |||
transform 0.15s ease, | |||
box-shadow 0.15s ease; | |||
} | |||
.vu-action-secondary a { | |||
background: transparent; | |||
color: #ffffff !important; | |||
} | |||
.vu-action a:hover { | |||
transform: translateY(-2px); | |||
box-shadow: 0 5px 12px rgba(0, 0, 0, 0.28); | |||
} | |||
/* About */ | |||
.vu-about { | |||
padding: 27px 30px; | |||
border: 1px solid var(--vu-border); | |||
border-left: 6px solid var(--vu-link); | |||
border-radius: 10px; | |||
background: var(--vu-surface); | |||
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.07); | |||
} | |||
.vu-about h2 { | |||
margin-top: 0; | |||
} | |||
.vu-about p { | |||
margin: 0 0 15px; | |||
font-size: 1rem; | |||
line-height: 1.67; | |||
} | |||
.vu-about p:last-child { | |||
margin-bottom: 0; | |||
} | |||
/* Explore */ | |||
.vu-explore-grid { | |||
display: grid; | |||
grid-template-columns: repeat(3, minmax(0, 1fr)); | |||
gap: 15px; | |||
} | |||
.vu-explore-card { | |||
display: flex; | |||
flex-direction: column; | |||
min-height: 190px; | |||
padding: 22px; | |||
border: 1px solid var(--vu-border); | |||
border-radius: 10px; | |||
background: var(--vu-surface); | |||
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07); | |||
transition: | |||
transform 0.15s ease, | |||
border-color 0.15s ease, | |||
box-shadow 0.15s ease; | |||
} | |||
.vu-explore-card:hover { | |||
transform: translateY(-3px); | |||
border-color: var(--vu-link); | |||
box-shadow: 0 6px 15px rgba(0, 0, 0, 0.13); | |||
} | |||
.vu-explore-title { | |||
margin-bottom: 10px; | |||
font-size: 1.23rem; | |||
font-weight: 700; | |||
} | |||
.vu-explore-title a { | |||
color: var(--vu-link); | |||
text-decoration: none; | |||
} | |||
.vu-explore-title a:hover { | |||
text-decoration: underline; | |||
} | |||
.vu-explore-text { | |||
margin-bottom: 18px; | |||
font-size: 0.95rem; | |||
line-height: 1.55; | |||
} | |||
.vu-card-button { | |||
display: block; | |||
margin-top: auto; | |||
} | |||
.vu-card-button a { | |||
display: inline-block; | |||
padding: 8px 13px; | |||
border: 1px solid var(--vu-link); | |||
border-radius: 6px; | |||
color: var(--vu-link) !important; | |||
font-weight: 700; | |||
text-decoration: none !important; | |||
} | |||
.vu-card-button a:hover { | |||
background: var(--vu-accent); | |||
} | |||
/* Featured */ | |||
.vu-featured { | |||
padding: 23px; | |||
border: 1px solid var(--vu-border); | |||
border-radius: 10px; | |||
background: var(--vu-surface); | |||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); | |||
} | |||
/* Browse buttons */ | |||
.vu-browse { | |||
padding: 25px; | |||
border: 1px solid var(--vu-border); | |||
border-radius: 11px; | |||
background: var(--vu-surface); | |||
} | |||
.vu-browse-intro { | |||
margin-bottom: 17px; | |||
line-height: 1.6; | |||
} | |||
.vu-button-grid { | |||
display: grid; | |||
grid-template-columns: repeat(3, minmax(0, 1fr)); | |||
gap: 10px; | |||
} | |||
.vu-browse-button { | |||
display: block; | |||
} | |||
.vu-browse-button a { | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
min-height: 52px; | |||
padding: 11px 14px; | |||
border: 1px solid var(--vu-border); | |||
border-radius: 7px; | |||
background: var(--vu-accent); | |||
color: var(--vu-link) !important; | |||
font-weight: 700; | |||
text-align: center; | |||
text-decoration: none !important; | |||
transition: | |||
transform 0.15s ease, | |||
border-color 0.15s ease, | |||
box-shadow 0.15s ease; | |||
} | |||
.vu-browse-button a:hover { | |||
transform: translateY(-2px); | |||
border-color: var(--vu-link); | |||
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.11); | |||
} | |||
/* Guide and notice */ | |||
.vu-guide-grid { | |||
display: grid; | |||
grid-template-columns: minmax(0, 1.55fr) minmax(280px, 0.75fr); | |||
gap: 16px; | |||
margin-top: 27px; | |||
} | |||
.vu-guide { | |||
padding: 24px; | |||
border: 1px solid var(--vu-border); | |||
border-radius: 10px; | |||
background: var(--vu-surface); | |||
} | |||
.vu-guide h2 { | |||
margin-top: 0; | |||
} | |||
.vu-guide p { | |||
line-height: 1.63; | |||
} | |||
.vu-start-links, | |||
.vu-family-links { | |||
display: flex; | |||
flex-wrap: wrap; | |||
gap: 8px; | |||
margin: 15px 0; | |||
} | |||
.vu-start-link, | |||
.vu-family-link { | |||
display: inline-block; | |||
} | |||
.vu-start-link a, | |||
.vu-family-link a { | |||
display: inline-block; | |||
padding: 8px 12px; | |||
border: 1px solid var(--vu-border); | |||
border-radius: 6px; | |||
background: var(--vu-accent); | |||
color: var(--vu-link) !important; | |||
font-weight: 650; | |||
text-decoration: none !important; | |||
} | |||
.vu-start-link a:hover, | |||
.vu-family-link a:hover { | |||
border-color: var(--vu-link); | |||
text-decoration: underline !important; | |||
} | |||
.vu-notice { | |||
padding: 24px; | |||
border: 1px solid #ab7f2a; | |||
border-top: 5px solid #ab7f2a; | |||
border-radius: 10px; | |||
background: #fef6e7; | |||
} | |||
.vu-notice h2 { | |||
margin-top: 0; | |||
border-bottom-color: #ab7f2a; | |||
} | |||
.vu-notice p { | |||
line-height: 1.6; | |||
} | |||
/* Bottom panels */ | |||
.vu-bottom-grid { | |||
display: grid; | |||
grid-template-columns: repeat(2, minmax(0, 1fr)); | |||
gap: 16px; | |||
margin-top: 17px; | |||
} | |||
.vu-bottom-panel { | |||
padding: 23px; | |||
border: 1px solid var(--vu-border); | |||
border-radius: 10px; | |||
background: var(--vu-surface); | |||
} | |||
.vu-bottom-panel h2 { | |||
margin-top: 0; | |||
font-size: 1.35rem; | |||
} | |||
.vu-bottom-panel p { | |||
margin-bottom: 0; | |||
line-height: 1.62; | |||
} | |||
/* Dark mode */ | |||
html.skin-theme-clientpref-night .vu-main, | |||
body.skin-theme-clientpref-night .vu-main { | |||
--vu-border: #444444; | |||
--vu-text: #d0d0d0; | |||
--vu-muted: #a2a9b1; | |||
--vu-surface: #1e1e1e; | |||
--vu-accent: #252f42; | |||
--vu-link: #88ccff; | |||
} | |||
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: #444444; | |||
--vu-text: #d0d0d0; | |||
--vu-muted: #a2a9b1; | |||
--vu-surface: #1e1e1e; | |||
--vu-accent: #252f42; | |||
--vu-link: #88ccff; | |||
} | |||
html.skin-theme-clientpref-os .vu-notice { | |||
background: #332b1d; | |||
} | |||
} | |||
/* Responsive layout */ | |||
@media (max-width: 900px) { | |||
.vu-explore-grid, | |||
.vu-button-grid { | |||
grid-template-columns: repeat(2, minmax(0, 1fr)); | |||
} | |||
.vu-hero { | |||
grid-template-columns: minmax(0, 1fr) 190px; | |||
padding: 35px; | |||
} | |||
} | |||
@media (max-width: 700px) { | |||
.vu-hero { | |||
grid-template-columns: 1fr; | |||
padding: 29px 21px; | |||
text-align: center; | |||
} | |||
.vu-hero-logo { | |||
grid-row: 1; | |||
} | |||
.vu-hero-logo img { | |||
max-width: 165px; | |||
} | |||
.vu-action-row { | |||
justify-content: center; | |||
} | |||
.vu-guide-grid, | |||
.vu-bottom-grid { | |||
grid-template-columns: 1fr; | |||
} | |||
} | |||
@media (max-width: 520px) { | |||
.vu-explore-grid, | |||
.vu-button-grid { | |||
grid-template-columns: 1fr; | |||
} | |||
.vu-hero-title { | |||
font-size: 2.7rem; | |||
} | |||
.vu-action { | |||
display: block; | |||
width: 100%; | |||
} | |||
.vu-action a { | |||
display: block; | |||
text-align: center; | |||
} | |||
.vu-about, | |||
.vu-featured, | |||
.vu-browse, | |||
.vu-guide, | |||
.vu-notice, | |||
.vu-bottom-panel { | |||
padding: 19px; | |||
} | |||
} | |||
</style> | |||
</html> | |||
<div class="vu-main"> | |||
<div class="vu-hero"> | |||
<div class="vu-hero-copy"> | |||
<div class="vu-hero-title">Vrienden Universe</div> | |||
<div class="vu-hero-text"> | |||
Browse the people, places, organizations and events documented across the wiki. | |||
</div> | |||
<div class="vu-action-row"> | |||
<span class="vu-action">[[Timeline|Timeline]]</span> | |||
<span class="vu-action vu-action-secondary">[[Special:Random|Random page]]</span> | |||
<span class="vu-action vu-action-secondary">[[Special:AllPages|All pages]]</span> | |||
</div> | |||
</div> | |||
<div class="vu-hero-logo"> | |||
[[File:Vu-logo.png|220px|alt=Vrienden Universe logo|link=Main Page]] | |||
</div> | |||
</div> | |||
<div class="vu-about"> | |||
== About the wiki == | |||
The '''Vrienden Universe''' is an encyclopedia website that began in 2019 as '''[[De Lijers De Vrienden]]''', a project about [[De Vrienden]]. As the project grew, it expanded to document the wider history surrounding its original subjects. The site now contains hundreds of connected pages. | |||
The wiki follows one continuity. Articles are written so that dates, relationships, locations, organizations and events remain consistent across the site. | |||
The site covers people, families, countries, settlements, organizations and historical events. Internal links allow readers to move between related pages and follow how subjects developed across different periods. | |||
Hundreds of pages and several years of work have been put into the site. Its purpose is to preserve and organize the history and stories documented across the wiki. | |||
</div> | |||
== Explore == | == Explore == | ||
<div class="vu-explore-grid"> | |||
<div class="vu-explore-card"> | |||
<div class="vu-explore-title">[[Timeline|Timeline]]</div> | |||
<div class="vu-explore-text"> | |||
Follow events in chronological order and move between the historical periods covered by the wiki. | |||
</div> | |||
<span class="vu-card-button">[[Timeline|Open timeline]]</span> | |||
</div> | |||
<div class="vu-explore-card"> | |||
<div class="vu-explore-title">[[:Category:People|People]]</div> | |||
<div class="vu-explore-text"> | |||
Browse biographies and records of people from different countries, families, organizations and periods. | |||
</div> | |||
<span class="vu-card-button">[[:Category:People|Browse people]]</span> | |||
</div> | |||
<div class="vu-explore-card"> | |||
<div class="vu-explore-title">[[:Category:Locations|Locations]]</div> | |||
<div class="vu-explore-text"> | |||
Browse countries, cities, regions, settlements, buildings, rivers and other documented places. | |||
</div> | |||
<span class="vu-card-button">[[:Category:Locations|Browse locations]]</span> | |||
</div> | |||
<div class="vu-explore-card"> | |||
<div class="vu-explore-title">[[List of organizations|Organizations]]</div> | |||
<div class="vu-explore-text"> | |||
Find governments, companies, institutions, military structures, political groups and criminal organizations. | |||
</div> | |||
<span class="vu-card-button">[[List of organizations|Browse organizations]]</span> | |||
</div> | |||
<div class="vu-explore-card"> | |||
<div class="vu-explore-title">[[Factions|Factions]]</div> | |||
<div class="vu-explore-text"> | |||
Read about alliances, movements, rival groups and political powers documented across the wiki. | |||
</div> | |||
<span class="vu-card-button">[[Factions|Browse factions]]</span> | |||
</div> | |||
<div class="vu-explore-card"> | |||
<div class="vu-explore-title">[[Special:Categories|Categories]]</div> | |||
<div class="vu-explore-text"> | |||
Use the category index to browse subjects by type, location, organization, family or historical period. | |||
</div> | |||
<span class="vu-card-button">[[Special:Categories|Open categories]]</span> | |||
</div> | |||
</div> | |||
== Featured == | == Featured == | ||
<div class="vu-featured"> | |||
{{Featured box}} | {{Featured box}} | ||
</div> | |||
== Browse the wiki == | |||
<div class="vu-browse"> | |||
<div class="vu-browse-intro"> | |||
Use these pages to find new, recently edited or randomly selected articles. | |||
</div> | |||
<div class="vu-button-grid"> | |||
<span class="vu-browse-button">[[Special:AllPages|All pages]]</span> | |||
<span class="vu-browse-button">[[Special:Categories|All categories]]</span> | |||
<span class="vu-browse-button">[[Special:NewPages|New pages]]</span> | |||
<span class="vu-browse-button">[[Special:RecentChanges|Recent changes]]</span> | |||
<span class="vu-browse-button">[[Special:Random|Random page]]</span> | |||
<span class="vu-browse-button">[[Special:SpecialPages|Special pages]]</span> | |||
</div> | |||
</div> | |||
<div class="vu-guide-grid"> | |||
<div class="vu-guide"> | |||
== How to use this wiki == | |||
The wiki can be read by starting from a broad subject page and following the links inside its articles. Pages connect to related people, families, locations, organizations and events. | |||
<div class="vu-start-links"> | |||
<span class="vu-start-link">[[De Vrienden]]</span> | |||
<span class="vu-start-link">[[Timeline]]</span> | |||
<span class="vu-start-link">[[Factions]]</span> | |||
<span class="vu-start-link">[[List of organizations|Organizations]]</span> | |||
<span class="vu-start-link">[[:Category:People|People]]</span> | |||
<span class="vu-start-link">[[:Category:Locations|Locations]]</span> | |||
</div> | |||
[[De Vrienden]] is a useful starting point because the project originally focused on the group before expanding into the wider encyclopedia. The five principal family pages provide access to their members and histories. | |||
<div class="vu-family-links"> | |||
<span class="vu-family-link">[[Noord family]]</span> | |||
<span class="vu-family-link">[[Paap family]]</span> | |||
<span class="vu-family-link">[[Van Hetten family]]</span> | |||
<span class="vu-family-link">[[Hoos family]]</span> | |||
<span class="vu-family-link">[[Schroeter family]]</span> | |||
</div> | |||
Internal links show how information from one page relates to subjects documented elsewhere. | |||
</div> | |||
<div class="vu-notice"> | |||
== Content notice == | == Content notice == | ||
This wiki contains material intended for mature audiences. Some pages include graphic violence, abuse, exploitation and other disturbing subjects. | |||
The wiki is recommended for readers aged '''18 or older'''. Reader discretion is advised. | |||
See the [[Vrienden Universe:General disclaimer|Disclaimer]] for further information. | |||
</div> | |||
</div> | |||
<div class="vu-bottom-grid"> | |||
<div class="vu-bottom-panel"> | |||
== Community == | == Community == | ||
Pages explaining the purpose of the wiki and the contribution process are available through the community section. Many established pages are protected, while selected areas remain open to proposals that fit the existing history. | |||
See [[Vrienden Universe:Community|Community]] for further information. | |||
</div> | |||
<div class="vu-bottom-panel"> | |||
== Details == | == Details == | ||
For | |||
For information about the content, structure and scope of the site, see the [[Vrienden Universe:General disclaimer|Disclaimer]]. | |||
</div> | |||
</div> | |||
</div> | |||
[[Category:Vrienden Universe]] | [[Category:Vrienden Universe]] | ||
[[Category:Main pages]] | [[Category:Main pages]] | ||
[[Category:Wiki administration]] | [[Category:Wiki administration]] | ||
[[Category:Reference pages]] | [[Category:Reference pages]] | ||
Revision as of 12:11, 19 June 2026
Browse the people, places, organizations and events documented across the wiki.
About the wiki
The Vrienden Universe is an encyclopedia website that began in 2019 as De Lijers De Vrienden, a project about De Vrienden. As the project grew, it expanded to document the wider history surrounding its original subjects. The site now contains hundreds of connected pages.
The wiki follows one continuity. Articles are written so that dates, relationships, locations, organizations and events remain consistent across the site.
The site covers people, families, countries, settlements, organizations and historical events. Internal links allow readers to move between related pages and follow how subjects developed across different periods.
Hundreds of pages and several years of work have been put into the site. Its purpose is to preserve and organize the history and stories documented across the wiki.
Explore
Follow events in chronological order and move between the historical periods covered by the wiki.
Browse biographies and records of people from different countries, families, organizations and periods.
Browse countries, cities, regions, settlements, buildings, rivers and other documented places.
Find governments, companies, institutions, military structures, political groups and criminal organizations.
Read about alliances, movements, rival groups and political powers documented across the wiki.
Use the category index to browse subjects by type, location, organization, family or historical period.
Featured
Browse the wiki
Use these pages to find new, recently edited or randomly selected articles.
How to use this wiki
The wiki can be read by starting from a broad subject page and following the links inside its articles. Pages connect to related people, families, locations, organizations and events.
De Vrienden is a useful starting point because the project originally focused on the group before expanding into the wider encyclopedia. The five principal family pages provide access to their members and histories.
Internal links show how information from one page relates to subjects documented elsewhere.
Content notice
This wiki contains material intended for mature audiences. Some pages include graphic violence, abuse, exploitation and other disturbing subjects.
The wiki is recommended for readers aged 18 or older. Reader discretion is advised.
See the Disclaimer for further information.
Community
Pages explaining the purpose of the wiki and the contribution process are available through the community section. Many established pages are protected, while selected areas remain open to proposals that fit the existing history.
See Community for further information.
Details
For information about the content, structure and scope of the site, see the Disclaimer.