From 445a12c17d3ab403b6f8cd0352004528245bc8d6 Mon Sep 17 00:00:00 2001
From: Dhaverd <jedi55@mail.ru>
Date: Fri, 7 Jun 2024 19:45:12 +0800
Subject: [PATCH] =?UTF-8?q?=D0=A2=D0=B5=D1=81=D1=82=D0=BE=D0=B2=D1=8B?=
 =?UTF-8?q?=D0=B9=20=D0=BD=D0=B5=D0=BE=D0=BD-=D1=80=D0=B5=D0=B4=D0=B8?=
 =?UTF-8?q?=D0=B7=D0=B0=D0=B9=D0=BD=20=D1=80=D0=B0=D0=BF=D0=B8=D1=81=D0=B0?=
 =?UTF-8?q?=D0=BD=D0=B8=D1=8F=20=D1=81=D1=82=D1=80=D0=B8=D0=BC=D0=BE=D0=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/css/app.css                         | 82 +++++++++++++++++++
 resources/views/Schedule.vue                  |  8 +-
 .../views/Schedule/AdditionalButtons.vue      | 22 ++---
 resources/views/Schedule/Links.vue            |  8 +-
 resources/views/Schedule/ScheduleTable.vue    |  6 +-
 resources/views/Welcome.vue                   |  6 +-
 6 files changed, 108 insertions(+), 24 deletions(-)

diff --git a/resources/css/app.css b/resources/css/app.css
index 4846a2a..02a36c1 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -8,3 +8,85 @@
         #F6D242) border-box;
     border-radius: 14px;
 }
+
+.nice-bg {
+    background-color: #000814 !important;
+    background-size: 200% 200%!important;
+    height: 100vh!important;
+}
+
+.nice-bg-sheet {
+    background-color: #1e1f22 !important;
+}
+
+.bricks-bg {
+    --s: 45px!important; /* control the size*/
+    --c1: #bb593e !important;
+    --c2: #bb593e !important;
+    --c3: #2c2e2a!important;
+
+    --p:at 45% 40%,#0000 75%,;
+    --g1:conic-gradient(var(--p) var(--c1) 0)!important;
+    --g2:conic-gradient(var(--p) var(--c2) 0)!important;
+    background:
+        var(--g1),var(--g2) calc(2*var(--s)) 0,
+        var(--g2) calc(3*var(--s)) var(--s),
+        var(--g1) var(--s) var(--s) var(--c3)!important;
+    background-size: calc(4*var(--s)) calc(2*var(--s))!important;
+}
+
+.nice-bg-border {
+    border: 0.2rem solid #fff!important;
+    border-radius: 2rem!important;
+    padding: 0.4em!important;
+    box-shadow: 0 0 .2rem #fff,
+                0 0 .2rem #fff,
+                0 0 2rem #bc13fe,
+                0 0 0.8rem #bc13fe,
+                0 0 2.8rem #bc13fe,
+                inset 0 0 1.3rem #bc13fe!important;
+    animation: pulsate 1.5s infinite alternate!important;
+}
+
+.white-text {
+    color: #fff!important;
+}
+
+.neon-text {
+    color: #fff!important;
+    text-shadow:
+        0 0 3px #fff,
+        0 0 5px #fff,
+        0 0 11px #fff,
+        0 0 16px #bc13fe,
+        0 0 20px #bc13fe,
+        0 0 26px #bc13fe,
+        0 0 30px #bc13fe,
+        0 0 34px #bc13fe !important;
+}
+
+@keyframes pulsate {
+
+    100% {
+        box-shadow:
+            0 0 4px #fff,
+            0 0 11px #fff,
+            0 0 19px #fff,
+            0 0 40px #bc13fe,
+            0 0 80px #bc13fe,
+            0 0 90px #bc13fe,
+            0 0 100px #bc13fe,
+            0 0 150px #bc13fe;
+    }
+    0% {
+        box-shadow:
+            0 0 2px #fff,
+            0 0 4px #fff,
+            0 0 6px #fff,
+            0 0 10px #bc13fe,
+            0 0 45px #bc13fe,
+            0 0 55px #bc13fe,
+            0 0 70px #bc13fe,
+            0 0 80px #bc13fe;
+    }
+}
diff --git a/resources/views/Schedule.vue b/resources/views/Schedule.vue
index a5d15af..0e1c1c3 100644
--- a/resources/views/Schedule.vue
+++ b/resources/views/Schedule.vue
@@ -1,10 +1,10 @@
 <template>
-    <v-sheet class="mt-5 mb-5 rounded-lg w-75">
-        <p class="text-xl-h3 text-lg-h3 text-md-h4 text-sm-h4 text-h5 ma-5">Расписание стримов</p>
+    <v-sheet class="bg-transparent mt-5 mb-5 rounded-lg w-75">
+        <p class="neon-text text-xl-h3 text-lg-h3 text-md-h4 text-sm-h4 text-h5 ma-5">Расписание стримов</p>
         <v-skeleton-loader v-if="fetching" type="text" />
-        <p v-else class="ma-5 text-xl-h3 text-lg-h3 text-md-h4 text-sm-h4 text-h5"> {{ parseDate(dates[0].current_date) }} - {{ parseDate(dates[1].current_date) }}</p>
+        <p v-else class="neon-text ma-5 text-xl-h3 text-lg-h3 text-md-h4 text-sm-h4 text-h5"> {{ parseDate(dates[0].current_date) }} - {{ parseDate(dates[1].current_date) }}</p>
         <ScheduleTable :is-wide="isWide"/>
-        <p class="text-xl-h3 text-lg-h3 text-md-h4 text-sm-h4 text-h5 ma-5">Ссылочки</p>
+        <p class="neon-text text-xl-h3 text-lg-h3 text-md-h4 text-sm-h4 text-h5 ma-5">Ссылочки</p>
         <Links :is-wide="isWide"/>
         <AdditionalButtons :is-wide="isWide"/>
     </v-sheet>
diff --git a/resources/views/Schedule/AdditionalButtons.vue b/resources/views/Schedule/AdditionalButtons.vue
index 0c132fc..3ced06c 100644
--- a/resources/views/Schedule/AdditionalButtons.vue
+++ b/resources/views/Schedule/AdditionalButtons.vue
@@ -52,39 +52,39 @@ export default {
 <template>
     <div class="w-100 d-flex justify-space-evenly" :class="isWide ? '' : 'flex-column'">
         <v-btn
-            class="box-gradient pt-2 pb-2 ma-5 h-auto"
+            class="nice-bg-border nice-bg-sheet white-text pa-4 ma-5 h-auto"
             text="Кинуть копеечку"
             href="https://www.donationalerts.com/r/dhaverd"
             target="_blank"
         />
         <v-btn
-            class="box-gradient pt-2 pb-2 ma-5 h-auto"
+            class="nice-bg-border nice-bg-sheet white-text pa-4 ma-5 h-auto"
             text="Оставить отзыв"
             @click="onShowModal"
         />
     </div>
     <v-dialog v-model="showModal" class="align-center" :class="isWide ? 'w-50' : 'w-100 h-100'">
-        <v-sheet class="mt-5 mb-5 pa-5 h-auto rounded-lg d-flex flex-column">
+        <v-sheet class="nice-bg-border nice-bg-sheet white-text mb-5 pa-5 h-auto rounded-lg d-flex flex-column">
             <div class="w-100 d-flex justify-end">
-                <v-btn icon="mdi-window-close" elevation="0" @click="onShowModal"/>
+                <v-btn class="nice-bg-sheet white-text" icon="mdi-window-close" elevation="0" @click="onShowModal"/>
             </div>
-            <v-label class="text-xl-h6">Оцените канал:</v-label>
-            <v-rating v-model="rating" active-color="orange-lighten-1">
+            <v-label class="white-text text-xl-h6">Оцените канал:</v-label>
+            <v-rating v-model="rating" active-color="#BC13FEFF">
                 sss
             </v-rating>
-            <v-label class="text-xl-h6 mb-2">Оставьте отзыв:</v-label>
+            <v-label class="white-text text-xl-h6 mb-2">Оставьте отзыв:</v-label>
             <v-textarea v-model="comment" clearable variant="outlined" label="Что можно улучшить?"/>
             <div class="d-flex justify-center">
-                <v-btn class="box-gradient pt-2 pb-2 w-auto h-auto" @click="sendRating">Отправить</v-btn>
+                <v-btn class="nice-bg-border nice-bg-sheet white-text pl-3 pr-3 pt-3 pb-3 w-auto h-auto" @click="sendRating">Отправить</v-btn>
             </div>
         </v-sheet>
     </v-dialog>
     <v-dialog v-model="afterModal" class="align-center" :class="isWide ? 'w-50' : 'w-100 h-100'">
-        <v-sheet class="mt-5 mb-5 pa-5 h-auto rounded-lg d-flex flex-column">
+        <v-sheet class="nice-bg-border nice-bg-sheet white-text mt-5 mb-5 pa-5 h-auto rounded-lg d-flex flex-column">
             <div class="w-100 d-flex justify-end">
-                <v-btn icon="mdi-window-close" elevation="0" @click="onShowAfterModal"/>
+                <v-btn class="nice-bg-sheet white-text" icon="mdi-window-close" elevation="0" @click="onShowAfterModal"/>
             </div>
-            <v-label class="text-xl-h6">{{afterModalText}}</v-label>
+            <v-label class="white-text text-xl-h6">{{afterModalText}}</v-label>
         </v-sheet>
     </v-dialog>
 </template>
diff --git a/resources/views/Schedule/Links.vue b/resources/views/Schedule/Links.vue
index a9616e2..c98352f 100644
--- a/resources/views/Schedule/Links.vue
+++ b/resources/views/Schedule/Links.vue
@@ -23,13 +23,13 @@
 
 <template>
     <div class="w-100 d-flex justify-center">
-        <v-list :class="isWide ? 'w-66' : 'w-100'">
+        <v-list class="bg-transparent pt-6 pb-6 pl-5 pr-5" :class="isWide ? 'w-66' : 'w-100'">
             <v-skeleton-loader v-if="fetching" type="list-item"/>
-            <v-list-item v-else class="ma-5 box-gradient" elevation="6" v-for="link in links" :href="link.link"> <!-- style="background-color: #E57373; color: #FFFFFF" -->
+            <v-list-item v-else class="ma-5 nice-bg-border" v-for="link in links" :href="link.link"> <!-- style="background-color: #E57373; color: #FFFFFF" elevation="6"-->
                 <template v-slot:prepend>
-                    <v-avatar :image="link.image" rounded="0"></v-avatar>
+                    <v-avatar class="ml-4" :image="link.image" rounded="0"></v-avatar>
                 </template>
-                <v-list-item-title>{{ link.link_name }}</v-list-item-title>
+                <v-list-item-title class="white-text pl-6 pb-4 pt-4">{{ link.link_name }}</v-list-item-title>
             </v-list-item>
         </v-list>
     </div>
diff --git a/resources/views/Schedule/ScheduleTable.vue b/resources/views/Schedule/ScheduleTable.vue
index d458a64..cefc62d 100644
--- a/resources/views/Schedule/ScheduleTable.vue
+++ b/resources/views/Schedule/ScheduleTable.vue
@@ -30,11 +30,11 @@
 <template>
     <div class="w-100 d-flex justify-center">
         <v-skeleton-loader v-if="fetching" type="table"/>
-        <v-table v-else class="text-xl-h5 text-lg-h5 text-md-h5 text-sm-h5  text-body-2" :class="isWide ? 'w-66' : 'w-100'">
+        <v-table v-else class="bg-transparent nice-bg-border mt-3 mb-3 neon-text text-xl-h5 text-lg-h5 text-md-h5 text-sm-h5  text-body-2" :class="isWide ? 'w-66' : 'w-100'">
             <tbody>
             <tr v-for="schedule in schedules">
-                <td>{{ parseDate(schedule.current_date) }} {{ schedule.weekday_name }} {{ schedule.stream_time }}</td>
-                <td>{{ schedule.name }}</td>
+                <td class="pt-6 pb-6 pl-6 white-text">{{ parseDate(schedule.current_date) }} {{ schedule.weekday_name }} {{ schedule.stream_time }}</td>
+                <td class="pt-6 pb-6 white-text">{{ schedule.name }}</td>
             </tr>
             </tbody>
         </v-table>
diff --git a/resources/views/Welcome.vue b/resources/views/Welcome.vue
index 0ea730e..a494e31 100644
--- a/resources/views/Welcome.vue
+++ b/resources/views/Welcome.vue
@@ -1,7 +1,9 @@
 <template>
     <v-app>
-        <v-sheet class="bg-gradient h-100 w-100 d-flex justify-center">
-            <Schedule/>
+        <v-sheet class="nice-bg-sheet h-100 w-100 d-flex justify-center">
+            <div class="w-100 d-flex justify-center">
+                <Schedule/>
+            </div>
         </v-sheet>
     </v-app>
 </template>