diff --git a/programmer/static/programmer/images/black_logo.ico b/programmer/static/programmer/images/black_logo.ico new file mode 100644 index 0000000..2ad2fda Binary files /dev/null and b/programmer/static/programmer/images/black_logo.ico differ diff --git a/programmer/static/programmer/images/black_logo.png b/programmer/static/programmer/images/black_logo.png new file mode 100644 index 0000000..6a6c5c0 Binary files /dev/null and b/programmer/static/programmer/images/black_logo.png differ diff --git a/programmer/static/programmer/images/black_logo2.ico b/programmer/static/programmer/images/black_logo2.ico new file mode 100644 index 0000000..82d0f79 Binary files /dev/null and b/programmer/static/programmer/images/black_logo2.ico differ diff --git a/programmer/templates/programmer/base.html b/programmer/templates/programmer/base.html index 5552d87..f02072d 100644 --- a/programmer/templates/programmer/base.html +++ b/programmer/templates/programmer/base.html @@ -15,14 +15,14 @@ - + - + @@ -365,6 +365,65 @@ max-width: 100%; } } + + /* Cookie consent bottom */ + .cookie-bottom { + position: fixed; + bottom: 20px; + left: 50%; + transform: translateX(-50%); + z-index: 9999; + width: auto; + max-width: 450px; + min-width: 300px; + background-color: var(--bg-card, #ffffff); + border-radius: 12px; + box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); + border: 1px solid var(--border-light, #e0e0e0); + animation: slideUpFade 0.3s ease; + } + + @keyframes slideUpFade { + from { opacity: 0; transform: translate(-50%, 20px); } + to { opacity: 1; transform: translate(-50%, 0); } + } + + .cookie-bottom-content { + padding: 1.5rem; + text-align: center; + } + + .cookie-bottom-content h3 { + margin: 0 0 0.75rem 0; + font-size: 1.25rem; + color: var(--text-primary, #333); + } + + .cookie-bottom-content p { + margin: 0 0 1.5rem 0; + font-size: 0.95rem; + line-height: 1.5; + color: var(--text-secondary, #666); + } + + .cookie-bottom-content a { + color: var(--primary, #007bff); + text-decoration: underline; + } + + .cookie-bottom-content .btn { + width: 100%; + padding: 0.75rem; + font-size: 1rem; + border-radius: 8px; + } + + @media (max-width: 480px) { + .cookie-bottom { + max-width: 90%; + bottom: 10px; + } + } {% block extra_css %} @@ -430,8 +489,8 @@