terms.html
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> 6 <title>Terms of Use | PROOFOFCONCEPT</title> 7 8 <!-- Meta Tags --> 9 <meta name="description" content="Terms of Use for PROOFOFCONCEPT - Learn about the terms and conditions for using our experimental films, interactive cinema experiences, AI-powered entertainment, and community film services."> 10 <meta name="keywords" content="terms of use, terms and conditions, PROOFOFCONCEPT terms, film studio terms, Canadian film terms, experimental film terms, interactive cinema terms, AI entertainment terms, user agreement, service terms, film production terms"> 11 <meta name="author" content="PROOFOFCONCEPT Productions"> 12 <meta name="robots" content="index, follow"> 13 <meta name="theme-color" content="#EFF0EC"> 14 15 <!-- Open Graph --> 16 <meta property="og:title" content="Terms of Use - Service Terms & Conditions | PROOFOFCONCEPT"> 17 <meta property="og:description" content="Terms of Use for PROOFOFCONCEPT - Learn about the terms and conditions for using our experimental films, interactive cinema experiences, AI-powered entertainment, and community film services."> 18 <meta property="og:type" content="website"> 19 <meta property="og:url" content="https://proof-of-concept.ca/pages/terms"> 20 <meta property="og:locale" content="en_CA"> 21 <meta property="og:image" content="https://proof-of-concept.ca/assets/preview.jpg"> 22 23 <!-- Twitter Card --> 24 <meta name="twitter:card" content="summary_large_image"> 25 <meta name="twitter:title" content="Terms of Use - Service Terms & Conditions | PROOFOFCONCEPT"> 26 <meta name="twitter:description" content="Terms of Use for PROOFOFCONCEPT - Learn about the terms and conditions for using our experimental films, interactive cinema experiences, AI-powered entertainment, and community film services."> 27 <meta name="twitter:image" content="https://proof-of-concept.ca/assets/preview.jpg"> 28 <meta name="twitter:site" content="@proof__concept"> 29 30 <!-- Canonical --> 31 <link rel="canonical" href="https://proof-of-concept.ca/pages/terms"> 32 33 <!-- Google Verification --> 34 <meta name="google-site-verification" content="B0SBzeNtFIcGAwAKAt0TEfWatr9beufDv7kBV2qOAKg" /> 35 36 <!-- Structured Data for Terms of Use --> 37 <script type="application/ld+json"> 38 { 39 "@context": "https://schema.org", 40 "@type": "WebPage", 41 "name": "Terms of Use", 42 "description": "Terms of Use for PROOFOFCONCEPT - Learn about the terms and conditions for using our experimental films, interactive cinema experiences, AI-powered entertainment, and community film services.", 43 "url": "https://proof-of-concept.ca/pages/terms", 44 "publisher": { 45 "@type": "Organization", 46 "name": "PROOFOFCONCEPT Productions" 47 }, 48 "inLanguage": "en" 49 } 50 </script> 51 52 <!-- Favicons --> 53 <link rel="icon" type="image/png" sizes="16x16" href="../assets/favicons/light/favicon-16x16.png" media="(prefers-color-scheme: light)"> 54 <link rel="icon" type="image/png" sizes="16x16" href="../assets/favicons/dark/favicon-16x16.png" media="(prefers-color-scheme: dark)"> 55 <link rel="icon" type="image/png" sizes="32x32" href="../assets/favicons/light/favicon-32x32.png" media="(prefers-color-scheme: light)"> 56 <link rel="icon" type="image/png" sizes="32x32" href="../assets/favicons/dark/favicon-32x32.png" media="(prefers-color-scheme: dark)"> 57 <link rel="icon" type="image/x-icon" href="../assets/favicons/light/favicon.ico" media="(prefers-color-scheme: light)"> 58 <link rel="icon" type="image/x-icon" href="../assets/favicons/dark/favicon.ico" media="(prefers-color-scheme: dark)"> 59 <link rel="icon" type="image/png" sizes="192x192" href="../assets/favicons/light/android-chrome-192x192.png" media="(prefers-color-scheme: light)"> 60 <link rel="icon" type="image/png" sizes="192x192" href="../assets/favicons/dark/android-chrome-512x512.png" media="(prefers-color-scheme: dark)"> 61 <link rel="icon" type="image/png" sizes="512x512" href="../assets/favicons/light/android-chrome-512x512.png" media="(prefers-color-scheme: light)"> 62 <link rel="icon" type="image/png" sizes="512x512" href="../assets/favicons/dark/android-chrome-512x512.png" media="(prefers-color-scheme: dark)"> 63 <link rel="apple-touch-icon" href="../assets/favicons/light/apple-touch-icon.png" media="(prefers-color-scheme: light)"> 64 <link rel="apple-touch-icon" href="../assets/favicons/dark/apple-touch-icon.png" media="(prefers-color-scheme: dark)"> 65 <link rel="manifest" href="../assets/favicons/light/site.webmanifest" media="(prefers-color-scheme: light)"> 66 <link rel="manifest" href="../assets/favicons/dark/site.webmanifest" media="(prefers-color-scheme: dark)"> 67 68 <!-- External Resources --> 69 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" crossorigin="anonymous" referrerpolicy="no-referrer" /> 70 <link rel="preload" href="../assets/fonts/superbrigadecond.ttf" as="font" type="font/woff2" crossorigin> 71 72 <!-- Stylesheets --> 73 <link rel="stylesheet" href="../assets/css/main.css"> 74 <style> 75 @font-face { 76 font-family: 'NeueHaasGrotesk'; 77 src: url('../assets/fonts/neuehaasgrotdispround-75bold.otf') format('opentype'); 78 font-weight: 700; 79 font-style: normal; 80 font-display: swap; 81 } 82 @font-face { 83 font-family: 'SuperBrigadeCond'; 84 src: url('../assets/fonts/superbrigadecond.ttf') format('truetype'); 85 font-weight: normal; 86 font-style: normal; 87 font-display: swap; 88 } 89 90 html, body { 91 height: 100%; 92 background: #fff; 93 color: #111; 94 font-family: 'NeueHaasGrotesk', Helvetica, Arial, sans-serif; 95 margin: 0; 96 padding: 0; 97 min-height: 100vh; 98 scroll-behavior: smooth; 99 overflow-x: hidden; 100 cursor: none !important; 101 } 102 103 body { 104 opacity: 1; 105 transition: opacity 0.4s; 106 } 107 108 body.fade { 109 opacity: 0; 110 transition: opacity 0.4s; 111 } 112 113 a, button, *:hover, *:active, *:focus { 114 cursor: none !important; 115 } 116 117 * { 118 box-sizing: border-box; 119 user-select: none !important; 120 -webkit-user-select: none !important; 121 -ms-user-select: none !important; 122 -moz-user-select: none !important; 123 -webkit-user-drag: none !important; 124 touch-action: manipulation; 125 } 126 127 .custom-cursor { 128 position: fixed; 129 width: 20px; 130 height: 20px; 131 background-color: #111; 132 border-radius: 50%; 133 pointer-events: none; 134 z-index: 10003; 135 transition: transform 0.15s, background-color 0.25s; 136 transform: translate(-50%, -50%) scale(1); 137 } 138 139 .custom-cursor.expand { 140 transform: translate(-50%, -50%) scale(2.5); 141 background-color: #11111144; 142 } 143 144 .custom-cursor.cursor-hover { 145 transform: translate(-50%, -50%) scale(1.5); 146 background-color: #111111cc; 147 } 148 149 /* Hide custom cursor on mobile devices */ 150 @media (max-width: 768px) { 151 .custom-cursor { 152 display: none !important; 153 } 154 html, body { 155 cursor: none !important; 156 } 157 * { 158 cursor: none !important; 159 } 160 } 161 162 .main-header { 163 position: fixed; 164 top: 0; 165 left: 0; 166 width: 100vw; 167 background: #000; 168 color: #fff; 169 z-index: 9999; 170 display: flex; 171 flex-direction: row; 172 align-items: center; 173 justify-content: center; 174 padding: 0.4rem 0 0.2rem 0; 175 border-bottom: 1px solid #222; 176 min-height: 35px; 177 } 178 179 .main-header-title { 180 font-family: 'SuperBrigadeCond', sans-serif; 181 font-size: 1.1rem; 182 letter-spacing: 0.05em; 183 text-align: center; 184 font-weight: bold; 185 margin: 0 auto; 186 position: absolute; 187 left: 50%; 188 transform: translateX(-50%); 189 width: auto; 190 } 191 192 .terms-section { 193 min-height: 100vh; 194 width: 100vw; 195 display: flex; 196 flex-direction: column; 197 align-items: center; 198 justify-content: flex-start; 199 padding-top: 4rem; 200 padding-bottom: 2rem; 201 box-sizing: border-box; 202 position: relative; 203 } 204 205 .terms-hero { 206 width: 100vw; 207 padding: 4vw 8vw; 208 text-align: center; 209 margin-bottom: 2vw; 210 } 211 212 .terms-title { 213 font-family: 'SuperBrigadeCond', sans-serif; 214 font-size: 4vw; 215 font-weight: 900; 216 letter-spacing: -0.01em; 217 margin-bottom: 1vw; 218 line-height: 1.05; 219 color: #111; 220 } 221 222 .terms-subtitle { 223 font-family: 'NeueHaasGrotesk', Helvetica, Arial, sans-serif; 224 font-size: 1.9vw; 225 font-weight: 700; 226 color: #111; 227 margin-bottom: 2vw; 228 line-height: 1.1; 229 } 230 231 .terms-description { 232 font-family: 'NeueHaasGrotesk', Helvetica, Arial, sans-serif; 233 font-size: 1.2vw; 234 font-weight: 500; 235 color: #666; 236 max-width: 60vw; 237 margin: 0 auto; 238 line-height: 1.4; 239 } 240 241 .terms-content { 242 width: 100vw; 243 padding: 0 8vw; 244 max-width: 1200px; 245 margin: 0 auto; 246 } 247 248 .terms-section-content { 249 margin-bottom: 4vw; 250 } 251 252 .terms-section-title { 253 font-family: 'SuperBrigadeCond', sans-serif; 254 font-size: 2.5vw; 255 font-weight: 900; 256 color: #111; 257 margin-bottom: 2vw; 258 letter-spacing: 0.01em; 259 } 260 261 .terms-section-subtitle { 262 font-family: 'SuperBrigadeCond', sans-serif; 263 font-size: 1.8vw; 264 font-weight: 900; 265 color: #111; 266 margin-bottom: 1.5vw; 267 margin-top: 3vw; 268 letter-spacing: 0.01em; 269 } 270 271 .terms-text { 272 font-family: 'NeueHaasGrotesk', Helvetica, Arial, sans-serif; 273 font-size: 1.1vw; 274 line-height: 1.7; 275 color: #333; 276 margin-bottom: 1.5vw; 277 } 278 279 .terms-list { 280 margin-bottom: 2vw; 281 padding-left: 2vw; 282 } 283 284 .terms-list li { 285 font-family: 'NeueHaasGrotesk', Helvetica, Arial, sans-serif; 286 font-size: 1.1vw; 287 line-height: 1.7; 288 color: #333; 289 margin-bottom: 1vw; 290 } 291 292 .terms-highlight { 293 background: #f8f8f8; 294 padding: 2vw; 295 border-radius: 1vw; 296 border-left: 4px solid #111; 297 margin: 2vw 0; 298 } 299 300 .terms-highlight-text { 301 font-family: 'NeueHaasGrotesk', Helvetica, Arial, sans-serif; 302 font-size: 1vw; 303 line-height: 1.6; 304 color: #555; 305 font-style: italic; 306 } 307 308 .back-btn { 309 display: block; 310 margin: 2.5rem auto 0 auto; 311 background: #111; 312 color: #fff; 313 border: 2px solid #111; 314 border-radius: 0.8vw; 315 font-family: 'NeueHaasGrotesk', Helvetica, Arial, sans-serif; 316 font-size: 1.1rem; 317 font-weight: 800; 318 padding: 0.8rem 2rem; 319 box-shadow: 0 4px 16px rgba(0,0,0,0.15); 320 cursor: pointer; 321 text-decoration: none; 322 transition: all 0.3s ease; 323 opacity: 1; 324 position: relative; 325 z-index: 10; 326 text-transform: uppercase; 327 letter-spacing: 0.05em; 328 } 329 330 .back-btn:hover { 331 background: #fff; 332 color: #111; 333 border: 2px solid #111; 334 opacity: 1; 335 transform: translateY(-2px); 336 box-shadow: 0 6px 20px rgba(0,0,0,0.2); 337 } 338 339 /* Newsletter Form Styles */ 340 .newsletter-form { 341 display: flex; 342 gap: 1vw; 343 margin-top: 1vw; 344 } 345 346 .newsletter-input { 347 flex: 1; 348 padding: 0.8vw 1.2vw; 349 border: 2px solid #333; 350 border-radius: 0.5vw; 351 font-family: 'NeueHaasGrotesk', Helvetica, Arial, sans-serif; 352 font-size: 0.9vw; 353 background: #000; 354 color: #fff; 355 transition: border-color 0.2s; 356 } 357 358 .newsletter-input:focus { 359 outline: none; 360 border-color: #fff; 361 } 362 363 .newsletter-input::placeholder { 364 color: #999; 365 } 366 367 .newsletter-button { 368 background: #fff; 369 color: #000; 370 border: none; 371 padding: 0.8vw 1.2vw; 372 border-radius: 0.5vw; 373 font-family: 'NeueHaasGrotesk', Helvetica, Arial, sans-serif; 374 font-size: 0.9vw; 375 font-weight: 700; 376 cursor: pointer; 377 transition: all 0.2s; 378 white-space: nowrap; 379 } 380 381 .newsletter-button:hover { 382 background: #ccc; 383 transform: translateY(-1px); 384 } 385 386 /* Mobile Responsive Styles */ 387 @media (max-width: 900px) { 388 .terms-title { font-size: 2.5rem; } 389 .terms-subtitle { font-size: 1.5rem; } 390 .terms-description { font-size: 1.1rem; max-width: 90vw; } 391 .terms-content { padding: 0 4vw; } 392 .terms-section-title { font-size: 2rem; } 393 .terms-section-subtitle { font-size: 1.5rem; } 394 .terms-text, .terms-list li { font-size: 1rem; } 395 .terms-highlight { padding: 1.5rem; } 396 .terms-highlight-text { font-size: 0.9rem; } 397 .newsletter-form { flex-direction: column; gap: 1rem; } 398 .newsletter-input, .newsletter-button { font-size: 1rem; padding: 0.8rem 1.2rem; } 399 } 400 401 @media (max-width: 600px) { 402 .terms-section { padding-top: 2.5rem; } 403 .terms-hero { padding: 2rem 4vw; } 404 .terms-title { font-size: 2rem; } 405 .terms-subtitle { font-size: 1.3rem; } 406 .terms-description { font-size: 1rem; } 407 .terms-content { padding: 0 4vw; } 408 .terms-section-title { font-size: 1.8rem; } 409 .terms-section-subtitle { font-size: 1.4rem; } 410 .terms-text, .terms-list li { font-size: 0.9rem; } 411 .terms-highlight { padding: 1rem; } 412 .terms-highlight-text { font-size: 0.8rem; } 413 .newsletter-form { flex-direction: column; gap: 0.8rem; } 414 .newsletter-input, .newsletter-button { font-size: 0.9rem; padding: 0.8rem; } 415 } 416 </style> 417 </head> 418 <body> 419 <div class="custom-cursor" id="cursor"></div> 420 421 <header class="main-header"> 422 <a href="../index.html" class="main-header-title" style="text-decoration: none; color: inherit;">PROOFOFCONCEPT</a> 423 <div class="hamburger-icon"> 424 <i class="fas fa-bars"></i> 425 </div> 426 </header> 427 428 <!-- Side Menu --> 429 <div class="side-menu" id="side-menu"> 430 <div class="side-menu-header"> 431 <div class="side-menu-close"> 432 <i class="fas fa-times"></i> 433 </div> 434 </div> 435 <nav class="side-menu-nav"> 436 <a href="../films/streaming.html" class="side-menu-link">WATCH</a> 437 <a href="../blog/" class="side-menu-link">READ</a> 438 <a href="store.html" class="side-menu-link">SHOP</a> 439 <div class="menu-spacer"></div> 440 <a href="contribute.html" class="side-menu-link">CONTRIBUTE</a> 441 <a href="digifest.html" class="side-menu-link">DIGIFEST</a> 442 <div class="menu-spacer"></div> 443 <a href="about.html" class="side-menu-link">ABOUT</a> 444 <a href="faq.html" class="side-menu-link">FAQ</a> 445 </nav> 446 <div class="side-menu-footer"> 447 <div class="side-menu-bottom-nav"> 448 <a href="terms.html" class="side-menu-link side-menu-bottom-link">TERMS OF USE</a> 449 <a href="privacy.html" class="side-menu-link side-menu-bottom-link">PRIVACY POLICY</a> 450 </div> 451 <div class="side-menu-social"> 452 <a href="mailto:contact@proof-of-concept.ca" class="side-menu-social-link"> 453 <i class="fas fa-envelope"></i> 454 </a> 455 <a href="https://instagram.com/proof__concept" target="_blank" class="side-menu-social-link"> 456 <i class="fab fa-instagram"></i> 457 </a> 458 <a href="https://x.com/proof__concept" target="_blank" class="side-menu-social-link"> 459 <i class="fab fa-x-twitter"></i> 460 </a> 461 <a href="https://github.com/PROOFOFCONCEPT-Productions" target="_blank" class="side-menu-social-link"> 462 <i class="fab fa-github"></i> 463 </a> 464 </div> 465 </div> 466 </div> 467 468 <!-- Side Menu Overlay --> 469 <div class="side-menu-overlay" id="side-menu-overlay"></div> 470 471 <main class="terms-section" id="main-section"> 472 <div class="terms-hero"> 473 <h1 class="terms-title">Terms of Use</h1> 474 <p class="terms-subtitle">Service Terms & Conditions</p> 475 <p class="terms-description">Please read these terms carefully before using our experimental films, interactive cinema experiences, AI-powered entertainment, and community film services.</p> 476 </div> 477 478 <div class="terms-content"> 479 <div class="terms-section-content"> 480 <h2 class="terms-section-title">1. Acceptance of Terms</h2> 481 <p class="terms-text">By accessing and using the PROOFOFCONCEPT website and services, you accept and agree to be bound by the terms and provision of this agreement. If you do not agree to abide by the above, please do not use this service.</p> 482 483 <h3 class="terms-section-subtitle">2. Description of Services</h3> 484 <p class="terms-text">PROOFOFCONCEPT provides a multidisciplinary media studio focused on unconventional approaches to film which integrate new ideas and state-of-the-art technology. Our services include:</p> 485 486 <ul class="terms-list"> 487 <li><strong>Experimental Films:</strong> Avant-garde cinema experiences including visual poetry, romance films, and horror experiences</li> 488 <li><strong>Interactive Cinema:</strong> Choose-your-own-adventure style films and participatory storytelling experiences</li> 489 <li><strong>AI-Powered Entertainment:</strong> Adaptive horror experiences and AI-driven content that responds to user interaction</li> 490 <li><strong>Community Film Projects:</strong> Real-time, communally directed film experiences with collaborative storytelling</li> 491 <li><strong>Streaming Library:</strong> Access to our collection of experimental and interactive films</li> 492 <li><strong>Merchandise:</strong> Limited edition clothing and accessories featuring our film project designs</li> 493 <li><strong>Digital Film Festival (DIGIFEST):</strong> Showcasing experimental cinema and cutting-edge filmmaking technology</li> 494 <li><strong>Blog & Articles:</strong> Behind-the-scenes insights and film production content</li> 495 </ul> 496 497 <h3 class="terms-section-subtitle">3. User Accounts and Registration</h3> 498 <p class="terms-text">Some of our services may require user account creation. When creating an account, you agree to:</p> 499 500 <ul class="terms-list"> 501 <li>Provide accurate, current, and complete information</li> 502 <li>Maintain and promptly update your account information</li> 503 <li>Maintain the security of your password and account</li> 504 <li>Accept responsibility for all activities that occur under your account</li> 505 <li>Notify us immediately of any unauthorized use of your account</li> 506 </ul> 507 508 <div class="terms-highlight"> 509 <p class="terms-highlight-text">Note: Account creation may be required for interactive experiences, community film participation, and personalized content delivery.</p> 510 </div> 511 512 <h3 class="terms-section-subtitle">4. Content and Intellectual Property</h3> 513 <p class="terms-text">All content on this website, including but not limited to films, images, text, graphics, and software, is the property of PROOFOFCONCEPT Productions and is protected by Canadian and international copyright laws.</p> 514 515 <p class="terms-text">Users may not:</p> 516 <ul class="terms-list"> 517 <li>Reproduce, distribute, or publicly display our content without permission</li> 518 <li>Modify, adapt, or create derivative works from our content</li> 519 <li>Use our content for commercial purposes without written consent</li> 520 <li>Remove or alter any copyright notices or proprietary designations</li> 521 </ul> 522 523 <h3 class="terms-section-subtitle">5. Interactive Experiences and AI Content</h3> 524 <p class="terms-text">Our interactive cinema experiences and AI-powered content may collect user interaction data to provide personalized experiences. By participating in these experiences, you consent to:</p> 525 526 <ul class="terms-list"> 527 <li>Data collection for personalization and improvement of services</li> 528 <li>AI analysis of your preferences and interaction patterns</li> 529 <li>Content adaptation based on your choices and behavior</li> 530 <li>Community contribution to collaborative film projects</li> 531 </ul> 532 533 <h3 class="terms-section-subtitle">6. Community Film Participation</h3> 534 <p class="terms-text">Our #COMMUNITYFILM project allows users to contribute to real-time, democratically directed film experiences. Participants agree to:</p> 535 536 <ul class="terms-list"> 537 <li>Respect community guidelines and collaborative spirit</li> 538 <li>Contribute appropriate and non-harmful content</li> 539 <li>Understand that contributions may be used in final film productions</li> 540 <li>Grant PROOFOFCONCEPT rights to use contributed content</li> 541 <li>Maintain appropriate behavior in community spaces</li> 542 </ul> 543 544 <h3 class="terms-section-subtitle">7. Streaming and Content Access</h3> 545 <p class="terms-text">Access to our streaming library and film content is provided for personal, non-commercial use. Users agree to:</p> 546 547 <ul class="terms-list"> 548 <li>Use content for personal entertainment and educational purposes only</li> 549 <li>Not attempt to download, copy, or redistribute streamed content</li> 550 <li>Respect content ratings and age restrictions</li> 551 <li>Not use content in public screenings without permission</li> 552 </ul> 553 554 <h3 class="terms-section-subtitle">8. Merchandise and Store</h3> 555 <p class="terms-text">Our merchandise store offers limited edition items featuring our film project designs. Purchase terms include:</p> 556 557 <ul class="terms-list"> 558 <li>All sales are final unless otherwise specified</li> 559 <li>Limited edition items are subject to availability</li> 560 <li>Prices are in Canadian Dollars (CAD) and subject to change</li> 561 <li>Shipping and handling fees apply as indicated</li> 562 <li>Returns and exchanges subject to our return policy</li> 563 </ul> 564 565 <h3 class="terms-section-subtitle">9. User Conduct and Prohibited Activities</h3> 566 <p class="terms-text">Users must not engage in any activities that:</p> 567 568 <ul class="terms-list"> 569 <li>Violate any applicable laws or regulations</li> 570 <li>Infringe on the rights of others</li> 571 <li>Interfere with the operation of our services</li> 572 <li>Attempt to gain unauthorized access to our systems</li> 573 <li>Spread malware, viruses, or harmful code</li> 574 <li>Harass, abuse, or harm other users</li> 575 <li>Use our services for spam or unsolicited communications</li> 576 </ul> 577 578 <h3 class="terms-section-subtitle">10. Privacy and Data Protection</h3> 579 <p class="terms-text">Your privacy is important to us. Our collection and use of personal information is governed by our Privacy Policy, which is incorporated into these Terms of Use by reference.</p> 580 581 <h3 class="terms-section-subtitle">11. Disclaimers and Limitations</h3> 582 <p class="terms-text">PROOFOFCONCEPT provides its services "as is" without warranties of any kind. We are not responsible for:</p> 583 584 <ul class="terms-list"> 585 <li>Content accuracy or completeness</li> 586 <li>Service interruptions or technical issues</li> 587 <li>User-generated content or third-party contributions</li> 588 <li>Damages resulting from use of our services</li> 589 </ul> 590 591 <h3 class="terms-section-subtitle">12. Termination</h3> 592 <p class="terms-text">We may terminate or suspend your access to our services at any time, with or without cause, with or without notice. You may terminate your account at any time by contacting us.</p> 593 594 <h3 class="terms-section-subtitle">13. Changes to Terms</h3> 595 <p class="terms-text">We reserve the right to modify these terms at any time. Changes will be effective immediately upon posting. Your continued use of our services constitutes acceptance of any changes.</p> 596 597 <h3 class="terms-section-subtitle">14. Governing Law</h3> 598 <p class="terms-text">These terms are governed by the laws of Canada and the province of Ontario. Any disputes will be resolved in the courts of Ontario, Canada.</p> 599 600 <h3 class="terms-section-subtitle">15. Contact Information</h3> 601 <p class="terms-text">If you have any questions about these Terms of Use, please contact us at:</p> 602 603 <div class="terms-highlight"> 604 <p class="terms-highlight-text">Email: contact@proof-of-concept.ca<br> 605 Website: https://proof-of-concept.ca<br> 606 Based in Canada</p> 607 </div> 608 609 <p class="terms-text"><strong>Last updated:</strong> January 2025</p> 610 </div> 611 </div> 612 613 <a href="../index.html" class="back-btn" aria-label="Back to home">Back</a> 614 </main> 615 616 <!-- INFO Section --> 617 <section class="info-section"> 618 <div class="info-content"> 619 <div class="info-left"> 620 <h2 class="info-header">ABOUT</h2> 621 <p class="info-paragraph">PROOFOFCONCEPT is a multidisciplinary media studio focused on unconventional approaches to film which integrate new ideas and state-of-the-art technology, immersing the viewer into the media experience.</p> 622 </div> 623 624 <div class="info-center"> 625 <h2 class="info-header">INFO</h2> 626 <div class="info-links"> 627 <a href="../blog/" class="info-link">Articles</a> 628 <a href="privacy.html" class="info-link">Privacy Policy</a> 629 <a href="about.html" class="info-link">About</a> 630 <a href="faq.html" class="info-link">FAQ</a> 631 </div> 632 </div> 633 634 <!-- Newsletter Signup --> 635 <div class="info-newsletter"> 636 <h2 class="info-header">STAY UPDATED</h2> 637 <form class="newsletter-form" id="newsletter-form"> 638 <input type="email" class="newsletter-input" placeholder="Enter your email" required> 639 <button type="submit" class="newsletter-button">Subscribe</button> 640 </form> 641 </div> 642 643 <div class="info-right"> 644 <h2 class="info-header">CONTACT</h2> 645 <div class="info-email"><a href="mailto:contact@proof-of-concept.ca">contact@proof-of-concept.ca</a></div> 646 <div class="info-icons"> 647 <a href="mailto:contact@proof-of-concept.ca" class="info-icon" title="Email" aria-label="Email"> 648 <i class="fa-solid fa-envelope"></i> 649 </a> 650 <a href="https://instagram.com/proof__concept" class="info-icon" title="Instagram" aria-label="Instagram" target="_blank"> 651 <i class="fa-brands fa-instagram"></i> 652 </a> 653 <a href="https://x.com/proof__concept" class="info-icon" title="X (Twitter)" aria-label="X (Twitter)" target="_blank"> 654 <i class="fa-brands fa-x-twitter"></i> 655 </a> 656 <a href="https://github.com/PROOFOFCONCEPT-Productions" class="info-icon" title="GitHub" aria-label="GitHub" target="_blank"> 657 <i class="fa-brands fa-github"></i> 658 </a> 659 </div> 660 </div> 661 </div> 662 </section> 663 664 <script> 665 // Custom cursor functionality 666 const cursor = document.getElementById("cursor"); 667 document.addEventListener("mousemove", e => { 668 cursor.style.top = e.clientY + "px"; 669 cursor.style.left = e.clientX + "px"; 670 }); 671 document.addEventListener("mousedown", () => { 672 cursor.classList.add("expand"); 673 }); 674 document.addEventListener("mouseup", () => { 675 cursor.classList.remove("expand"); 676 }); 677 678 const allLinks = document.querySelectorAll('a, button'); 679 allLinks.forEach(link => { 680 link.addEventListener('mouseenter', () => { 681 cursor.classList.add('cursor-hover'); 682 }); 683 link.addEventListener('mouseleave', () => { 684 cursor.classList.remove('cursor-hover'); 685 }); 686 }); 687 688 // Newsletter form handling 689 document.addEventListener('DOMContentLoaded', function() { 690 const newsletterForm = document.getElementById('newsletter-form'); 691 if (newsletterForm) { 692 newsletterForm.addEventListener('submit', function(e) { 693 e.preventDefault(); 694 const email = this.querySelector('.newsletter-input').value; 695 if (email) { 696 alert('Thank you for subscribing! We\'ll keep you updated on new releases and events.'); 697 this.reset(); 698 } 699 }); 700 } 701 }); 702 703 // Fade in on load 704 document.body.classList.add('fade'); 705 window.addEventListener('DOMContentLoaded', () => { 706 document.body.classList.remove('fade'); 707 }); 708 709 // Fade out on link click 710 document.querySelectorAll('a').forEach(link => { 711 if (link.hostname === window.location.hostname) { 712 link.addEventListener('click', function(e) { 713 if (link.target === '_blank' || link.href.includes('#')) return; 714 e.preventDefault(); 715 document.body.classList.add('fade'); 716 setTimeout(() => { 717 window.location = link.href; 718 }, 400); 719 }); 720 } 721 }); 722 </script> 723 724 <!-- Scripts --> 725 <script src="../assets/js/main.js"></script> 726 </body> 727 </html>