Main Page: Difference between revisions
No edit summary Tag: Reverted |
No edit summary |
||
| (15 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
{{MainPage styles}} |
|||
/* ======================================================================== |
|||
ERINDAL MAIN PAGE TEMPLATE STYLES - PHASE 4H |
|||
Template:MainPage/styles.css |
|||
MediaWiki 1.43 / TemplateStyles-safe subset |
|||
======================================================================== */ |
|||
__NOTOC__ |
|||
.ew-home, |
|||
__NOEDITSECTION__ |
|||
.ew-home * { |
|||
box-sizing: border-box; |
|||
} |
|||
<!-- ERINDAL WIKI MAIN PAGE - MediaWiki-safe markup --> |
|||
.ew-home { |
|||
<!-- Dedicated PageImages/OpenGraph image; intentionally hidden from the visual layout. --> |
|||
width: 100%; |
|||
<div style="display:none">[[File:Erindal Wiki Social.jpg|600px|link=]]</div> |
|||
max-width: none; |
|||
<div class="ew-home"> |
|||
margin: 0; |
|||
color: var(--ew-component-text, var(--ew-ink)); |
|||
background: var(--ew-component-canvas, var(--ew-paper)); |
|||
font-family: "Crimson Text", Georgia, serif; |
|||
} |
|||
<div class="ew-hero"> |
|||
.ew-home a { |
|||
<div class="ew-hero-image">[[File:Erindal_Mock_Hero_optimized.jpg|alt=An illustrated landscape of Erindal|link=|1600px]]</div> |
|||
text-decoration: none !important; |
|||
<div class="ew-hero-shade"></div> |
|||
} |
|||
<div class="ew-hero-copy"> |
|||
<div class="ew-hero-kicker">Welcome to</div> |
|||
<div class="ew-hero-title">Erindal Wiki</div> |
|||
<div class="ew-gold-rule"><span></span></div> |
|||
<p>A reference wiki for the nations, peoples, history,<br>religion, magic, places and characters<br>of the world of Erindal.</p> |
|||
</div> |
|||
</div> |
|||
<div class="ew-home-grid"> |
|||
.ew-hero { |
|||
position: relative; |
|||
height: clamp(278px, 18vw, 340px); |
|||
overflow: hidden; |
|||
background: #061019; |
|||
border-bottom: 2px solid rgba(91, 70, 44, .48); |
|||
} |
|||
<div class="ew-home-left"> |
|||
.ew-hero-image { |
|||
position: absolute; |
|||
inset: 0; |
|||
overflow: hidden; |
|||
} |
|||
<div class="ew-panel ew-overview"> |
|||
.ew-hero-image .mw-file-element, |
|||
<div class="ew-panel-copy"> |
|||
.ew-hero-image img { |
|||
<h2><span class="ew-heading-mark">✥</span> World Overview</h2> |
|||
display: block; |
|||
<p>Erindal is divided among continents, islands and many independent states. Eryndor lies in the west, while Thragmorn lies in the east. Both continents, along with the islands surrounding them, are home to their own nations, peoples and political powers. Governments, religions, economies, technology and attitudes toward magic differ considerably between them. Borders and relationships have changed through war, trade, migration, conquest and diplomacy, while much of Erindal's older history remains incomplete or disputed.</p> |
|||
width: 100% !important; |
|||
<div class="ew-readmore">[[World Map|View World Map →]]</div> |
|||
max-width: none !important; |
|||
</div> |
|||
height: 100% !important; |
|||
<div class="ew-map-image">[[File:Erindal World Map.png|alt=World map of Erindal|link=World Map|700px]]</div> |
|||
object-fit: cover; |
|||
</div> |
|||
} |
|||
<div class="ew-panel ew-categories-panel"> |
|||
.ew-hero-shade { |
|||
<h2>Browse by Category</h2> |
|||
position: absolute; |
|||
z-index: 1; |
|||
inset: 0; |
|||
background: linear-gradient( |
|||
90deg, |
|||
rgba(2, 7, 10, .94) 0%, |
|||
rgba(2, 7, 10, .78) 30%, |
|||
rgba(2, 7, 10, .30) 48%, |
|||
rgba(2, 7, 10, .08) 69%, |
|||
rgba(2, 7, 10, .14) 100% |
|||
); |
|||
} |
|||
<div class="ew-category-grid"> |
|||
.ew-hero-copy { |
|||
position: relative; |
|||
z-index: 2; |
|||
padding: 48px 0 0 55px; |
|||
color: #fffaf1; |
|||
text-shadow: 0 3px 4px rgba(0, 0, 0, .75); |
|||
} |
|||
<div class="ew-card"> |
|||
.ew-hero-kicker { |
|||
<span class="ew-card-icon">♜</span> |
|||
margin-bottom: 2px; |
|||
<div> |
|||
font-size: 22px; |
|||
<span class="ew-card-label">[[:Category:Nations and Realms|Nations & Realms]]</span> |
|||
letter-spacing: .04em; |
|||
<small>{{PAGESINCATEGORY:Nations and Realms|pages}} {{PLURAL:{{PAGESINCATEGORY:Nations and Realms|pages}}|article|articles}}</small> |
|||
text-transform: uppercase; |
|||
</div> |
|||
} |
|||
</div> |
|||
<div class="ew-card"> |
|||
.ew-hero-title { |
|||
<span class="ew-card-icon">♣</span> |
|||
color: #fffaf1; |
|||
<div> |
|||
font-size: 54px; |
|||
<span class="ew-card-label">[[:Category:Ancestries and Cultures|Ancestries & Cultures]]</span> |
|||
font-weight: 500; |
|||
<small>{{PAGESINCATEGORY:Ancestries and Cultures|pages}} {{PLURAL:{{PAGESINCATEGORY:Ancestries and Cultures|pages}}|article|articles}}</small> |
|||
line-height: 1.03; |
|||
</div> |
|||
letter-spacing: .045em; |
|||
</div> |
|||
text-transform: uppercase; |
|||
} |
|||
<div class="ew-card"> |
|||
.ew-gold-rule { |
|||
<span class="ew-card-icon">♟</span> |
|||
display: flex; |
|||
<div> |
|||
align-items: center; |
|||
<span class="ew-card-label">[[:Category:Characters|Characters]]</span> |
|||
height: 28px; |
|||
<small>{{PAGESINCATEGORY:Characters|pages}} {{PLURAL:{{PAGESINCATEGORY:Characters|pages}}|article|articles}}</small> |
|||
margin: 4px 0 8px; |
|||
</div> |
|||
} |
|||
</div> |
|||
<div class="ew-card"> |
|||
.ew-gold-rule::before { |
|||
<span class="ew-card-icon">⬟</span> |
|||
content: "✧"; |
|||
<div> |
|||
margin-right: 4px; |
|||
<span class="ew-card-label">[[:Category:Organizations|Organizations]]</span> |
|||
color: var(--ew-gold); |
|||
<small>{{PAGESINCATEGORY:Organizations|pages}} {{PLURAL:{{PAGESINCATEGORY:Organizations|pages}}|article|articles}}</small> |
|||
font-size: 17px; |
|||
</div> |
|||
} |
|||
</div> |
|||
<div class="ew-card"> |
|||
.ew-gold-rule span { |
|||
<span class="ew-card-icon ew-gold">☀</span> |
|||
display: block; |
|||
<div> |
|||
width: 68px; |
|||
<span class="ew-card-label">[[:Category:Religion and Deities|Religion & Deities]]</span> |
|||
height: 2px; |
|||
<small>{{PAGESINCATEGORY:Religion and Deities|pages}} {{PLURAL:{{PAGESINCATEGORY:Religion and Deities|pages}}|article|articles}}</small> |
|||
background: var(--ew-gold); |
|||
</div> |
|||
} |
|||
</div> |
|||
<div class="ew-card"> |
|||
.ew-hero-copy p { |
|||
<span class="ew-card-icon">▰</span> |
|||
margin: 0; |
|||
<div> |
|||
color: #fff7eb; |
|||
<span class="ew-card-label">[[:Category:Magic and Cosmology|Magic & Cosmology]]</span> |
|||
font-size: 16px; |
|||
<small>{{PAGESINCATEGORY:Magic and Cosmology|pages}} {{PLURAL:{{PAGESINCATEGORY:Magic and Cosmology|pages}}|article|articles}}</small> |
|||
line-height: 1.45; |
|||
</div> |
|||
} |
|||
</div> |
|||
<div class="ew-card"> |
|||
.ew-home-grid { |
|||
<span class="ew-card-icon">●</span> |
|||
display: grid; |
|||
<div> |
|||
grid-template-columns: minmax(0, 1fr) clamp(420px, 38%, 560px); |
|||
<span class="ew-card-label">[[:Category:Locations|Locations]]</span> |
|||
gap: 8px; |
|||
<small>{{PAGESINCATEGORY:Locations|pages}} {{PLURAL:{{PAGESINCATEGORY:Locations|pages}}|article|articles}}</small> |
|||
padding: 8px 10px 0; |
|||
</div> |
|||
background: var(--ew-component-canvas, #efe7d9); |
|||
</div> |
|||
} |
|||
<div class="ew-card"> |
|||
.ew-home-left, |
|||
<span class="ew-card-icon">⌛</span> |
|||
.ew-home-right { |
|||
<div> |
|||
min-width: 0; |
|||
<span class="ew-card-label">[[:Category:History and Timeline|History & Timeline]]</span> |
|||
} |
|||
<small>{{PAGESINCATEGORY:History and Timeline|pages}} {{PLURAL:{{PAGESINCATEGORY:History and Timeline|pages}}|article|articles}}</small> |
|||
</div> |
|||
</div> |
|||
<div class="ew-card"> |
|||
.ew-panel { |
|||
<span class="ew-card-icon">✣</span> |
|||
position: relative; |
|||
<div> |
|||
color: var(--ew-component-text, #171717); |
|||
<span class="ew-card-label">[[:Category:Family Lines|Family Lines]]</span> |
|||
border: 1px solid var(--ew-component-border, var(--ew-border)); |
|||
<small>{{PAGESINCATEGORY:Family Lines|pages}} {{PLURAL:{{PAGESINCATEGORY:Family Lines|pages}}|article|articles}}</small> |
|||
background-color: var(--ew-component-surface, var(--ew-paper-light)); |
|||
</div> |
|||
background-image: |
|||
</div> |
|||
linear-gradient( |
|||
180deg, |
|||
var(--ew-component-sheen, rgba(255, 255, 255, .36)), |
|||
rgba(255, 255, 255, .08) |
|||
), |
|||
repeating-linear-gradient( |
|||
45deg, |
|||
rgba(119, 91, 49, .018), |
|||
rgba(119, 91, 49, .018) 2px, |
|||
transparent 2px, |
|||
transparent 7px |
|||
); |
|||
box-shadow: |
|||
inset 0 0 0 2px var(--ew-component-sheen, rgba(255, 255, 255, .27)), |
|||
0 1px 2px var(--ew-component-shadow, rgba(0, 0, 0, .08)); |
|||
} |
|||
<div class="ew-strip">[[File:Erindal_Mock_Strip.png|alt=Panoramic landscape of Erindal|link=|900px]]</div> |
|||
.ew-panel::before, |
|||
.ew-panel::after { |
|||
content: ""; |
|||
position: absolute; |
|||
width: 13px; |
|||
height: 13px; |
|||
border-color: var(--ew-component-border, rgba(142, 116, 78, .32)); |
|||
border-style: solid; |
|||
pointer-events: none; |
|||
} |
|||
</div> |
|||
.ew-panel::before { |
|||
</div> |
|||
top: 5px; |
|||
</div> |
|||
left: 5px; |
|||
border-width: 1px 0 0 1px; |
|||
} |
|||
<div class="ew-home-right"> |
|||
.ew-panel::after { |
|||
top: 5px; |
|||
right: 5px; |
|||
border-width: 1px 1px 0 0; |
|||
} |
|||
<div class="ew-panel ew-featured"> |
|||
<h2><span>★</span> Featured Article</h2> |
|||
margin: 0 !important; |
|||
<div class="ew-feature-image">[[File:Erindal_Mock_Kurn_Daruhm.png|alt=Kurn Daruhm, the dwarven empire|link=Kurn Daruhm|700px]]</div> |
|||
padding: 0 !important; |
|||
<h3>[[Kurn Daruhm]]</h3> |
|||
color: var(--ew-component-heading, #111) !important; |
|||
<p>Kurn Daruhm is a dwarven empire ruled from Mal Darum. Forge and Hearth dwarves form most of its population, while mining, smithing, agriculture and clockwork engineering support much of its economy.</p> |
|||
border: 0 !important; |
|||
<div class="ew-readmore">[[Kurn Daruhm|Read more →]]</div> |
|||
font-size: 20px !important; |
|||
</div> |
|||
font-weight: 700; |
|||
line-height: 1.25 !important; |
|||
text-transform: uppercase; |
|||
} |
|||
<div class="ew-panel ew-recent"> |
|||
<h2><span>◴</span> Recent Changes</h2> |
|||
color: var(--ew-component-text, #171717); |
|||
<div id="ew-recent-list" class="ew-recent-list"> |
|||
font-size: 15.5px; |
|||
<div class="ew-recent-loading">Loading recent changes…</div> |
|||
line-height: 1.42; |
|||
</div> |
|||
} |
|||
<div class="ew-readmore">[[Special:RecentChanges|View all recent changes →]]</div> |
|||
</div> |
|||
</div> |
|||
.ew-overview { |
|||
</div> |
|||
display: grid; |
|||
grid-template-columns: minmax(0, 1fr) 42%; |
|||
min-height: 222px; |
|||
overflow: hidden; |
|||
} |
|||
<div class="ew-panel ew-important"> |
|||
<h2><span>▣</span> Important Pages</h2> |
|||
padding: 31px 24px 24px 39px; |
|||
<div class="ew-important-grid"> |
|||
} |
|||
<div>[[The Conclave]]<small>A secretive group of powerful individuals whose actions influence events across Erindal.</small></div> |
|||
<div>[[Order of the Holy Flame]]<small>A religious and martial order devoted to Aelithia and Galenar.</small></div> |
|||
<div>[[The Dominion]]<small>A theocratic power devoted to Solanar and the Pacts of Equilibrium.</small></div> |
|||
<div>[[Holy Kingdom of Alyren Shaeras|Alyren Shaeras]]<small>An elven kingdom whose politics are shaped by the Crown and its Great Houses.</small></div> |
|||
<div>[[Kurn Daruhm]]<small>A dwarven empire built around its holds, provinces, industry and old institutions.</small></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
.ew-heading-mark { |
|||
margin-right: 9px; |
|||
color: var(--ew-component-muted, #58605f); |
|||
font-size: 26px; |
|||
vertical-align: -2px; |
|||
} |
|||
.ew-map-image { |
|||
min-height: 210px; |
|||
overflow: hidden; |
|||
opacity: .80; |
|||
} |
|||
.ew-map-image .mw-file-element, |
|||
.ew-map-image img { |
|||
display: block; |
|||
width: 100% !important; |
|||
max-width: none !important; |
|||
height: 100% !important; |
|||
object-fit: cover; |
|||
mix-blend-mode: multiply; |
|||
} |
|||
.ew-categories-panel { |
|||
min-height: 337px; |
|||
margin-top: 8px; |
|||
padding: 20px 18px 18px; |
|||
} |
|||
.ew-category-grid { |
|||
display: grid; |
|||
grid-template-columns: repeat(4, minmax(0, 1fr)); |
|||
gap: 3px; |
|||
margin-top: 12px; |
|||
} |
|||
.ew-card { |
|||
display: flex; |
|||
align-items: center; |
|||
gap: 12px; |
|||
min-height: 75px; |
|||
padding: 12px 13px; |
|||
cursor: pointer; |
|||
border: 1px solid var(--ew-component-border, rgba(118, 93, 58, .25)); |
|||
background: var(--ew-component-card, rgba(250, 246, 238, .72)); |
|||
box-shadow: inset 0 0 0 1px var(--ew-component-sheen, rgba(255, 255, 255, .28)); |
|||
} |
|||
.ew-card-icon { |
|||
flex: 0 0 auto; |
|||
width: 42px; |
|||
color: var(--ew-component-muted, #454847); |
|||
font-size: 30px; |
|||
line-height: 1; |
|||
text-align: center; |
|||
} |
|||
.ew-card-icon.ew-gold { |
|||
color: #ba7e12; |
|||
} |
|||
.ew-card a, |
|||
.ew-card-label { |
|||
display: block; |
|||
color: var(--ew-component-heading, #151515) !important; |
|||
font-family: "Alegreya", Georgia, serif !important; |
|||
font-size: 14px !important; |
|||
font-weight: 700; |
|||
line-height: 1.2 !important; |
|||
letter-spacing: .01em !important; |
|||
text-transform: none !important; |
|||
} |
|||
.ew-card:hover { |
|||
border-color: var(--ew-component-accent, rgba(153, 111, 52, .48)); |
|||
background: var(--ew-component-card-hover, rgba(255, 250, 240, .96)); |
|||
} |
|||
.ew-card:focus { |
|||
outline: 2px solid var(--ew-gold); |
|||
outline-offset: -3px; |
|||
} |
|||
.ew-card small { |
|||
display: block; |
|||
margin-top: 7px; |
|||
color: var(--ew-component-muted, #2d2b27); |
|||
font-size: 12px; |
|||
} |
|||
.ew-strip { |
|||
grid-column: span 3; |
|||
min-height: 75px; |
|||
overflow: hidden; |
|||
border: 1px solid var(--ew-component-border, rgba(118, 93, 58, .25)); |
|||
} |
|||
.ew-strip .mw-file-element, |
|||
.ew-strip img { |
|||
display: block; |
|||
width: 100% !important; |
|||
max-width: none !important; |
|||
height: 100% !important; |
|||
object-fit: cover; |
|||
filter: sepia(.16) saturate(.78) brightness(1.04); |
|||
} |
|||
.ew-home-right .ew-panel { |
|||
margin-bottom: 8px; |
|||
} |
|||
.ew-featured { |
|||
padding: 19px 18px 18px; |
|||
} |
|||
.ew-featured h2 { |
|||
display: flex; |
|||
align-items: center; |
|||
gap: 12px; |
|||
margin-bottom: 12px !important; |
|||
} |
|||
.ew-featured h2 span { |
|||
color: var(--ew-component-muted, #5d6260); |
|||
font-size: 23px; |
|||
} |
|||
.ew-feature-image { |
|||
height: 145px; |
|||
margin-bottom: 9px; |
|||
overflow: hidden; |
|||
border: 1px solid var(--ew-component-border, rgba(65, 47, 27, .35)); |
|||
} |
|||
.ew-feature-image .mw-file-element, |
|||
.ew-feature-image img { |
|||
display: block; |
|||
width: 100% !important; |
|||
max-width: none !important; |
|||
height: 100% !important; |
|||
object-fit: cover; |
|||
} |
|||
.ew-featured h3 { |
|||
margin: 0 0 5px !important; |
|||
padding: 0 !important; |
|||
color: var(--ew-component-heading, #111) !important; |
|||
border: 0 !important; |
|||
font-size: 20px !important; |
|||
font-weight: 500; |
|||
text-transform: uppercase; |
|||
} |
|||
.ew-featured p { |
|||
margin: 0; |
|||
font-size: 15px; |
|||
line-height: 1.3; |
|||
} |
|||
.ew-readmore { |
|||
margin-top: 9px; |
|||
font-size: 14px; |
|||
} |
|||
.ew-readmore a { |
|||
color: var(--ew-component-link, #073d67) !important; |
|||
} |
|||
.ew-recent { |
|||
min-height: 246px; |
|||
padding: 15px 17px; |
|||
} |
|||
.ew-recent h2 { |
|||
display: flex; |
|||
align-items: center; |
|||
gap: 8px; |
|||
margin-bottom: 12px !important; |
|||
font-size: 16px !important; |
|||
} |
|||
.ew-recent-row { |
|||
display: grid; |
|||
grid-template-columns: 32px minmax(0, 1fr); |
|||
gap: 9px; |
|||
align-items: center; |
|||
margin: 6px 0; |
|||
} |
|||
.ew-recent-icon { |
|||
display: grid; |
|||
place-items: center; |
|||
width: 32px; |
|||
height: 32px; |
|||
color: #eee9dd; |
|||
border: 1px solid rgba(100, 78, 45, .48); |
|||
background: #1a2228; |
|||
font-size: 12px; |
|||
} |
|||
.ew-recent-row a { |
|||
color: var(--ew-component-link, #073d67) !important; |
|||
font-size: 13.5px; |
|||
line-height: 1.1; |
|||
} |
|||
.ew-recent-row small { |
|||
display: block; |
|||
margin-top: 2px; |
|||
color: var(--ew-component-muted, #4c4842); |
|||
font-size: 11.5px; |
|||
} |
|||
.ew-recent-loading { |
|||
padding: 8px 0; |
|||
color: var(--ew-component-muted, #5b554c); |
|||
font-size: 13px; |
|||
} |
|||
.ew-important { |
|||
margin: 6px 10px 10px; |
|||
padding: 14px 26px 16px; |
|||
} |
|||
.ew-important h2 { |
|||
margin-bottom: 12px !important; |
|||
font-size: 15px !important; |
|||
} |
|||
.ew-important h2 span { |
|||
margin-right: 8px; |
|||
color: var(--ew-component-muted, #676b68); |
|||
} |
|||
.ew-important-grid { |
|||
display: grid; |
|||
grid-template-columns: repeat(5, minmax(0, 1fr)); |
|||
gap: 22px; |
|||
} |
|||
.ew-important-grid a { |
|||
color: var(--ew-component-link, #073d67) !important; |
|||
font-size: 14px; |
|||
} |
|||
.ew-important-grid small { |
|||
display: block; |
|||
margin-top: 4px; |
|||
color: var(--ew-component-text, #171717); |
|||
font-size: 12px; |
|||
line-height: 1.28; |
|||
} |
|||
@media (max-width: 1180px) { |
|||
.ew-home-grid { |
|||
grid-template-columns: 1fr; |
|||
} |
|||
.ew-home-right { |
|||
display: grid; |
|||
grid-template-columns: 1fr 1fr; |
|||
gap: 8px; |
|||
} |
|||
.ew-home-right .ew-panel { |
|||
margin-bottom: 0; |
|||
} |
|||
} |
|||
@media (max-width: 900px) { |
|||
.ew-category-grid { |
|||
grid-template-columns: repeat(2, minmax(0, 1fr)); |
|||
} |
|||
.ew-strip { |
|||
grid-column: span 2; |
|||
} |
|||
.ew-important-grid { |
|||
grid-template-columns: repeat(2, minmax(0, 1fr)); |
|||
} |
|||
} |
|||
@media (max-width: 700px) { |
|||
.ew-overview { |
|||
grid-template-columns: 1fr; |
|||
} |
|||
.ew-map-image { |
|||
display: none; |
|||
} |
|||
.ew-home-right, |
|||
.ew-category-grid, |
|||
.ew-important-grid { |
|||
grid-template-columns: 1fr; |
|||
} |
|||
.ew-strip { |
|||
grid-column: span 1; |
|||
} |
|||
.ew-hero-copy { |
|||
padding-left: 26px; |
|||
} |
|||
.ew-hero-title { |
|||
font-size: 40px; |
|||
} |
|||
} |
|||
/* Parser/file-wrapper cleanup limited to the homepage content itself. */ |
|||
.ew-home p { |
|||
margin-top: 0; |
|||
} |
|||
.ew-home .mw-default-size, |
|||
.ew-home figure { |
|||
max-width: none !important; |
|||
margin: 0 !important; |
|||
padding: 0 !important; |
|||
} |
|||
.ew-home figure > a { |
|||
display: block !important; |
|||
width: 100% !important; |
|||
height: 100% !important; |
|||
} |
|||
Latest revision as of 01:22, 18 September 2026

A reference wiki for the nations, peoples, history,
religion, magic, places and characters
of the world of Erindal.
✥ World Overview
Erindal is divided among continents, islands and many independent states. Eryndor lies in the west, while Thragmorn lies in the east. Both continents, along with the islands surrounding them, are home to their own nations, peoples and political powers. Governments, religions, economies, technology and attitudes toward magic differ considerably between them. Borders and relationships have changed through war, trade, migration, conquest and diplomacy, while much of Erindal's older history remains incomplete or disputed.
Browse by Category
Nations & Realms 7 articles
Ancestries & Cultures 0 articles
Characters 1 article
Organizations 1 article
Religion & Deities 3 articles
Magic & Cosmology 2 articles
Locations 6 articles
History & Timeline 3 articles
Family Lines 0 articles

★ Featured Article
Kurn Daruhm
Kurn Daruhm is a dwarven empire ruled from Mal Darum. Forge and Hearth dwarves form most of its population, while mining, smithing, agriculture and clockwork engineering support much of its economy.
