First Commit

themes/default/views/index.twig

@@ -0,0 +1,33 @@
+{% extends 'layouts/base.twig' %}
+
+{% block title %}Bem-vindo ao {{ platformName }} - {{ parent() }}{% endblock %}
+
+{% block content %}
+<div class="p-5 mb-4 bg-light rounded-3 shadow-sm border">
+    <div class="container-fluid py-5 text-center">
+        <h1 class="display-5 fw-bold">{{ platformName }} - Tema Padrão</h1>
+        <p class="col-md-8 fs-4 mx-auto">Este é o tema padrão do sistema {{ platformName }}. Você pode personalizá-lo criando um novo tema na pasta <code>/themes</code>.</p>
+        <div class="d-grid gap-2 d-sm-flex justify-content-sm-center mt-4">
+            <a href="{{ url('admin') }}" class="btn btn-primary btn-lg px-4 gap-3">Painel de Controle</a>
+            <a href="https://github.com/syspanel/syscms" class="btn btn-outline-secondary btn-lg px-4">Documentação</a>
+        </div>
+    </div>
+</div>
+
+<div class="row align-items-md-stretch">
+    <div class="col-md-6">
+        <div class="h-100 p-5 text-white bg-dark rounded-3">
+            <h2>Módulos Dinâmicos</h2>
+            <p>Gerencie seus conteúdos de forma modular e independente.</p>
+            <button class="btn btn-outline-light" type="button">Saiba mais</button>
+        </div>
+    </div>
+    <div class="col-md-6">
+        <div class="h-100 p-5 bg-light border rounded-3">
+            <h2>Sistema de Temas</h2>
+            <p>A nova arquitetura permite trocar o visual do seu site sem perder dados, similar ao WordPress.</p>
+            <button class="btn btn-outline-secondary" type="button">Ver temas</button>
+        </div>
+    </div>
+</div>
+{% endblock %}

themes/default/views/layouts/base.twig

@@ -0,0 +1,87 @@
+<!DOCTYPE html>
+<html lang="{{ session('lang')|default('pt-BR') }}">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <title>{% block title %}{{ title|default(platformName) }}{% endblock %}</title>
+
+    {# Bootstrap CSS (Default) #}
+    <link rel="stylesheet" href="{{ asset_url('css/bootstrap.min.css') }}">
+    
+    {# Bootstrap Icons #}
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
+
+    {# Lightbox2 #}
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/css/lightbox.min.css">
+
+    {# Theme Specific CSS #}
+    <link rel="stylesheet" href="{{ theme_asset('css/style.css') }}">
+    <link rel="stylesheet" href="{{ theme_url('style.css') }}">
+
+    {# Alpine.js #}
+    <script src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js" defer></script>
+
+    {% block head %}{% endblock %}
+</head>
+
+<body class="theme-{{ active_theme }}">
+
+    {% block layout_navbar %}
+    {# Fallback to global navbar if theme doesn't provide one #}
+    {% include 'partials/nav-bar.twig' ignore missing %}
+    {% endblock %}
+
+    {% block layout_body %}
+    <main class="container py-4">
+        {% block content %}{% endblock %}
+    </main>
+    {% endblock %}
+
+    {% block layout_footer %}
+    {# Fallback to global footer if theme doesn't provide one #}
+    {% include 'partials/footer.twig' ignore missing %}
+    {% endblock %}
+
+    {# Bootstrap JS #}
+    <script src="{{ asset_url('js/bootstrap.bundle.js') }}"></script>
+
+    {# jQuery (Required by Lightbox2) #}
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+    
+    {# Lightbox2 #}
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/js/lightbox.min.js"></script>
+    <script>
+        if (typeof lightbox !== 'undefined') {
+            lightbox.option({
+                'resizeDuration': 200,
+                'wrapAround': true,
+                'albumLabel': "{{ __('layout.lightbox.image_of')|default('Imagem %1 de %2') }}",
+                'fadeDuration': 300,
+                'imageFadeDuration': 300
+            });
+        }
+    </script>
+
+    {% block scripts %}{% endblock %}
+
+    {# Cookie Consent #}
+    <link rel="stylesheet" type="text/css" href="/consent/cookieconsent.min.css" />
+    <script src="/consent/cookieconsent.min.js"></script>
+    <script>
+    window.addEventListener("load", function(){
+    window.cookieconsent.initialise({
+      "palette": {
+        "popup": { "background": "#216942", "text": "#b2d192" },
+        "button": { "background": "#afed71" }
+      },
+      "content": {
+        "message": "{{ __('layout.cookie_consent.message') }}",
+        "dismiss": "{{ __('layout.cookie_consent.dismiss') }}",
+        "link": "{{ __('layout.footer.terms') }}",
+        "href": "/user_terms.html"
+      }
+    })});
+    </script>
+</body>
+</html>