feat: add 3D banner logo generated by grok and update deploy script
This commit is contained in:
+31
-8
@@ -207,24 +207,47 @@
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/* Header Logo Container */
|
||||
/* Header Logo Container & 3D Banner */
|
||||
.logo-container {
|
||||
margin-top: 28px !important;
|
||||
margin-top: 32px !important;
|
||||
margin-bottom: 10px !important;
|
||||
z-index: 10 !important;
|
||||
display: flex !important;
|
||||
align-items: center !important;
|
||||
justify-content: center !important;
|
||||
transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
|
||||
transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
|
||||
}
|
||||
|
||||
.logo-container:hover {
|
||||
transform: scale(1.04) !important;
|
||||
transform: scale(1.025) !important;
|
||||
}
|
||||
|
||||
.logo-container img {
|
||||
max-height: 52px !important;
|
||||
width: auto !important;
|
||||
filter: drop-shadow(0 0 25px rgba(0, 242, 254, 0.55)) !important;
|
||||
.logo-container a {
|
||||
display: inline-flex !important;
|
||||
align-items: center !important;
|
||||
justify-content: center !important;
|
||||
background: rgba(11, 17, 33, 0.5) !important;
|
||||
backdrop-filter: blur(16px) !important;
|
||||
-webkit-backdrop-filter: blur(16px) !important;
|
||||
border: 1px solid rgba(0, 242, 254, 0.22) !important;
|
||||
border-radius: 20px !important;
|
||||
padding: 10px 24px !important;
|
||||
box-shadow: 0 12px 35px rgba(0, 0, 0, 0.5), 0 0 25px rgba(0, 242, 254, 0.12) !important;
|
||||
transition: all 0.3s ease !important;
|
||||
}
|
||||
|
||||
.logo-container a:hover {
|
||||
border-color: rgba(0, 242, 254, 0.45) !important;
|
||||
box-shadow: 0 16px 45px rgba(0, 0, 0, 0.6), 0 0 35px rgba(0, 242, 254, 0.25) !important;
|
||||
}
|
||||
|
||||
.logo-container img#logo, .logo-container img {
|
||||
width: min(480px, 86vw) !important;
|
||||
max-width: 520px !important;
|
||||
height: auto !important;
|
||||
max-height: 85px !important;
|
||||
object-fit: contain !important;
|
||||
filter: drop-shadow(0 0 20px rgba(0, 242, 254, 0.45)) !important;
|
||||
}
|
||||
|
||||
/* Floating Language Selector (Top Right) */
|
||||
|
||||
Reference in New Issue
Block a user