360ForAndroid_Build_Proj/colors.xml at main · 360DigitalCo/360ForAndroid_Build_Proj · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
/* ============================================================
   360 — COOKIE.JS
   Cookie consent banner for localStorage usage.
   Only shows once. Dismissed state persisted in localStorage.
   ============================================================ */

(function initCookieBanner() {
  /* Already accepted — don't show */
  if (localStorage.getItem("360_cookies_accepted") === "true") return;

  /* Build banner */
  const banner = document.createElement("div");
  banner.id = "cookie-banner";
  banner.innerHTML = `
    <div class="cookie-inner">
      <div class="cookie-text">
        <strong>360 uses cookies</strong>
        <p>We use local storage to save your preferences — theme, dark mode, background, and session data. We don't share your data with anyone or use it for advertising.</p>
      </div>
      <div class="cookie-actions">
        <button id="cookie-accept">Got it</button>
        <a href="/privacypolicy.html" class="cookie-link">Privacy Policy</a>
      </div>
    </div>
  `;

  /* Styles — injected so cookie.js is self-contained */
  const style = document.createElement("style");
  style.textContent = `
    #cookie-banner {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 9000;
      background: rgba(15, 23, 42, 0.97);
      backdrop-filter: blur(14px);
      border-top: 1px solid rgba(255,255,255,0.1);
      padding: 16px 20px;
      animation: slideUp 0.4s ease;
    }
    @keyframes slideUp {
      from { transform: translateY(100%); opacity: 0; }
      to   { transform: translateY(0);   opacity: 1; }
    }
    .cookie-inner {
      max-width: 860px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      gap: 20px;
      flex-wrap: wrap;
    }
    .cookie-text {
      flex: 1;
      min-width: 200px;
    }
    .cookie-text strong {
      font-size: 14px;
      font-weight: 600;
      color: #fff;
      display: block;
      margin-bottom: 4px;
    }
    .cookie-text p {
      font-size: 13px;
      color: rgba(255,255,255,0.65);
      line-height: 1.5;
      margin: 0;
    }
    .cookie-actions {
      display: flex;
      align-items: center;
      gap: 14px;
      flex-shrink: 0;
    }
    #cookie-accept {
      padding: 9px 22px;
      border-radius: 999px;
      border: none;
      background: linear-gradient(110deg, var(--a, #3b82f6), var(--a2, #06b6d4));
      color: #050816;
      font-weight: 700;
      font-size: 13px;
      cursor: pointer;
      transition: opacity .2s;
    }
    #cookie-accept:hover { opacity: .85; }
    .cookie-link {
      font-size: 12px;
      color: rgba(255,255,255,0.5);
      text-decoration: underline;
      cursor: pointer;
    }
    .cookie-link:hover { color: rgba(255,255,255,0.8); }
    @media (max-width: 600px) {
      .cookie-inner { flex-direction: column; align-items: flex-start; gap: 12px; }
      .cookie-actions { width: 100%; justify-content: space-between; }
      #cookie-accept { flex: 1; }
    }
  `;

  document.head.appendChild(style);
  document.body.appendChild(banner);

  /* Accept button */
  document.getElementById("cookie-accept").onclick = () => {
    localStorage.setItem("360_cookies_accepted", "true");
    banner.style.animation = "slideUp 0.3s ease reverse";
    setTimeout(() => banner.remove(), 300);
  };
})();