feat: initial import of Erugo blade templates and email views

This commit is contained in:
eldov
2026-08-30 05:16:54 +02:00
commit 43db9196cd
14 changed files with 601 additions and 0 deletions
+188
View File
@@ -0,0 +1,188 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" href="/api/favicon" type="image/svg+xml">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.0.2/css/bootstrap.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<title>{{ $settings['application_name'] }}</title>
@vite('resources/js/app.js')
</head>
<body data-settings='{!! htmlspecialchars(json_encode($settings)) !!}' data-version="{{ config('app.version') }}" data-error="{{ session()->get('error') }}" data-success="{{ session()->get('success') }}">
<style id="erugo-css-variables">
:root {
/* Links */
--link-color: {{ $theme->theme->links->default }};
--link-color-hover: {{ $theme->theme->links->hover }};
--link-color-active: {{ $theme->theme->links->active }};
--link-color-disabled: {{ $theme->theme->links->disabled }};
/* Primary buttons */
--primary-button-background-color: {{ $theme->theme->buttons->primary->default->background }};
--primary-button-text-color: {{ $theme->theme->buttons->primary->default->text }};
--primary-button-background-color-hover: {{ $theme->theme->buttons->primary->hover->background }};
--primary-button-text-color-hover: {{ $theme->theme->buttons->primary->hover->text }};
--primary-button-background-color-active: {{ $theme->theme->buttons->primary->active->background }};
--primary-button-text-color-active: {{ $theme->theme->buttons->primary->active->text }};
--primary-button-background-color-disabled: {{ $theme->theme->buttons->primary->disabled->background ?? 'rgba(100, 100, 100, 0.566)' }};
--primary-button-text-color-disabled: {{ $theme->theme->buttons->primary->disabled->text ?? 'rgba(255, 255, 255, 0.579)' }};
/* Secondary buttons */
--secondary-button-background-color: {{ $theme->theme->buttons->secondary->default->background }};
--secondary-button-text-color: {{ $theme->theme->buttons->secondary->default->text }};
--secondary-button-background-color-hover: {{ $theme->theme->buttons->secondary->hover->background }};
--secondary-button-text-color-hover: {{ $theme->theme->buttons->secondary->hover->text }};
--secondary-button-background-color-active: {{ $theme->theme->buttons->secondary->active->background }};
--secondary-button-text-color-active: {{ $theme->theme->buttons->secondary->active->text }};
--secondary-button-background-color-disabled: {{ $theme->theme->buttons->secondary->disabled->background ?? 'rgba(100, 100, 100, 0.566)' }};
--secondary-button-text-color-disabled: {{ $theme->theme->buttons->secondary->disabled->text ?? 'rgba(255, 255, 255, 0.579)' }};
/* Scrollbars */
@if(isset($theme->theme->scrollbars))
--scrollbar-track-color: {{ $theme->theme->scrollbars->track ?? 'rgba(226, 232, 240, 0.6)' }};
--scrollbar-thumb-color: {{ $theme->theme->scrollbars->thumb ?? 'rgba(148, 163, 184, 0.7)' }};
--scrollbar-thumb-hover-color: {{ $theme->theme->scrollbars->thumbHover ?? 'rgba(100, 116, 139, 0.8)' }};
--scrollbar-width: {{ $theme->theme->scrollbars->width ?? '8px' }};
--scrollbar-border-radius: {{ $theme->theme->scrollbars->borderRadius ?? '4px' }};
@endif
/* Uploader Colors */
@if(isset($theme->theme->uploader))
--uploader-background-color: {{ $theme->theme->uploader->background ?? 'rgba(240, 240, 240, 0.769)' }};
--uploader-text-color: {{ $theme->theme->uploader->text ?? 'rgb(71, 71, 71)' }};
--uploader-header-background-color: {{ $theme->theme->uploader->header->background ?? 'rgba(245, 245, 245, 0.5)' }};
--uploader-header-text-color: {{ $theme->theme->uploader->header->text ?? 'rgb(39, 39, 39)' }};
--uploader-item-background-color: {{ $theme->theme->uploader->item->background ?? 'rgba(255, 255, 255, 0.8)' }};
--uploader-item-text-color: {{ $theme->theme->uploader->item->text ?? 'rgb(39, 39, 39)' }};
@endif
/* Panel Colors */
@if(isset($theme->theme->panel))
--panel-background-color: {{ $theme->theme->panel->background ?? 'rgb(235, 235, 235)' }};
--panel-text-color: {{ $theme->theme->panel->text ?? 'rgb(34, 34, 34)' }};
--panel-text-color-alt: {{ $theme->theme->panel->textAlt ?? 'rgb(126, 126, 126)' }};
--panel-item-background-color: {{ $theme->theme->panel->item->background ?? 'rgb(215, 215, 215)' }};
--panel-item-text-color: {{ $theme->theme->panel->item->text ?? 'rgb(34, 34, 34)' }};
--panel-item-background-color-hover: {{ $theme->theme->panel->item->hover->background ?? 'rgb(238, 238, 238)' }};
--panel-item-text-color-hover: {{ $theme->theme->panel->item->hover->text ?? 'rgb(34, 34, 34)' }};
--panel-item-action-hover-background-color-from: {{ $theme->theme->panel->item->action->hover->backgroundFrom ?? 'rgba(238, 238, 238, 0.42)' }};
--panel-item-action-hover-background-color-to: {{ $theme->theme->panel->item->action->hover->backgroundTo ?? 'rgb(238, 238, 238)' }};
--panel-header-background-color: {{ $theme->theme->panel->header->background ?? 'rgba(80, 175, 223, 0.8)' }};
--panel-header-text-color: {{ $theme->theme->panel->header->text ?? 'rgb(34, 34, 34)' }};
--panel-subheader-background-color: {{ $theme->theme->panel->subheader->background ?? 'linear-gradient(to bottom, rgb(236, 236, 236) 0%, rgb(241, 241, 241) 100%)' }};
--panel-subheader-text-color: {{ $theme->theme->panel->subheader->text ?? 'rgb(34, 34, 34)' }};
--panel-nav-item-background-color: {{ $theme->theme->panel->nav->item->background ?? 'rgb(223, 223, 223)' }};
--panel-nav-item-text-color: {{ $theme->theme->panel->nav->item->text ?? 'rgb(53, 53, 53)' }};
--panel-nav-item-background-color-hover: {{ $theme->theme->panel->nav->item->hover->background ?? 'rgba(80, 175, 223, 0.8)' }};
--panel-nav-item-text-color-hover: {{ $theme->theme->panel->nav->item->hover->text ?? 'rgb(244, 244, 244)' }};
--panel-section-background-color: {{ $theme->theme->panel->section->background ?? 'rgb(225, 225, 225)' }};
--panel-section-text-color: {{ $theme->theme->panel->section->text ?? 'rgb(53, 53, 53)' }};
--panel-section-background-color-alt: {{ $theme->theme->panel->section->alt->background ?? 'rgb(218, 218, 218)' }};
--panel-section-text-color-alt: {{ $theme->theme->panel->section->alt->text ?? 'rgb(53, 53, 53)' }};
@endif
/* Tabs Colors */
@if(isset($theme->theme->tabs))
--tabs-bar-background-color: {{ $theme->theme->tabs->bar->background ?? 'rgb(221, 221, 221)' }};
--tabs-tab-background-color: {{ $theme->theme->tabs->tab->background ?? 'rgb(211, 211, 211)' }};
--tabs-tab-text-color: {{ $theme->theme->tabs->tab->text ?? 'rgb(53, 53, 53)' }};
--tabs-tab-background-color-hover: {{ $theme->theme->tabs->tab->hover->background ?? 'rgba(80, 175, 223, 0.8)' }};
--tabs-tab-text-color-hover: {{ $theme->theme->tabs->tab->hover->text ?? 'rgb(244, 244, 244)' }};
--tabs-tab-background-color-active: {{ $theme->theme->tabs->tab->active->background ?? 'rgba(80, 175, 223, 0.8)' }};
--tabs-tab-text-color-active: {{ $theme->theme->tabs->tab->active->text ?? 'rgb(244, 244, 244)' }};
@endif
/* Table Colors */
@if(isset($theme->theme->table))
--table-background-color: {{ $theme->theme->table->background ?? 'rgb(221, 221, 221)' }};
--table-text-color: {{ $theme->theme->table->text ?? 'rgb(34, 34, 34)' }};
--table-header-background-color: {{ $theme->theme->table->header->background ?? 'rgba(80, 175, 223, 1)' }};
--table-header-text-color: {{ $theme->theme->table->header->text ?? 'rgb(255, 255, 255)' }};
--table-row-background-color: {{ $theme->theme->table->row->background ?? 'rgb(238, 238, 238)' }};
--table-row-text-color: {{ $theme->theme->table->row->text ?? 'rgb(34, 34, 34)' }};
--table-row-background-color-alt: {{ $theme->theme->table->row->alt->background ?? 'rgb(241, 241, 241)' }};
--table-row-text-color-alt: {{ $theme->theme->table->row->alt->text ?? 'rgb(34, 34, 34)' }};
@endif
/* Input Colors */
@if(isset($theme->theme->input))
--input-background-color: {{ $theme->theme->input->background ?? 'rgb(236, 236, 236)' }};
--input-text-color: {{ $theme->theme->input->text ?? 'rgb(34, 34, 34)' }};
--input-border-color: {{ $theme->theme->input->border->default ?? 'rgb(222, 222, 222)' }};
--input-border-color-hover: {{ $theme->theme->input->border->hover ?? 'rgb(205, 205, 205)' }};
--input-border-color-focus: {{ $theme->theme->input->border->focus ?? 'rgb(80, 175, 223)' }};
--input-placeholder-color: {{ $theme->theme->input->placeholder ?? 'rgb(164, 164, 164)' }};
@endif
/* Checkbox Colors */
@if(isset($theme->theme->checkbox))
--checkbox-background-color: {{ $theme->theme->checkbox->background ?? 'rgb(236, 236, 236)' }};
--checkbox-checked-background-color: {{ $theme->theme->checkbox->checked->background ?? 'rgb(80, 175, 223)' }};
--checkbox-checked-check-color: {{ $theme->theme->checkbox->checked->check ?? 'rgb(255, 255, 255)' }};
@endif
/* Label Colors */
@if(isset($theme->theme->label))
--label-text-color: {{ $theme->theme->label->text ?? 'rgb(34, 34, 34)' }};
@endif
/* Progress Bar Colors */
@if(isset($theme->theme->progressBar))
--progress-bar-background-color: {{ $theme->theme->progressBar->background ?? 'rgb(211, 211, 211)' }};
--progress-bar-fill-color: {{ $theme->theme->progressBar->fill ?? 'rgb(80, 175, 223)' }};
--progress-bar-text-color: {{ $theme->theme->progressBar->text ?? 'rgb(34, 34, 34)' }};
@endif
/* Overlay Colors */
@if(isset($theme->theme->overlay))
--overlay-background-color: {{ $theme->theme->overlay->background ?? 'rgba(255, 255, 255, 0.2)' }};
@endif
/* Status Colors */
--color-success: {{ $theme->theme->status->success ?? 'rgb(34, 197, 94)' }};
--color-warning: {{ $theme->theme->status->warning ?? 'rgb(234, 179, 8)' }};
--color-danger: {{ $theme->theme->status->danger ?? 'rgb(239, 68, 68)' }};
/* Dimensions */
@if(isset($theme->theme->dimensions))
@if(isset($theme->theme->dimensions->button))
--button-height: {{ $theme->theme->dimensions->button->height ?? '50px' }};
--button-width: {{ $theme->theme->dimensions->button->width ?? '100%' }};
--icon-only-button-width: {{ $theme->theme->dimensions->button->iconOnlyWidth ?? '50px' }};
--button-border-radius: {{ $theme->theme->dimensions->button->borderRadius ?? '10px' }};
@endif
@if(isset($theme->theme->dimensions->panel))
--panel-border-radius: {{ $theme->theme->dimensions->panel->borderRadius ?? '10px' }};
@endif
@if(isset($theme->theme->dimensions->tabs))
--tabs-border-radius: {{ $theme->theme->dimensions->tabs->borderRadius ?? '5px 5px 0 0' }};
@endif
@if(isset($theme->theme->dimensions->settings))
--settings-width: {{ $theme->theme->dimensions->settings->width ?? '100vw' }};
--settings-height: {{ $theme->theme->dimensions->settings->height ?? '100vh' }};
@endif
@endif
}
</style>
<div id="app"></div>
</body>
</html>
+16
View File
@@ -0,0 +1,16 @@
{% extends 'emails/layout' %}
{% block header %}Account Created! Set your password
{% endblock %}
{% block content %}
<h2>Hi {{ user.name }},</h2>
<p>We've created an account for you on {{ settings.application_name }}.</p>
<p>Please set your password to get started.</p>
{% endblock %}
{% block action_url %}{{ settings.application_url }}/reset-password/{{ token }}{% endblock %}
{% block action_text %}
Set Password
{% endblock %}
+28
View File
@@ -0,0 +1,28 @@
{% extends 'emails/layout' %}
{% block header %}Verify your email address
{% endblock %}
{% block content %}
<h2>Hi {{ user.name }},</h2>
<p>Thanks for creating an account on {{ settings.application_name }}.</p>
<p>Please enter the following verification code to activate your account:</p>
<div style="text-align: center; margin: 30px 0;">
<div style="display: inline-block; background-color: #f3f4f6; padding: 20px 40px; border-radius: 8px; font-size: 32px; font-weight: bold; letter-spacing: 8px; font-family: monospace;">
{{ code }}
</div>
</div>
<p style="text-align: center; color: #6b7280; font-size: 14px;">
This code will expire in 15 minutes.
</p>
<p>
<small>Didn't create an account? You can safely ignore this email.</small>
</p>
{% endblock %}
+102
View File
@@ -0,0 +1,102 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>
{% block title %}{% endblock %}
</title>
<style>
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
background-color: #f8fafc;
color: #374151;
line-height: 1.5;
margin: 0;
padding: 0;
}
.container {
max-width: 600px;
margin: 0 auto;
padding: 20px;
}
.header {
text-align: center;
padding: 20px 0;
background-color: #ffffff;
border-radius: 8px 8px 0 0;
border-bottom: 2px solid #e5e7eb;
}
.content {
background-color: #ffffff;
padding: 30px;
border-radius: 0 0 8px 8px;
}
.footer {
text-align: center;
padding: 20px;
font-size: 0.875rem;
color: #6b7280;
}
.button {
display: inline-block;
padding: 12px 24px;
background-color: #2563eb;
color: #ffffff;
text-decoration: none;
border-radius: 6px;
margin: 20px 0;
}
.button:hover {
background-color: #1d4ed8;
}
@media only screen and(max-width: 600px) {
.container {
padding: 10px;
}
.content {
padding: 20px;
}
}
</style>
</head>
<body>
<div class="container">
<div
class="header">
<!-- You can add your logo here -->
<h1>
{% block header %}{% endblock %}
</h1>
</div>
<div class="content"> {% block content %}{% endblock %}
{% if block('action_url') is defined %}
<div style="text-align: center">
<a href="{{ block('action_url') }}" class="button">{{ block('action_text')|default('Click Here') }}</a>
</div>
<br><br>
<p class="f-fallback sub">{{ settings.email_template_fallback_text }}</p>
<p class="f-fallback sub">{{ block('action_url') }}</p>
{% endif %}
</div>
<div class="footer">
<p>
<small>
<a href="{{ settings.application_url }}">{{ settings.application_name }}</a>
</small>
</p>
</div>
</div>
</body>
</html>
+20
View File
@@ -0,0 +1,20 @@
{% extends 'emails/layout' %}
{% block header %}Reset your password
{% endblock %}
{% block content %}
<h2>Hi {{ user.name }},</h2>
<p>We've received a request to reset your password.</p>
<p>Use the link below to reset your password and get back into your account.</p>
<p>
<small>Didn't request a password reset? Ignore this email.</small>
</p>
{% endblock %}
{% block action_url %}{{ settings.application_url }}/reset-password/{{ token }}{% endblock %}
{% block action_text %}
Reset Password
{% endblock %}
@@ -0,0 +1,27 @@
{% extends 'emails/layout' %}
{% block header %} You have a new reverse share request
{% endblock %}
{% block content %}
<h2>Hi {{ recipient_name }},</h2>
<p>{{ sender_name }} is requesting files from you.</p>
{% if isExistingUser %}
<p>Click the button below to log in to your account and upload files for {{ sender_name }}.</p>
{% else %}
<p>Click the button below to accept the request and upload files for {{ sender_name }}.</p>
{% endif %}
{% if invite.message %}
<hr>
<p>Message: {{ invite.message }}</p>
<hr>
{% endif %}
{% endblock %}
{% block action_url %}{% if isExistingUser %}{{ settings.application_url }}/?invite_id={{ invite.id }}{% else %}{{ settings.application_url }}/?invite_token={{ token }}{% endif %}{% endblock %}
{% block action_text %}{% if isExistingUser %}Log In & Upload{% else %}Accept Request{% endif %}{% endblock %}
+16
View File
@@ -0,0 +1,16 @@
{% extends 'emails/layout' %}
{% block header %} You have files to download
{% endblock %}
{% block content %}
<h2>Hi {{ recipient_name }},</h2>
<p>{{ sender_name }} shared {{ share.file_count }} file{{ share.file_count == 1 ? '' : 's' }} with you.</p>
<p>Click the button below to access your files.</p>
{% endblock %}
{% block action_url %}{{ settings.application_url }}/shares/{{ share.long_id }}{% endblock %}
{% block action_text %}
Download Files
{% endblock %}
+27
View File
@@ -0,0 +1,27 @@
{% extends 'emails/layout' %}
{% block header %}
Your share has been deleted
{% endblock %}
{% block content %}
<h2>Hi {{ share.user.first_name }},</h2>
<p>This is a reminder that your share "{{ share.name }}" ({{ share.long_id }}) has been deleted.</p>
{% if share.download_count > 0 %}
<p>The share has been downloaded
{{ share.download_count }}
time{{ share.download_count == 1 ? '' : 's' }}.</p>
{% else %}
<p>The share wasn't downloaded.</p>
{% endif %}
<p>This share can no longer be revived.</p>
{% endblock %}
{% block action_url %}{{ settings.application_url }}{% endblock %}
{% block action_text %}
Visit
{{ settings.application_name }}
{% endblock %}
@@ -0,0 +1,29 @@
{% extends 'emails/layout' %}
{% block header %}
Your share will be deleted soon
{% endblock %}
{% block content %}
<h2>Hi {{ share.user.first_name }},</h2>
<p>This is a reminder that your share ({{ share.name }}
/
{{ share.long_id }}) will be deleted in
{{ deletes_in }}.</p>
{% if share.download_count > 0 %}
<p>The share has been downloaded
{{ share.download_count }}
time{{ share.download_count == 1 ? '' : 's' }}.</p>
{% else %}
<p>The share wasn't downloaded.</p>
{% endif %}
<p>You can revive it in the "My Shares" section of the app. This will prevent it from being deleted.</p>
{% endblock %}
{% block action_url %}{{ settings.application_url }}{% endblock %}
{% block action_text %}
Visit
{{ settings.application_name }}
{% endblock %}
+17
View File
@@ -0,0 +1,17 @@
{% extends 'emails/layout' %}
{% block header %}Share Downloaded
{% endblock %}
{% block content %}
<h2>Hi {{ share.user.name }},</h2>
<p>Just thought you'd like to know that your share "{{ share.name }}" was downloaded.</p>
<p>
<small>We'll only send this the first time a share is downloaded.</small>
</p>
{% endblock %}
{% block action_url %}{{ settings.application_url }}/shares/{{ share.long_id }}{% endblock %}
{% block action_text %}
View Share
{% endblock %}
+28
View File
@@ -0,0 +1,28 @@
{% extends 'emails/layout' %}
{% block header %}
Your share has expired
{% endblock %}
{% block content %}
<h2>Hi {{ share.user.first_name }},</h2>
<p>This is a reminder that your share ({{ share.name }}
/
{{ share.long_id }}) has expired.</p>
{% if share.download_count > 0 %}
<p>The share has been downloaded
{{ share.download_count }}
time{{ share.download_count == 1 ? '' : 's' }}.</p>
{% else %}
<p>The share wasn't downloaded.</p>
{% endif %}
<p>You can revive it in the "My Shares" section of the app.</p>
{% endblock %}
{% block action_url %}{{ settings.application_url }}{% endblock %}
{% block action_text %}
Visit
{{ settings.application_name }}
{% endblock %}
+17
View File
@@ -0,0 +1,17 @@
{% extends 'emails/layout' %}
{% block header %}
Your share is expiring soon
{% endblock %}
{% block content %}
<h2>Hi {{ share.user.first_name }},</h2>
<p>This is a reminder that your share ({{ share.name }} / {{ share.long_id }}) will expire in
{{ share_expires_in }}.</p>
<p>You can extend the expiry date in the "My Shares" section of the app.</p>
{% endblock %}
{% block action_url %}{{ settings.application_url }}{% endblock %}
{% block action_text %}
Visit {{ settings.application_name }}
{% endblock %}
+34
View File
@@ -0,0 +1,34 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.0.2/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" rel="stylesheet"
integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<title>{{ $settings['application_name'] }}</title>
@vite('resources/js/app.js')
</head>
<body data-settings='{!! json_encode($settings) !!}'>
<style id="erugo-css-variables">
:root {
--primary-color: {{ $settings['css_primary_color'] }};
--secondary-color: {{ $settings['css_secondary_color'] }};
--accent-color: {{ $settings['css_accent_color'] }};
--accent-color-light: {{ $settings['css_accent_color_light'] }};
}
</style>
<div class="share-not-ready">
<div class="share-status-inner">
<h1>Bad Error</h1>
<p>Something went horribly wrong with this share. <br><small>Please ask the sender to try again.</small></p>
</div>
</div>
</body>
</html>
+52
View File
@@ -0,0 +1,52 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.0.2/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" rel="stylesheet"
integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<title>{{ $settings['application_name'] }}</title>
@vite('resources/js/app.js')
<script>
function reload() {
window.location.reload();
}
</script>
</head>
<body data-settings='{!! json_encode($settings) !!}'>
<style id="erugo-css-variables">
:root {
--primary-color: {{ $settings['css_primary_color'] }};
--secondary-color: {{ $settings['css_secondary_color'] }};
--accent-color: {{ $settings['css_accent_color'] }};
--accent-color-light: {{ $settings['css_accent_color_light'] }};
}
</style>
<div class="share-not-ready">
<div class="share-status-inner">
<h1><svg class="lucide lucide-circle-dashed" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round">
<path d="M10.1 2.182a10 10 0 0 1 3.8 0" />
<path d="M13.9 21.818a10 10 0 0 1-3.8 0" />
<path d="M17.609 3.721a10 10 0 0 1 2.69 2.7" />
<path d="M2.182 13.9a10 10 0 0 1 0-3.8" />
<path d="M20.279 17.609a10 10 0 0 1-2.7 2.69" />
<path d="M21.818 10.1a10 10 0 0 1 0 3.8" />
<path d="M3.721 6.391a10 10 0 0 1 2.7-2.69" />
<path d="M6.391 20.279a10 10 0 0 1-2.69-2.7" />
</svg>Share is being processed</h1>
<p>Try again in a few moments.</p>
<button onclick="reload()">Try again now</button>
</div>
</div>
</body>
</html>