Main Page: Difference between revisions

From HUIJIA FUN
← Older edit
VisualWikitext
m Edit
New main page design
 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{Theme-HJ}}__NOTOC__
<html><style>
<html><style>
.mini-block-portfolio {
/* HUIJIA FUN Main Page (English): table-of-contents layout
  position: relative;
* Mirrors huijia.fun 首页. Reads only Theme-HJ tokens; no shadows; hover uses colour, accent rule and arrow shift. */
  background: linear-gradient(105deg, rgba(150,150,130,0.2), rgba(0,0,0,0), rgba(0,0,0,0)) !important;
 
  box-shadow: 0 4px 18px rgba(2,95,50,0.22);
h1.firstHeading {
  transform: scale(1.015);
    position: absolute !important;
  transition: transform .18s ease, box-shadow .18s ease;
    width: 1px; height: 1px;
  z-index: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    margin: 0 !important; padding: 0 !important;
}
 
.hf-home { max-width: 920px; margin: 0 auto; }
.hf-home .hf-toc > p, .hf-home .hf-start > p { display: none; }
 
/* —— Masthead —— */
.hf-mast {
    text-align: center;
    padding: var(--space-8) var(--space-4) var(--space-6);
    margin-bottom: var(--space-8);
    border-bottom: 1px solid var(--rule);
}
.hf-mast-name {
    font-family: var(--font-latin);
    font-size: 44px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.24em;
    padding-left: 0.24em;
    color: var(--accent);
}
.hf-mast-line {
    font-family: var(--font-serif);
    font-size: 17px;
    letter-spacing: 0.02em;
    color: var(--ink);
    margin-top: var(--space-2);
}
}
.mini-block-portfolio:hover {
.hf-mast-meta {
  transform: scale(1.03);
    font-family: var(--font-sans);
  box-shadow: 0 8px 28px rgba(2,95,50,0.32);
    font-size: 13px;
    letter-spacing: 0.08em;
    color: var(--ink-muted);
    margin-top: var(--space-3);
}
}
.hf-mast-meta .hf-dot { margin: 0 var(--space-2); }


.mini-block-portfolio .mini-block-fulllink {
/* —— Contents: area rows —— */
  position: absolute;
.hf-toc {
  inset: 0;
    border-top: 2px solid var(--accent);
  z-index: 1;
    margin-bottom: var(--space-8);
  margin: 0;
}
}
.mini-block-portfolio .mini-block-fulllink a {
.hf-zone-block { border-bottom: 1px solid var(--rule); }
  display: block;
 
  width: 100%;
.hf-row {
  height: 100%;
    position: relative;
  font-size: 0;
    display: grid;
  text-indent: -9999px;
    grid-template-columns: 3.5em minmax(0, 1fr) 2em;
    gap: var(--space-4);
    align-items: center;
    padding: var(--space-4) var(--space-2);
    transition: background-color 0.2s ease;
}
.hf-row::before {
    content: "";
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 3px;
    background: var(--accent);
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 0.25s ease;
}
.hf-row:hover,
.hf-row:focus-within { background-color: var(--accent-tint); }
.hf-row:hover::before,
.hf-row:focus-within::before { transform: scaleY(1); }
 
.hf-num {
    font-family: var(--font-latin);
    font-size: 24px;
    font-weight: 600;
    color: var(--ink-muted);
    text-align: center;
    transition: color 0.2s ease;
}
}
.hf-row:hover .hf-num,
.hf-row:focus-within .hf-num { color: var(--accent); }


.mini-block-portfolio .mini-block-title,
.hf-zone {
.mini-block-portfolio .mdui-ripple {
    font-family: var(--font-serif);
  position: relative;
    font-size: 22px;
  z-index: 2;
    font-weight: 600;
}
}
.mini-block-watermark {
.hf-zone a { color: var(--ink) !important; }
  font-size: 50px;
.hf-zone a::after {
  font-weight: 200;
    content: "";
  text-align: right;
    position: absolute;
  height: 0;
    inset: 0;
  margin-bottom: 0;
    z-index: 1;
  user-select: none;
  pointer-events: none;
}
}
.mini-block-portfolio .mini-block-watermark {
.hf-alt {
  opacity: 0.55;
    font-family: var(--font-serif);
    font-size: 14px;
    letter-spacing: 0.12em;
    color: var(--ink-muted);
    margin-left: var(--space-2);
}
}
 
.hf-desc {
.mini-block-canon {
    display: block;
  position: relative;
    font-family: var(--font-body);
  background: linear-gradient(105deg, rgba(150,150,130,0.2), rgba(0,0,0,0), rgba(0,0,0,0)) !important;
    font-size: 15px;
  box-shadow: 0 4px 18px rgba(2,95,50,0.22);
    line-height: 1.7;
  transform: scale(1.015);
    color: var(--ink-muted);
  transition: transform .18s ease, box-shadow .18s ease;
    margin-top: 2px;
  z-index: 0;
}
}
.mini-block-canon:hover {
.hf-arrow {
  transform: scale(1.03);
    font-family: var(--font-sans);
  box-shadow: 0 8px 28px rgba(2,95,50,0.32);
    font-size: 20px;
    color: var(--ink-muted);
    transition: transform 0.25s ease, color 0.2s ease;
}
}
.hf-row:hover .hf-arrow,
.hf-row:focus-within .hf-arrow { transform: translateX(6px); color: var(--accent); }


.mini-block-canon .mini-block-fulllink {
/* —— Sub-areas: one button per line —— */
  position: absolute;
.hf-home ul.hf-subs {
  inset: 0;
    list-style: none;
  z-index: 1;
    display: grid;
  margin: 0;
    gap: var(--space-1);
    margin: 0 0 var(--space-4);
    padding: 0 var(--space-2) 0 calc(3.5em + var(--space-4) + var(--space-2));
}
}
.mini-block-canon .mini-block-fulllink a {
.hf-home ul.hf-subs li {
  display: block;
    list-style: none;
  width: 100%;
    margin: 0;
  height: 100%;
    padding: 0;
  font-size: 0;
    border-radius: var(--radius-sm);
  text-indent: -9999px;
    transition: background-color 0.4s cubic-bezier(0.22, 0.58, 0.12, 0.98);
}
}
 
.hf-home ul.hf-subs li a {
.mini-block-canon .mini-block-title,
    position: relative;
.mini-block-canon .mdui-ripple {
    display: flex;
  position: relative;
    justify-content: space-between;
  z-index: 2;
    align-items: center;
    padding: 10px 14px 10px 16px;
    font-family: var(--font-serif);
    font-size: 17px;
    letter-spacing: 0.04em;
    color: var(--ink) !important;
    text-decoration: none !important;
    transition: color 0.2s ease;
}
}
.mini-block-watermark {
/* short accent rule on the left */
  font-size: 50px;
.hf-home ul.hf-subs li a::before {
  font-weight: 200;
    content: "";
  text-align: right;
    position: absolute;
  height: 0;
    left: 0; top: 8px; bottom: 8px;
  margin-bottom: 0;
    width: 2px;
  user-select: none;
    background: var(--accent);
  pointer-events: none;
    transform: scaleY(0);
    transition: transform 0.25s ease;
}
}
.mini-block-canon .mini-block-watermark {
/* arrow on the right (hidden from screen readers) */
  opacity: 0.55;
.hf-home ul.hf-subs li a::after {
    content: "→";
    content: "→" / "";
    font-family: var(--font-sans);
    font-size: 15px;
    color: var(--ink-muted);
    transition: transform 0.25s ease, color 0.2s ease;
}
}
</style></html>
.hf-home ul.hf-subs li:hover,
{{Theme-HJ}}
.hf-home ul.hf-subs li:focus-within { background-color: var(--accent-tint); }
<div style="font-size: 26px;margin-top: 6px;text-align: center;">'''Welcome to「HUIJIA FUN - Rooted in Huijia School」'''</div>
.hf-home ul.hf-subs li:active { background-color: var(--rule); }
<div style="font-size: 18px;margin-bottom: 6px;text-align: center;">''The Parallel Universe Rooted in [[Beijing Huijia Private School|Huijia Academy]]'' - A Gesamtkunstwerk Work by [[Marina Malinti]]</div>
.hf-home ul.hf-subs li:hover a,
<div style="font-family:Huiwen;text-align: center;">TIP: THE ENGLISH BRANCH WEBSITE IS STILL UNDER THE BASIC CONSTRUCTION. PLEASE FORGIVE THE LOW COMPLETION RATE.<br>· Chinese Branch: https://huijia.fun</div>
.hf-home ul.hf-subs li:focus-within a { color: var(--accent) !important; }
<br>
.hf-home ul.hf-subs li:hover a::before,
<div class="mini-block">
.hf-home ul.hf-subs li:focus-within a::before { transform: scaleY(1); }
<tabber>
.hf-home ul.hf-subs li:hover a::after,
|-|Website Information=
.hf-home ul.hf-subs li:focus-within a::after { transform: translateX(4px); color: var(--accent); }
<br>
[[File:HUIJIA LOGO.png|150px|frameless|right]]
<span class="mini-block-title">Welcome to HUIJIA FUN</span>


HUIJIA FUN began as a fan wiki dedicated to Beijing Huijia Private School and has since grown into something more. Today it serves as the '''official archive and Intellectual Property''' of [[Marina Malinti]] built upon the culture of Huijia as its spiritual origin and also get recognized by Huijia's principal.
/* —— Start here —— */
.hf-start {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--space-2) var(--space-4);
    padding: var(--space-3) var(--space-4);
    margin-bottom: var(--space-8);
    background: var(--paper-sunk);
    border-left: 3px solid var(--accent);
    font-family: var(--font-sans);
    font-size: 15px;
}
.hf-start-label {
    font-family: var(--font-serif);
    font-weight: 600;
    color: var(--ink);
}


Whatever, This site is home to the '''[[Verdant Green Revelation]]''': A Gesamtkunstwerk (Total Art) IP encompassing novel series, music albums, constructed language [[Pre-Diphic]], OtoMAD works and even a speculative worldview rooted in Huijia Academy.
/* —— Footer —— */
.hf-foot {
    margin-top: var(--space-8);
    padding-top: var(--space-4);
    border-top: 1px solid var(--rule);
    font-family: var(--font-sans);
    font-size: 13px;
    line-height: 1.9;
    color: var(--ink-muted);
}


This website is '''non-profit''' '''non-advertisement''' and '''non-membership'''. It is largely created and maintained by [[Marina Malinti]] on behalf of the [[User:PlurimodSU|Plurimod Student Union]]. For questions or consultation please contact me directly through: a@huijia.fun
/* —— Keyboard focus —— */
.hf-zone a:focus-visible { outline: none; }
.hf-row:has(a:focus-visible) { outline: 2px solid var(--focus); outline-offset: 2px; }


|-|Create a Page=
/* —— Mobile —— */
<br>
@media screen and (max-width: 850px) {
<div style="text-align:center"> '''Remember! This website is publicly accessible on the internet!'''
    .hf-mast-name { font-size: 32px; letter-spacing: 0.14em; padding-left: 0.14em; }
    .hf-row { grid-template-columns: 2.5em minmax(0, 1fr) 1.5em; }
    .hf-home ul.hf-subs { padding-left: calc(2.5em + var(--space-4) + var(--space-2)); }
}


I fully support and actively encourage fan editing. To ensure resource reliability information neutrality and compliance with the '''Creative Commons''' license and copyright, please make sure you have read the [[Guideline]] and understand the community and editing rules. Before writing a page, please be aware that this site follows the '''CC BY-SA''' license and maintains relatively rigorous content standards.
/* —— Reduced motion —— */
 
@media (prefers-reduced-motion: reduce) {
Ready? Create a page through the section below!
    .hf-home *, .hf-home *::before, .hf-home *::after { transition: none !important; }
{{#createpage:}}
    .hf-row:hover .hf-arrow,
</div>
    .hf-home ul.hf-subs li:hover a::after { transform: none; }
</tabber>
}
</div>
</style></html>
----
<div class="hf-home">
<div class="mini-block-container mini-block-list">
<div class="hf-mast">
<div class="mini-block mini-block-canon" style="border-left: 4px solid #025F32;">
<div class="hf-mast-name">HUIJIA FUN</div>
<div class="mini-block-fulllink">[[Canon Area]]</div>
<div class="hf-mast-line">Portfolio and archive of ''[[Verdant Green Revelation]]''</div>
<div class="mini-block-watermark" style="color: #f1f1f1;">Canon</div>
<div class="hf-mast-meta plainlinks">Rooted in [[Beijing Huijia Private School|Huijia Academy]]<span class="hf-dot">·</span>Chinese Branch: [https://huijia.fun huijia.fun]</div>
<br>
<center>
<div style="font-family: 'Noto Serif SC', serif; margin: 1.6em 1em 1.2em;">
<div style="font-size: 28px; font-weight: 600; letter-spacing: 0.06em; color: #025F32; text-shadow: 0 1px 3px rgba(2,95,50,0.15);">墨绿色的启示录</div>
<div style="font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase; color: #8fa896; margin-top: 4px;">Verdant Green Revelation</div>
<div style="font-size: 15px; opacity: 0.75; margin-top: 0.8em; font-style: italic;">VGR Portfolio：Everything is still unfolding</div>
</div>
</center>
</div>
<div class="mini-block">
<div class="mini-block-watermark" style="color: #f1f1f1;">Worldview</div>
<span class="mini-block-title">[[Worldview Area]]</span>
 
''The fictional universe of VGR - myths, mankind, and canons.''
<li class="mdui-ripple">[[:Category:Mythos|Mythos]]</li>
<li class="mdui-ripple">[[:Category:Entity|Entity]]</li>
<li class="mdui-ripple">[[:Category:Cosmology|Cosmology]]</li>
</div>
<div class="mini-block">
<div class="mini-block-watermark" style="color: #f1f1f1;">Archive</div>
<span class="mini-block-title">[[Archive Area]]</span>
 
''The real Huijia - documents, footage, and the origin of it all.''
<li class="mdui-ripple">[[:Category:Record|Record]]</li>
<li class="mdui-ripple">[[:Category:Origin|Origin]]</li>
<li class="mdui-ripple">[[:Category:Tangent|Tangent]]</li>
</div>
</div>
<div class="hf-toc">
<div class="hf-zone-block">
<div class="hf-row"><div class="hf-num">I</div><div><span class="hf-zone">[[Canon Area]]</span><span class="hf-desc">The creative works of ''Verdant Green Revelation''</span></div><span class="hf-arrow" aria-hidden="true">→</span></div>
</div>
</div>
<div class="mini-block-container mini-block-list">
<div class="hf-zone-block">
<div class="mini-block">
<div class="hf-row"><div class="hf-num">II</div><div><span class="hf-zone">[[Worldview Area]]</span><span class="hf-desc">An encyclopedia of the world of Dipfield City</span></div><span class="hf-arrow" aria-hidden="true">→</span></div>
<big>Quick Guide</big>
<ul class="hf-subs">
 
<li>[[:Category:Mythology|Mythology]]</li>
''[[Quick Guide|Click here to jump to the Quick Guide]]''.
<li>[[:Category:Entity|Entity]]</li>
 
<li>[[:Category:Cosmology|Cosmology]]</li>
Welcome - whether you arrived from [[Dipfield City]] or the Eartho.
</ul>
 
HUIJIA FUN is the web centers on the Gesamtkunstwerk IP [[Verdant Green Revelation]], derived from the culture of [[Beijing Huijia Private School|Huijia Academy]]. It's organized into three areas. The '''[[Portfolio Area]]''' collects the creative output: novels, music albums and more - if it was made, it lives here. The '''[[Worldview Area]]''' documents the fictional universe: its myths ('''Mythos''') groups and places ('''Entity''') and canonical settings ('''Lore'''). The '''[[Archive Area]]''' preserves the real Huijia: historical documents ('''Record''') original footage and campus materials ('''Origin''') and other derivative works ('''Tangent''').
 
The real Huijia Academy is the root. The VGR universe is what grew from it.
</div>
</div>
<div class="mini-block">
<div class="hf-zone-block">
<big>Side Guide</big>
<div class="hf-row"><div class="hf-num">III</div><div><span class="hf-zone">[[Archive Area]]</span><span class="hf-desc">The real Huijia Academy</span></div><span class="hf-arrow" aria-hidden="true">→</span></div>
 
<ul class="hf-subs">
[[Portfolio Area|'''''I want to explore the creative works of Verdant Green Revelation!''''']]
<li>[[:Category:Record|Record]]</li>
 
<li>[[:Category:Origin|Origin]]</li>
[[:Category:Novel|''I want to read the '''VGR novel series'''!'']]
<li>[[:Category:Tangent|Tangent]]</li>
 
</ul>
[[:Category:Album|''I want to listen to the '''Green Revelation''' music albums!'']]
 
[[:Category:OtoMAD|''I want to watch the '''DipfieldMAD''' works!'']]
 
[[Worldview Area|''What is the '''VGR or Huijia Worldview''' - where do I start?'']]
 
[[Trinitarian Laws of Huashael Practice|''What is the most iconic church with the mysterious ''' hexagrams'''?'']]
 
[[Wang Zhize|''Who is the '''actual founder and absolute origin''' of Huijia Group?'']]
 
[[Color Code|''How can I '''design''' like Huijia and Plurimod? (Color Code)'']]
</div>
</div>
</div>
</div>
<div class="mini-block-container mini-block-list">
<div class="hf-start"><span class="hf-start-label">First time here?</span>[[Verdant Green Revelation|About the series]] [[Quick Guide]] [[Guidelines]]</div>
<div class="mini-block">
<big>Guidelines</big>


''[[Guidelines|Click here to jump to the Guidelines]]''.
== About this site ==
HUIJIA FUN began as a playful student wiki centred on [[Beijing Huijia Private School|Huijia Academy]]. Today it is the portfolio and archive of [[Marina Malinti]], and the home of ''[[Verdant Green Revelation]]'': a Gesamtkunstwerk (total artwork) series spanning novels, music albums, the constructed language [[Pre-Diphic]], and a world rooted in Huijia Academy.


It's not a big deal temporarily but I do believe this is necessary. To foster a harmonious non-harassment community environment we have established the following rules.
The site is non-profit, ad-free and membership-free. It is maintained by [[Marina Malinti]] on behalf of the [[User:PlurimodSU|Plurimod Student Union]], and its content is published under CC BY-SA.
</div>
<div class="mini-block">
<big>Special Thanks & Tributes</big>


Thanks to these previous tributers:
Before collaborating, please read the [[Guidelines]].
<br>
<div class="hf-foot">
[https://huijia.fandom.com/zh/wiki/User:LastW!sh LastW!sh] and [https://huijia.fandom.com/zh/wiki/User:Trooperr9863625badun Trooperr9863625badun] for writing the text for this wiki;
Contact: a@huijia.fun<br>
<br>
Thanks to: LastW!sh and Trooperr9863625badun (writing), Akatsuki0702 (framework), Bululu and JohnDing (world-building), 1S0d1uM1 and Hewu888 (articles)
[https://huijia.fandom.com/zh/wiki/User:Akatsuki0702 Akatsuki0702] for planning the framework of this wiki;
<br>
[https://huijia.fandom.com/zh/wiki/User:YunxinBululu.Li YunxinBululu.Li] and [https://huijia.fandom.com/zh/wiki/User:JohnDing2023 JohnDing] for refining the world-building;
<br>
[https://huijia.fandom.com/zh/wiki/User:1S0d1uM1 1S0d1uM1] and [https://huijia.fandom.com/zh/wiki/User:Hewu888 Hewu888] for contributing articles.
</div>
</div>
</div>
</div>
[[Category:Hub]]
[[Category:Hub]]

Latest revision as of 22:52, 5 October 2026

HUIJIA FUN
Portfolio and archive of Verdant Green Revelation
Rooted in Huijia Academy·Chinese Branch: huijia.fun
I
Canon AreaThe creative works of Verdant Green Revelation
II
Worldview AreaAn encyclopedia of the world of Dipfield City
III
Archive AreaThe real Huijia Academy
First time here?About the series Quick Guide Guidelines

About this site

HUIJIA FUN began as a playful student wiki centred on Huijia Academy. Today it is the portfolio and archive of Marina Malinti, and the home of Verdant Green Revelation: a Gesamtkunstwerk (total artwork) series spanning novels, music albums, the constructed language Pre-Diphic, and a world rooted in Huijia Academy.

The site is non-profit, ad-free and membership-free. It is maintained by Marina Malinti on behalf of the Plurimod Student Union, and its content is published under CC BY-SA.

Before collaborating, please read the Guidelines.

Contact: [email protected]
Thanks to: LastW!sh and Trooperr9863625badun (writing), Akatsuki0702 (framework), Bululu and JohnDing (world-building), 1S0d1uM1 and Hewu888 (articles)

Retrieved from "https://en.huijia.fun/index.php?title=Main_Page&oldid=180"