coopops
5480c1cd04
- og-image.png — взят brand-постер ~/blago/production/shared/poster-logo-horizontal.png, отресайзен до 1000px по ширине и центрирован на полотне 1200×630 с белыми краями по вертикали. Шрифт/композиция родные бренда. - description / og:description / twitter:description: «Цифровой Кооператив — система управления хозяйством. Регистрация пайщиков, заказы на поставку и приобретение имущества, собрания совета, общие собрания пайщиков, взаимные расчёты на блокчейне, автоматический документооборот и бухбаланс на основе простой электронной подписи.»
123 lines
5.5 KiB
HTML
123 lines
5.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<link rel="icon" href="/favicon.svg" type="image/svg+xml" />
|
|
<link rel="apple-touch-icon" href="/favicon.svg" />
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
|
|
/>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
<link
|
|
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap"
|
|
rel="stylesheet"
|
|
/>
|
|
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0" /> -->
|
|
<meta
|
|
name="viewport"
|
|
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
|
|
/>
|
|
<title><%- SITE_TITLE %></title>
|
|
<meta
|
|
name="description"
|
|
content="Цифровой Кооператив — система управления хозяйством. Регистрация пайщиков, заказы на поставку и приобретение имущества, собрания совета, общие собрания пайщиков, взаимные расчёты на блокчейне, автоматический документооборот и бухбаланс на основе простой электронной подписи."
|
|
/>
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:site_name" content="Цифровой Кооператив" />
|
|
<meta property="og:title" content="<%- SITE_TITLE %>" />
|
|
<meta
|
|
property="og:description"
|
|
content="Цифровой Кооператив — система управления хозяйством. Регистрация пайщиков, заказы на поставку и приобретение имущества, собрания совета, общие собрания пайщиков, взаимные расчёты на блокчейне, автоматический документооборот и бухбаланс на основе простой электронной подписи."
|
|
/>
|
|
<meta property="og:image" content="/og-image.png" />
|
|
<meta property="og:image:width" content="1200" />
|
|
<meta property="og:image:height" content="630" />
|
|
<meta property="og:image:alt" content="Кооперативная экономика — Цифровой Кооператив" />
|
|
<meta name="twitter:card" content="summary_large_image" />
|
|
<meta name="twitter:title" content="<%- SITE_TITLE %>" />
|
|
<meta
|
|
name="twitter:description"
|
|
content="Цифровой Кооператив — система управления хозяйством. Регистрация пайщиков, заказы на поставку и приобретение имущества, собрания совета, общие собрания пайщиков, взаимные расчёты на блокчейне, автоматический документооборот и бухбаланс на основе простой электронной подписи."
|
|
/>
|
|
<meta name="twitter:image" content="/og-image.png" />
|
|
</head>
|
|
<body>
|
|
<script>
|
|
try {
|
|
var theme = localStorage.getItem('theme-mode');
|
|
if (theme === 'dark') {
|
|
document.body.style.background = '#121212';
|
|
} else if (theme === 'light') {
|
|
document.body.style.background = '#f5f5f5';
|
|
}
|
|
} catch (e) {
|
|
console.log('error on set theme', e);
|
|
}
|
|
// Показываем лоадер только после того, как DOM готов
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
try {
|
|
var loader = document.querySelector('.loader-container');
|
|
if (loader) loader.style.display = 'flex';
|
|
} catch (e) {}
|
|
});
|
|
</script>
|
|
<style>
|
|
body {
|
|
margin: 0;
|
|
/* background: #f5f5f5; */
|
|
}
|
|
|
|
/* Стили для полосы прокрутки */
|
|
*::-webkit-scrollbar {
|
|
width: 2px; /* Ширина вертикальной полосы прокрутки */
|
|
height: 2px; /* Высота горизонтальной полосы прокрутки */
|
|
}
|
|
|
|
/* Стили для трека полосы прокрутки (фон) */
|
|
*::-webkit-scrollbar-track {
|
|
background-color: #f5f5f5;
|
|
}
|
|
|
|
/* Стили для ползунка полосы прокрутки */
|
|
*::-webkit-scrollbar-thumb {
|
|
background-color: #999999;
|
|
}
|
|
|
|
.loader-container {
|
|
display: none;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: 100%;
|
|
position: absolute;
|
|
width: 100%;
|
|
z-index: 9999; /* устанавливаем z-index для размещения поверх контейнера с id="app" */
|
|
}
|
|
|
|
.loader-page {
|
|
width: 50px;
|
|
height: 50px;
|
|
border-radius: 50%;
|
|
position: relative;
|
|
animation: rotate 2s linear infinite;
|
|
border-top: 3px solid rgb(131, 130, 130);
|
|
border-right: 3px solid transparent;
|
|
}
|
|
|
|
@keyframes rotate {
|
|
0% {
|
|
transform: rotate(0deg);
|
|
}
|
|
100% {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
</style>
|
|
<div id="app"><!-- quasar:entry-point --></div>
|
|
<div class="loader-container">
|
|
<div class="loader-page"></div>
|
|
</div>
|
|
</body>
|
|
</html>
|