terms-conditions.html at main - Joolace/dbd-reshade

main
dbd-reshade
List view
terms-conditions.html

0 Duplication
4 Churn
436 Lines
93 Lines of Code
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ReShade Installer for Dead by Daylight</title>

    <script>
        window.addEventListener("load", function() {
            let preloader = document.getElementById("preloader");
            preloader.classList.add("hidden");
            setTimeout(() => {
                preloader.style.display = "none";
            }, 500); 
        });
    </script>

    <!-- Cookie Script -->
    <script type="text/javascript" charset="UTF-8" src="//cdn.cookie-script.com/s/fd3c2521d51143bba00b59efdcbe5fc0.js"></script>

    <!-- Google Tag Manager -->
    <script>
        (function(w, d, s, l, i) {
            w[l] = w[l] || [];
            w[l].push({
                'gtm.start': new Date().getTime(),
                event: 'gtm.js'
            });
            var f = d.getElementsByTagName(s)[0],
                j = d.createElement(s),
                dl = l != 'dataLayer' ? '&l=' + l : '';
            j.async = true;
            j.src =
                'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
            f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', 'GTM-WV6FRF33');
    </script>
    <!-- End Google Tag Manager -->

    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-BMHYGH19CZ"></script>
    <script>
        window.dataLayer = window.dataLayer || [];

        function gtag() {
            dataLayer.push(arguments);
        }
        gtag('js', new Date());

        gtag('config', 'G-BMHYGH19CZ');
    </script>

    <!-- SEO Meta Tags -->
    <meta name="description" content="ReShade Installer for Dead by Daylight simplifies the installation and configuration of ReShade for the game, offering features like automatic detection, preset management, and a user-friendly GUI.">
    <meta name="keywords" content="ReShade, Dead by Daylight, Installer, Game Modding, Preset Management, GUI, PowerShell Script, Automatic Detection">
    <meta name="author" content="Joolace">

    <!-- Open Graph Meta Tags for Social Media -->
    <meta property="og:title" content="ReShade Installer for Dead by Daylight">
    <meta property="og:description" content="Simplify ReShade installation and configuration for Dead by Daylight with automatic detection, preset management, and a user-friendly GUI.">
    <meta property="og:image" content="https://raw.githubusercontent.com/Joolace/dbd-reshade/main/dbdreshade_logo.png">
    <meta property="og:url" content="https://joolace.github.io/dbd-reshade/">
    <meta property="og:type" content="website">

    <!-- Favicon -->
    <link rel="icon" href="https://raw.githubusercontent.com/Joolace/dbd-reshade/main/favicon.ico" type="image/x-icon">

    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap" rel="stylesheet">

    <!-- Font Awesome CDN -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">

    <!-- GLightbox CSS -->
    <link href="https://cdn.jsdelivr.net/npm/glightbox/dist/css/glightbox.min.css" rel="stylesheet">

    <style>
        body {
            font-family: 'Open Sans', sans-serif;
            margin: 0;
            padding: 0;
            background-color: #000;
            color: #fff;
        }
        
        header {
            background: transparent;
            color: #fff;
            padding: 20px;
            text-align: center;
        }
        
        header img {
            width: 150px;
            margin-bottom: 10px;
        }
        
        header h1 {
            margin: 0;
            font-size: 3em;
            font-weight: bold;
        }
        
        main {
            padding: 20px;
            max-width: 900px;
            margin: 20px auto;
            background: #11111170;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
        }
        
        h2,
        h3 {
            color: #fff;
        }
        
        a {
            color: #1e90ff;
            text-decoration: none;
        }
        
        a:hover {
            text-decoration: underline;
        }
        
        pre {
            background: #222;
            color: #fff;
            padding: 10px;
            border: 1px solid #444;
            border-radius: 5px;
            overflow-x: auto;
        }
        
        .button {
            display: inline-block;
            padding: 10px 20px;
            margin: 10px 0;
            background: #1e90ff;
            color: #fff;
            text-decoration: none;
            border-radius: 5px;
        }
        
        .button:hover {
            background: #0a74da;
        }
        
        .credits a {
            display: block;
            margin: 5px 0;
        }

        ::selection{
            background-color: white;
            color: black;
        }
        
        footer {
            text-align: center;
            padding: 20px 10px;
            background: transparent;
            color: #fff;
            margin-top: 20px;
            display: flex;
            flex-direction: column;
            align-content: center;
            align-items: center;
            justify-content: center;
        }

        footer p{
            font-size: 0.8rem;
            max-width: 900px;
        }
        
        .social-icons {
            margin-top: 10px;
        }
        
        .social-icons a {
            color: #fff;
            font-size: 1.5em;
            margin: 0 10px;
            text-decoration: none;
        }
        
        .social-icons a:hover {
            color: #1e90ff;
        }
        
        .disclaimer {
            background: #11111170;
            padding: 20px;
            border-radius: 5px;
            margin: 20px 0;
            border: 1px solid #444;
        }
        
        .disclaimer p {
            margin: 0;
            font-size: 0.9em;
        }
        
        .discord-section {
            background: #11111170;
            padding: 20px;
            border-radius: 5px;
            margin: 20px 0;
            border: 1px solid #444;
        }
        
        .discord-section h2 {
            margin-top: 0;
        }
        
        .discord-section a.button {
            background: #7289da;
            color: #fff;
        }
        
        .discord-section a.button:hover {
            background: #5a6eaa;
        }
        
        #submit-preset {
            background: #11111170;
            padding: 20px;
            border-radius: 5px;
            margin: 20px 0;
            border: 1px solid #444;
            text-align: left;
        }

        #presetForm {
            display: flex;
            flex-direction: column;
            gap: 10px;
            max-width: 100%;
            margin: 0 auto;
        }

        #presetForm textarea {
            width: 100%;
            border: 1px solid #444;
            border-radius: 5px;
            background: #111;
            color: white;
        }
        #presetForm button {
            background: #1e90ff;
            color: white;
            border: none;
            padding: 10px;
            cursor: pointer;
            border-radius: 5px;
            font-family: 'Open Sans', sans-serif;
            text-transform: uppercase;
            font-weight: 700;
        }
        
        #presetForm button:hover {
            background: #0a74da;
        }

        #preloader {
             position: fixed;
             width: 100%;
             height: 100%;
             background: #000;
             display: flex;
             align-items: center;
             justify-content: center;
             z-index: 9999;
             transition: opacity 0.5s ease-out, visibility 0.5s ease-out;
        }

        #preloader.hidden {
            opacity: 0;
            visibility: hidden;
        }
            
        .spinner {
            width: 50px;
            height: 50px;
            border: 5px solid rgba(255, 255, 255, 0.3);
            border-top: 5px solid #fff;
            border-radius: 50%;
            animation: spin 1s linear infinite;
        }

        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        
        @media screen and (max-width: 767px) {
            header h1 {
                font-size: 2em;
            }
        }
        
        .screenshots-gallery {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }
        
        .screenshots-gallery a {
            display: inline-block;
            border: 1px solid #333;
            border-radius: 5px;
            overflow: hidden;
            transition: transform 0.2s ease-in-out;
        }
        
        .screenshots-gallery a:hover {
            transform: scale(1.05);
        }
        
        .screenshots-gallery img {
            display: block;
            width: 150px;
            height: auto;
        }
        
        .video-container {
            position: relative;
            width: 100%;
            padding-bottom: 56.25%;
            height: 0;
            overflow: hidden;
        }
        
        .video-container iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
    </style>
</head>

<body>
    <div id="preloader">
        <div class="spinner"></div>
    </div>
    
    <video id="background-video" autoplay loop muted playsinline style="position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; z-index: -1;">
        <source src="./media/video-background.webm" type="video/mp4">
        Your browser does not support the video tag.
    </video>
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WV6FRF33"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->

    <header>
        <img src="https://raw.githubusercontent.com/Joolace/dbd-reshade/main/dbdreshade_logo.png" alt="ReShade Logo">
        <h1>ReShade Installer for Dead by Daylight</h1>
    </header>

    <main>
        <section>
            <h2>Terms and conditions</h2>
            <p><strong>Upload and Publication</strong></p>
            <p>
                The files submitted, including the screenshot and .ini file, will be uploaded to the associated public GitHub repository.
                The files will be publicly accessible and visible online.
            </p>
        
            <p><strong>Modification and Use by Third Parties</strong></p>
            <p>
                The submitted files may be modified, redistributed, and monetized by third parties without your further consent or approval.
            </p>
        
            <p><strong>Intellectual Property Rights</strong></p>
            <p>
                By submitting files, you confirm that you own all rights to the submitted content or have the necessary authorization to share them publicly.
                You agree to grant an irrevocable, worldwide, non-exclusive, royalty-free license for the use, modification, distribution, and monetization of the submitted files.
            </p>
        
            <p><strong>Liability</strong></p>
            <p>
                We are not responsible for the use of submitted files by third parties, nor for any copyright infringements or other legal issues arising from the submission of files.
            </p>
        
            <p><strong>Privacy and Personal Data</strong></p>
            <p>
                We do not collect personal information beyond what is strictly necessary for submitting the form.
                File submission is voluntary, and you agree that submitted content cannot be removed once published.
            </p>
        
            <p><strong>Changes to the Terms</strong></p>
            <p>
                We reserve the right to modify these Terms and Conditions at any time. You are encouraged to review them periodically.
            </p>
        </section>
        </section>
    </main>

    <footer>
        <p>This program is not affiliated with, endorsed, sponsored, or approved in any way by Behaviour Interactive Inc. or the creators of Dead by Daylight. All trademarks, trade names, and related content of Dead by Daylight are the property of their respective owners. This program is created solely for educational purposes and to enhance user experience. By using this program, you acknowledge and agree to do so at your own risk. © 2025 Joolace. All rights reserved. </p>
        <div class="social-icons">
            <a href="https://discord.gg/RB85R838K9" target="_blank"><i class="fab fa-discord"></i></a>
            <a href="https://www.instagram.com/joolace" target="_blank"><i class="fab fa-instagram"></i></a>
            <a href="https://www.twitch.tv/joolace_" target="_blank"><i class="fab fa-twitch"></i></a>
            <a href="https://www.youtube.com/@Joolace" target="_blank"><i class="fab fa-youtube"></i></a>
            <a href="https://github.com/Joolace" target="_blank"><i class="fab fa-github"></i></a>
        </div>
    </footer>

    <!-- GLightbox JS -->
    <script src="https://cdn.jsdelivr.net/npm/glightbox/dist/js/glightbox.min.js"></script>
    <script>
        const lightbox = GLightbox({
            touchNavigation: true,
            loop: true,
        });
    </script>

    <script>
    document.addEventListener("DOMContentLoaded", function() {
        var video = document.getElementById("background-video");
        video.play().catch(error => {
           console.log("Autoplay blocked, waiting for user interaction.");
       });
   });
   </script>

</body>

</html>