lumis/terms.html at main · CameronCodesStuff/lumis · 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
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="view-transition" content="same-origin" />
  <title>Terms of Use — LUMIS</title>
  <meta name="description" content="LUMIS terms of use. LUMIS is a personal non-commercial movie index and does not host any video content." />
  <meta name="robots" content="index, follow" />
  <meta property="og:site_name" content="LUMIS" />
  <meta property="og:type" content="website" />
  <meta property="og:url" content="https://cameroncodesstuff.github.io/lumis/terms.html" />
  <meta property="og:title" content="Terms of Use — LUMIS" />
  <meta property="og:description" content="LUMIS terms of use. LUMIS is a personal non-commercial movie index and does not host any video content." />
  <meta property="og:image" content="https://cameroncodesstuff.github.io/lumis/images/logo.png" />
  <meta name="twitter:card" content="summary_large_image" />
  <meta name="twitter:title" content="Terms of Use — LUMIS" />
  <meta name="twitter:description" content="LUMIS terms of use. LUMIS is a personal non-commercial movie index and does not host any video content." />
  <meta name="twitter:image" content="https://cameroncodesstuff.github.io/lumis/images/logo.png" />
  <link rel="canonical" href="https://cameroncodesstuff.github.io/lumis/terms.html" />
  <link rel="manifest" href="manifest.json" />
  <meta name="theme-color" content="#080808" />
  <link rel="icon" type="image/png" href="images/logo.png" />
  <link rel="stylesheet" href="style.css" />
  <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=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700&family=Inter:wght@300;400;500;600&family=Bebas+Neue&display=swap" rel="stylesheet" />
  <style>
    .policy-page { padding-top: calc(var(--ticker-h) + var(--nav-h)); min-height: 100vh; }
    .policy-content { max-width: 720px; margin: 0 auto; padding: 52px 28px 100px; }
    .policy-eyebrow { font-family: var(--font-caps); font-size: 12px; letter-spacing: 0.2em; color: var(--gold); margin-bottom: 14px; }
    .policy-title { font-family: var(--font-display); font-size: clamp(36px, 5vw, 56px); font-weight: 900; color: var(--white); line-height: 1.05; margin-bottom: 10px; }
    .policy-title em { font-style: italic; color: var(--gold-light); }
    .policy-date { font-size: 13px; color: var(--grey); margin-bottom: 48px; }
    .policy-section { margin-bottom: 40px; }
    .policy-section h2 { font-family: var(--font-display); font-size: 20px; font-weight: 700; color: var(--white); margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid rgba(201,168,76,0.15); }
    .policy-section p { font-size: 15px; color: rgba(245,240,232,0.75); line-height: 1.8; margin-bottom: 12px; }
    .policy-section ul { padding-left: 20px; margin-bottom: 12px; }
    .policy-section ul li { font-size: 15px; color: rgba(245,240,232,0.75); line-height: 1.8; margin-bottom: 6px; }
    .policy-back { display: inline-flex; align-items: center; gap: 8px; color: var(--grey); font-size: 13px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; text-decoration: none; margin-bottom: 32px; transition: color 0.2s; }
    .policy-back:hover { color: var(--gold); }
  </style>
</head>
<body>

  <div class="ticker-bar">
    <div class="ticker-inner">
      <span class="ticker-label">LUMIS</span>
      <div class="ticker-track"><span>★ TERMS OF USE &nbsp;·&nbsp; LUMIS &nbsp;·&nbsp; ★ TERMS OF USE &nbsp;·&nbsp; LUMIS &nbsp;·&nbsp; ★ TERMS OF USE &nbsp;·&nbsp; LUMIS &nbsp;·&nbsp;</span></div>
    </div>
  </div>

  <nav class="nav scrolled">
    <div class="nav-logo" onclick="window.location='index.html'">
      <img src="images/logo.png" alt="LUMIS" class="nav-logo-img" />
    </div>
    <ul class="nav-links">
      <li><a href="index.html">Home</a></li>
      <li><a href="catalogue.html">Catalogue</a></li>
      <li><a href="history.html">History</a></li>
    </ul>
    <div class="nav-right">
      <button class="hamburger" id="hamburger" aria-label="Menu" onclick="toggleMobileMenu()">
        <span></span><span></span><span></span>
      </button>
    </div>
  </nav>
  <div class="mobile-menu" id="mobile-menu">
    <a href="index.html">Home</a>
    <a href="catalogue.html">Catalogue</a>
    <a href="history.html">History</a>
  </div>
  <div class="mobile-menu-overlay" id="mobile-menu-overlay" onclick="closeMobileMenu()"></div>

  <div class="policy-page">
    <div class="policy-content">
      <a class="policy-back" href="index.html">
        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="15,18 9,12 15,6"/></svg>
        Back to Home
      </a>
      <div class="policy-eyebrow">Legal</div>
      <h1 class="policy-title">Terms <em>of Use</em></h1>
      <p class="policy-date">Last updated: January 2024</p>

      <div class="policy-section">
        <h2>About LUMIS</h2>
        <p>LUMIS is a personal, non-commercial movie and TV index. It does not host, upload, or distribute any video content. All media is embedded from third-party streaming services. LUMIS simply provides a curated interface to discover and access that content.</p>
      </div>

      <div class="policy-section">
        <h2>Acceptable Use</h2>
        <p>By using LUMIS you agree to:</p>
        <ul>
          <li>Use the site for personal, non-commercial purposes only</li>
          <li>Not attempt to circumvent, scrape, or abuse the service</li>
          <li>Understand that streams are provided by third parties and availability may vary</li>
          <li>Comply with the laws of your country regarding streaming and copyright</li>
        </ul>
      </div>

      <div class="policy-section">
        <h2>Content & Copyright</h2>
        <p>All movie titles, posters, backdrops, and metadata displayed on LUMIS are the property of their respective copyright holders. LUMIS uses the TMDB API for metadata under their terms of use. LUMIS does not claim ownership of any of this content.</p>
        <p>If you are a rights holder and believe content is being displayed inappropriately, please contact us via GitHub.</p>
      </div>

      <div class="policy-section">
        <h2>Third-Party Streams</h2>
        <p>LUMIS embeds streams from third-party servers. We have no control over the availability, legality, or quality of those streams in your region. LUMIS is not responsible for the content or practices of any third-party streaming service.</p>
      </div>

      <div class="policy-section">
        <h2>No Warranties</h2>
        <p>LUMIS is provided as-is with no guarantees of uptime, availability, or stream quality. The service may change or be taken down at any time without notice.</p>
      </div>

      <div class="policy-section">
        <h2>Contact</h2>
        <p>LUMIS is a personal project by <a href="https://github.com/CameronCodesStuff" target="_blank" style="color:var(--gold)">CameronCodesStuff</a>. For any questions or concerns, open an issue on GitHub.</p>
      </div>
    </div>
  </div>

  <footer class="footer">
    <div class="footer-logo-wrap"><img src="images/logo.png" alt="LUMIS" class="footer-logo-img" /></div>
    <p class="footer-copy">© 2024 LUMIS Cinema On Demand. All rights reserved.</p>
    <div class="footer-links">
      <a href="privacy.html">Privacy</a>
      <a href="terms.html">Terms</a>
      <a href="index.html">Home</a>
    </div>
  </footer>

  <script>
    function toggleMobileMenu() {
      document.getElementById('mobile-menu').classList.toggle('open');
      document.getElementById('mobile-menu-overlay').classList.toggle('open');
      document.getElementById('hamburger').classList.toggle('open');
    }
    function closeMobileMenu() {
      document.getElementById('mobile-menu').classList.remove('open');
      document.getElementById('mobile-menu-overlay').classList.remove('open');
      document.getElementById('hamburger').classList.remove('open');
    }
    if ('serviceWorker' in navigator) navigator.serviceWorker.register('sw.js');
  </script>
</body>
</html>