<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="description" content="Welcome to Estorica, a creative hub for storytelling and art.">
<meta name="keywords" content="Estorica, creative hub, storytelling, worldbuilding">
<meta name="author" content="Patrick Davis">
<link rel="stylesheet" href="/estorica_assets/fonts/MyFontsWebfontsKit.css">
<link rel="stylesheet" href="/estorica_assets/css/main.css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
<title>Estorica</title>
</head>
<body class="bg-fixed flex-column">
<!-- Hero Section -->
<section class="hero-section" style="background-image: url('/estorica_assets/images/hero-bg.jpg');">
<div>
<!-- =======================================================
Banner Section
======================================================= -->
<div class="logo">
<a class="site-title">
<span>E</span> <span>S</span> <span>T</span> <span>O</span> <span>R</span> <span>I</span> <span>C</span> <span>A</span>
</a>
<div class="sub-title">Presents</div>
</div>
<p>Aethelward - The Heart of the Multiverse</p>
<div class="cta-buttons">
<a href="#introduction-section" class="btn btn-primary">Learn More</a>
</div>
</div>
</section>
<!-- Introduction Section -->
<section id="introduction-section" class="content-image-section">
<h1 id="introduction-section" style="display:none;"> Progress Tracker</h1>
<!-- =======================================================
Highlights & Progress Widget Carousel
======================================================= -->
<section id="highlights-progress-carousel" class="content-section card">
<div class="section-content" style="
background-image: url('/estorica_assets/images/hero-bg2.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
">
<div class="carousel-container">
<!-- Carousel Slides -->
<div class="carousel-slide" id="whats-happening-now">
<h3>What’s Happening Now</h3>
<ul>
<!-- Content will be dynamically inserted here -->
</ul>
</div>
<div class="carousel-slide" id="highlight-reel-milestones">
<h3>Recent Milestones</h3>
<ul>
<!-- Content will be dynamically inserted here -->
</ul>
</div>
<div class="carousel-slide" id="mini-stretch-goal-tracker">
<h3>Stretch Goals</h3>
<ul>
<!-- Content will be dynamically inserted here -->
</ul>
</div>
</div>
<!-- Carousel Controls -->
<div class="carousel-controls">
<button id="carousel-prev">Previous</button>
<button id="carousel-next">Next</button>
</div>
</div>
</section>
</section>
<!-- =======================================================
Project Overview Section
======================================================= -->
<section id="struggle-section" class="content-section card">
<div class="section-content">
<h2 id="intro" >PROJECT: AETHEL</h2>
<p>
Estorica presents "Aethelward," a world where the fates of gods and mortals intertwine.
With no axial rotation, Aethelward is split into perpetual light and shadow, creating
extreme climates and unique ecosystems. The inhabitants, some bound to this world by
ancient Harvesters and others by choice, navigate the challenges of a timeless landscape
influenced by celestial bodies Luxanor and Sybil. Our platform combines deep lore, character
customization through a robust trait system, and opportunities for players to influence the
narrative. Estorica aspires to build a community for creative storytelling within this intricate
world, expanding from lore to interactive experiences.
</p>
</div>
</section>
<!-- =======================================================
Development Status Section
======================================================= -->
<section id="struggle-section" class="content-section card">
<div class="section-content">
<h2 id="Welcome">Welcome to Estorica</h2>
<p>
Once a vibrant fantasy roleplay forum, Estorica began as a home for original stories
and immersive worlds created by a passionate community. Over time, it evolved into
something more—a sanctuary for artists, writers, and world builders to collaborate,
create, and bring new ideas to life.
</p>
<p>
Today, Estorica is a creative haven where storytelling meets artistry. It serves as a
shared space for those who seek to explore original concepts, craft compelling narratives,
and contribute to imaginative worlds. Each project under the Estorica brand reflects the
dedication and creativity of our community, with the latest endeavor being Project Aethel,
set in the expansive world of Aethelward.
</p>
<p>
Whether you're here to write, draw, build, or simply explore, Estorica invites you to join
us in shaping worlds, telling stories, and creating art. Together, we carry forward the spirit
of collaboration and creativity that defines Estorica.
</p>
</div>
</section>
<script src="/estorica_assets/js/footer.js"></script>
<script src="/estorica_assets/js/smallscreenalert.js"></script>
<script src="/estorica_assets/js/menu-bar-scroll-to-top.js"></script>
<script src="/pages/Development/carousel.js"></script>
</body>
</html>