diff options
Diffstat (limited to 'public/index.html')
| -rw-r--r-- | public/index.html | 94 |
1 files changed, 14 insertions, 80 deletions
diff --git a/public/index.html b/public/index.html index 4090965..748886f 100644 --- a/public/index.html +++ b/public/index.html @@ -4,16 +4,14 @@ <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>SAYA TODAY // Демо-материал после демон-аэропорта</title> - <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.8.3/css/lightgallery.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.8.3/css/lg-zoom.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.8.3/css/lg-thumbnail.min.css"> - <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.8.3/css/lg-fullscreen.min.css"> - <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/lightgallery@2.8.3/css/lightgallery-bundle.min.css"> - <script src="https://cdn.tailwindcss.com"></script> <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=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&family=Patua+One&display=swap" rel="stylesheet"> + <script src="https://cdn.tailwindcss.com"></script> <script> tailwind.config = { @@ -95,22 +93,10 @@ color: var(--main-dark-color); } - .text-main-medium { - color: var(--main-medium-color); - } - - .text-main-light { - color: var(--main-light-color); - } - .text-background-dark { color: var(--background-dark-color); } - .text-background-light { - color: var(--background-light-color); - } - .text-secondary { color: var(--secondary-color); } @@ -201,46 +187,18 @@ line-height: 0.9; } - .lh-1-5 { - line-height: 1.5; - } - .lh-2 { line-height: 2; } - .ls-vw0-03 { - letter-spacing: 0.03vw; - } - .ls-vmin0-04 { letter-spacing: 0.04vmin; } - .timl-vh3 { - text-indent: 3vh hanging; - } - .timl-vmax2 { text-indent: 2vmax hanging; } - .text-vh1-2 { - font-size: 1.2vh; - } - - .text-vh1-5 { - font-size: 1.5vh !important; - } - - .text-vh2 { - font-size: 2vh !important; - } - - .text-vh3 { - font-size: 3vh; - } - .text-vmax0-8 { font-size: 0.8vmax; } @@ -261,30 +219,10 @@ width: 90vw; } - .h-vh1-5 { - max-height: 1.5vh; - } - - .h-vh40 { - height: 40vh; - } - - .h-vh50 { - height: 50vh; - } - - .h-vh60 { - height: 60vh; - } - .h-vh90 { height: 90vh; } - .w-p70 { - width: 70%; - } - .w-p80 { width: 80%; } @@ -310,10 +248,6 @@ margin-bottom: 0.8vmin; } - .m-vmin0-8 { - margin: 0.8vmin; - } - .pl-vmin0-8 { padding-left: 0.8vmin; } @@ -443,7 +377,7 @@ .nav-icon-custom { font-size: 6vh !important; - -webkit-text-stroke: 0.1vh var(--main-dark-color); + -webkit-text-stroke: 0.1vh var(--sidebar-stroke-color); width: 10vh; height: 10vh; } @@ -478,6 +412,17 @@ <body data-theme="olive" class="font-spectral text-main-dark overflow-hidden bg-interlocked-hexagons bg-repeat bg-pattern-body h-screen flex"> + <script> + function switchTheme() { + const currentTheme = document.body.getAttribute('data-theme') + document.body.setAttribute('data-theme', currentTheme == "olive" ? "lettuce" : "olive"); + localStorage.setItem('theme', currentTheme == "olive" ? "lettuce" : "olive"); + } + + const savedTheme = localStorage.getItem('theme') || 'olive'; + switchTheme(savedTheme); + </script> + <div class="desktop-sidebar-custom fixed bg-squares-and-triangles bg-repeat flex-col items-center shadow-2xl z-20 h-screen desktop"> <div class="logo-custom text-sidebar font-patua font-extrabold text-center relative z-20"> demo.saya.today @@ -603,12 +548,6 @@ <script src="https://f003.backblazeb2.com/file/sayana-static/libs/lightgallery/2.8.3/plugins/lg-thumbnail.min.js"></script> <script> - function switchTheme() { - const currentTheme = document.body.getAttribute('data-theme') - document.body.setAttribute('data-theme', currentTheme == "olive" ? "lettuce" : "olive"); - localStorage.setItem('theme', currentTheme == "olive" ? "lettuce" : "olive"); - } - function createLightGallery(className, elements) { const $lgContainers = document.getElementsByClassName(className); for (i = 0; i < $lgContainers.length; i++) { @@ -646,11 +585,6 @@ </script> <script> - const savedTheme = localStorage.getItem('theme') || 'olive'; - switchTheme(savedTheme); - </script> - - <script> createLightLibrary1 = (() => { createLightGallery("inline-gallery-container-1", [ { |