<!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="UTF-8" />
      <meta http-equiv="X-UA-Compatible" content="IE=edge" />
      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
      <title>cloud.fate.ovh | FAQ's</title>
      <link href="https://assets.fate.ovh/style.css" rel="stylesheet">
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
      <script src="https://cdn.tailwindcss.com"></script>
   </head>
   <body x-data="{ page: 'home', 'loaded': true, 'stickyMenu': false, 'navigationOpen': false, 'scrollTop': false }">
      <header class="fixed left-0 top-0 w-full z-9999 py-7 lg:py-0"
         :class="{ 'bg-dark/70 backdrop-blur-lg shadow !py-4 lg:!py-0 transition duration-100 before:absolute before:w-full before:h-[1px] before:bottom-0 before:left-0 before:features-row-border' : stickyMenu }"
         @scroll.window="stickyMenu = (window.scrollY > 0) ? true : false">
         <div class="max-w-[1170px] mx-auto px-4 sm:px-8 xl:px-0 lg:flex items-center justify-between relative">
            <div class="w-full lg:w-1/4 flex items-center justify-between">
               <button class="lg:hidden block" @click="navigationOpen = !navigationOpen">
               <span class="block relative cursor-pointer w-5.5 h-5.5">
               <span class="du-block absolute right-0 w-full h-full">
               <span
                  class="block relative top-0 left-0 bg-white rounded-sm w-0 h-0.5 my-1 ease-in-out duration-200 delay-[0]"
                  :class="{ '!w-full delay-300': !navigationOpen }"></span>
               <span
                  class="block relative top-0 left-0 bg-white rounded-sm w-0 h-0.5 my-1 ease-in-out duration-200 delay-150"
                  :class="{ '!w-full delay-400': !navigationOpen }"></span>
               <span
                  class="block relative top-0 left-0 bg-white rounded-sm w-0 h-0.5 my-1 ease-in-out duration-200 delay-200"
                  :class="{ '!w-full delay-500': !navigationOpen }"></span>
               </span>
               <span class="du-block absolute right-0 w-full h-full rotate-45">
               <span
                  class="block bg-white rounded-sm ease-in-out duration-200 delay-300 absolute left-2.5 top-0 w-0.5 h-full"
                  :class="{ '!h-0 delay-[0]': !navigationOpen }"></span>
               <span
                  class="block bg-white rounded-sm ease-in-out duration-200 delay-400 absolute left-0 top-2.5 w-full h-0.5"
                  :class="{ '!h-0 dealy-200': !navigationOpen }"></span>
               </span>
               </span>
               </button>
            </div>
            <div class="w-full lg:w-3/4 h-0 lg:h-auto invisible lg:visible lg:flex items-center justify-between"
               :class="{ '!visible bg-dark shadow-lgrelative !h-auto max-h-[400px] overflow-y-scroll rounded-md mt-4 p-7.5': navigationOpen }">
               <nav>
                  <ul class="flex lg:items-center flex-col lg:flex-row gap-5 lg:gap-2">
                     <li class="nav__menu lg:py-7" :class="{ 'lg:!py-4' : stickyMenu }">
                        <a href="/#home"
                           class="relative text-white/80 text-sm py-1.5 px-4 border border-transparent hover:text-white hover:nav-gradient"
                           :class="{'!text-white nav-gradient' :page === 'home'}">Home</a>
                     </li>
                     <li class="nav__menu lg:py-7" :class="{ 'lg:!py-4' : stickyMenu }">
                        <a href="/#features"
                           class="relative text-white/80 text-sm py-1.5 px-4 border border-transparent hover:text-white hover:nav-gradient">Features</a>
                     </li>
                     <li class="nav__menu lg:py-7" :class="{ 'lg:!py-4' : stickyMenu }">
                        <a href="/#pricing"
                           class="relative text-white/80 text-sm py-1.5 px-4 border border-transparent hover:text-white hover:nav-gradient">Pricing</a>
                     </li>
                     <li class="group relative lg:py-7" :class="{ 'lg:!py-4' : stickyMenu }" x-data="{ dropdown: false }">
                        <a href="#"
                           class="relative text-white/80 text-sm py-1.5 px-4 border border-transparent hover:text-white hover:nav-gradient flex items-center justify-between gap-3"
                           @click.prevent="dropdown = !dropdown"
                           :class="{ '!text-white nav-gradient': page === 'about' || page === 'pricing' || page === 'blog-grid' || page === 'blog-single' || page === 'signin' || page === 'signup' || page === '404' }">
                           Pages
                           <svg class="fill-current w-3 h-3 cursor-pointer" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                              <path
                                 d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z" />
                           </svg>
                        </a>
                        <ul class="dropdown" :class="{ 'flex': dropdown }">
                           <li>
                              <a href="/"
                                 class="flex text-sm text-white/70 hover:text-white py-2 px-4 rounded-md hover:bg-white/5"
                                 :class="{ '!text-white bg-white/5': page === 'none' }">Home</a>
                           </li>
                           <li>
                              <a href="/files/"
                                 class="flex text-sm text-white/70 hover:text-white py-2 px-4 rounded-md hover:bg-white/5"
                                 :class="{ '!text-white bg-white/5': page === 'signin' }">Files</a>
                           </li>
                           <li>
                              <a href="/login/"
                                 class="flex text-sm text-white/70 hover:text-white py-2 px-4 rounded-md hover:bg-white/5"
                                 :class="{ '!text-white bg-white/5': page === 'signin' }">Sign In</a>
                           </li>
                           <li>
                              <a href="/register/"
                                 class="flex text-sm text-white/70 hover:text-white py-2 px-4 rounded-md hover:bg-white/5"
                                 :class="{ '!text-white bg-white/5': page === 'signup' }">Sign Up</a>
                           </li>
                           <li>
                              <a href="/account/"
                                 class="flex text-sm text-white/70 hover:text-white py-2 px-4 rounded-md hover:bg-white/5"
                                 :class="{ '!text-white bg-white/5': page === '404' }">Account Management</a>
                           </li>
                        </ul>
                     </li>
                     <li class="nav__menu lg:py-7" :class="{ 'lg:!py-4' : stickyMenu }">
                        <a href="/#support"
                           class="relative text-white/80 text-sm py-1.5 px-4 border border-transparent hover:text-white hover:nav-gradient">Support</a>
                     </li>
                  </ul>
               </nav>
               <div class="flex items-center gap-6 mt-7 lg:mt-0">
                  <a href="/login/" class="text-white text-sm hover:text-opacity-75">Sign in</a>
                  <a href="/register/"
                     class="button-border-gradient relative rounded-lg text-white text-sm flex items-center gap-1.5 py-2 px-4.5 shadow-button hover:button-gradient-hover hover:shadow-none">
                     Sign up
                     <svg class="mt-0.5" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path
                           d="M14.4002 7.60002L9.2252 2.35002C9.0002 2.12502 8.6502 2.12502 8.4252 2.35002C8.2002 2.57502 8.2002 2.92502 8.4252 3.15002L12.6252 7.42502H2.0002C1.7002 7.42502 1.4502 7.67502 1.4502 7.97502C1.4502 8.27502 1.7002 8.55003 2.0002 8.55003H12.6752L8.4252 12.875C8.2002 13.1 8.2002 13.45 8.4252 13.675C8.5252 13.775 8.6752 13.825 8.8252 13.825C8.9752 13.825 9.1252 13.775 9.2252 13.65L14.4002 8.40002C14.6252 8.17502 14.6252 7.82503 14.4002 7.60002Z"
                           fill="white" />
                     </svg>
                  </a>
               </div>
            </div>
         </div>
      </header>
      <main>
         <section class="relative overflow-hidden pb-17.5 lg:pb-22.5 xl:pb-27.5 pt-20 lg:pt-25">
            <div class="about-divider-gradient max-w-[1170px] w-full h-[1px] absolute top-0 left-1/2 -translate-x-1/2">
            </div>
            <div class="max-w-[770px] mx-auto px-4 sm:px-8 xl:px-0">
               <div class="wow fadeInUp mb-20 text-center">
                  <span class="hero-subtitle-gradient relative mb-4 font-medium text-sm inline-flex items-center gap-2 py-2 px-4.5 rounded-full">
                  <img src="https://assets.fate.ovh/images/icon-title.svg" alt="icon">
                  <span class="hero-subtitle-text">
                  cloud.fate.ovh
                  </span>
                  </span>
                  <h2 class="text-white mb-4.5 text-2xl font-extrabold sm:text-4xl xl:text-heading-2">
                     Frequently Asked Questions
                  </h2>
                  <p class="max-w-[714px] mx-auto font-medium">
                     Cloud.fate.ovh is designed to allow users to seamlessly upload their files to the server privately. 
                  </p>
               </div>
               <div class="wow fadeInUp">
                  <div x-data="{ selected: null }">
                     <div class="flex flex-col border-b border-white/[0.15]">
                        <h4 
                           class="cursor-pointer flex justify-between items-center font-semibold text-[22px] leading-[28px] py-5 lg:py-7" 
                           :class="{ 'text-white': selected === 1 }" 
                           @click="selected = selected === 1 ? null : 1"
                           >
                           How do I upload a file?
                           <span x-show="selected !== 1">
                              <svg class="fill-current" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                 <path d="M22.5 11.1752H12.8625V1.5002C12.8625 1.0502 12.4875 0.637695 12 0.637695C11.55 0.637695 11.1375 1.0127 11.1375 1.5002V11.1752H1.50001C1.05001 11.1752 0.637512 11.5502 0.637512 12.0377C0.637512 12.4877 1.01251 12.9002 1.50001 12.9002H11.175V22.5002C11.175 22.9502 11.55 23.3627 12.0375 23.3627C12.4875 23.3627 12.9 22.9877 12.9 22.5002V12.8627H22.5C22.95 12.8627 23.3625 12.4877 23.3625 12.0002C23.3625 11.5502 22.95 11.1752 22.5 11.1752Z" fill=""></path>
                              </svg>
                           </span>
                           <span x-show="selected === 1">
                              <svg width="22" height="2" viewBox="0 0 22 2" fill="none" xmlns="http://www.w3.org/2000/svg">
                                 <path d="M21.125 1.86263H0.875012C0.425012 1.86263 0.0125122 1.48763 0.0125122 1.00013C0.0125122 0.550134 0.387512 0.137634 0.875012 0.137634H21.125C21.575 0.137634 21.9875 0.512634 21.9875 1.00013C21.9875 1.45013 21.575 1.86263 21.125 1.86263Z" fill="white"></path>
                              </svg>
                           </span>
                        </h4>
                        <p x-show="selected === 1" class="font-medium pb-7" x-transition>
                           To upload a file, you'll need to have ShareX installed, which you can obtain by clicking 
                           <a style="color: white;" href="https://getsharex.com">here</a>. Once installed, you can capture anything on your screen using your configured ShareX settings.  
                           You also need to download your custom ShareX configuration file. After installing ShareX, visit 
                           <a style="color: white;" href="https://cloud.fate.ovh/files/">Your Files</a>, download the configuration file, and double-click it to set it up in ShareX.  
                           Additionally, you can upload files by right-clicking them and selecting "Upload with ShareX."
                        </p>
                     </div>
                     <div class="flex flex-col border-b border-white/[0.15]">
                        <h4 
                           class="cursor-pointer flex justify-between items-center font-semibold text-[22px] leading-[28px] py-5 lg:py-7" 
                           :class="{ 'text-white': selected === 2 }" 
                           @click="selected = selected === 2 ? null : 2"
                           >
                           Is there a limit on how much content i can upload?
                           <span x-show="selected !== 2">
                              <svg class="fill-current" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                 <path d="M22.5 11.1752H12.8625V1.5002C12.8625 1.0502 12.4875 0.637695 12 0.637695C11.55 0.637695 11.1375 1.0127 11.1375 1.5002V11.1752H1.50001C1.05001 11.1752 0.637512 11.5502 0.637512 12.0377C0.637512 12.4877 1.01251 12.9002 1.50001 12.9002H11.175V22.5002C11.175 22.9502 11.55 23.3627 12.0375 23.3627C12.4875 23.3627 12.9 22.9877 12.9 22.5002V12.8627H22.5C22.95 12.8627 23.3625 12.4877 23.3625 12.0002C23.3625 11.5502 22.95 11.1752 22.5 11.1752Z" fill=""></path>
                              </svg>
                           </span>
                           <span x-show="selected === 2">
                              <svg width="22" height="2" viewBox="0 0 22 2" fill="none" xmlns="http://www.w3.org/2000/svg">
                                 <path d="M21.125 1.86263H0.875012C0.425012 1.86263 0.0125122 1.48763 0.0125122 1.00013C0.0125122 0.550134 0.387512 0.137634 0.875012 0.137634H21.125C21.575 0.137634 21.9875 0.512634 21.9875 1.00013C21.9875 1.45013 21.575 1.86263 21.125 1.86263Z" fill="white"></path>
                              </svg>
                           </span>
                        </h4>
                        <p x-show="selected === 2" class="font-medium pb-7" x-transition>
                           The limit depends on the number of active users, but you typically shouldn't have any issues uploading content unless you're reaching extreme limits within a short period, such as 100-200 GB in 24 hours.               
                        </p>
                     </div>
                     <div class="flex flex-col border-b border-white/[0.15]">
                        <h4 
                           class="cursor-pointer flex justify-between items-center font-semibold text-[22px] leading-[28px] py-5 lg:py-7" 
                           :class="{ 'text-white': selected === 3 }" 
                           @click="selected = selected === 3 ? null : 3"
                           >
                           Can i share my secret key with other people?
                           <span x-show="selected !== 3">
                              <svg class="fill-current" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                 <path d="M22.5 11.1752H12.8625V1.5002C12.8625 1.0502 12.4875 0.637695 12 0.637695C11.55 0.637695 11.1375 1.0127 11.1375 1.5002V11.1752H1.50001C1.05001 11.1752 0.637512 11.5502 0.637512 12.0377C0.637512 12.4877 1.01251 12.9002 1.50001 12.9002H11.175V22.5002C11.175 22.9502 11.55 23.3627 12.0375 23.3627C12.4875 23.3627 12.9 22.9877 12.9 22.5002V12.8627H22.5C22.95 12.8627 23.3625 12.4877 23.3625 12.0002C23.3625 11.5502 22.95 11.1752 22.5 11.1752Z" fill=""></path>
                              </svg>
                           </span>
                           <span x-show="selected === 3">
                              <svg width="22" height="2" viewBox="0 0 22 2" fill="none" xmlns="http://www.w3.org/2000/svg">
                                 <path d="M21.125 1.86263H0.875012C0.425012 1.86263 0.0125122 1.48763 0.0125122 1.00013C0.0125122 0.550134 0.387512 0.137634 0.875012 0.137634H21.125C21.575 0.137634 21.9875 0.512634 21.9875 1.00013C21.9875 1.45013 21.575 1.86263 21.125 1.86263Z" fill="white"></path>
                              </svg>
                           </span>
                        </h4>
                        <p x-show="selected === 3" class="font-medium pb-7" x-transition>
                           No. Although you can technically regenerate your key and share it with others, doing so puts your uploader account at risk of being permanently banned. There are automated systems in place that can detect unauthorized sharing of keys.
                        </p>
                     </div>
                     <div class="flex flex-col border-b border-white/[0.15]">
                        <h4 
                           class="cursor-pointer flex justify-between items-center font-semibold text-[22px] leading-[28px] py-5 lg:py-7" 
                           :class="{ 'text-white': selected === 4 }" 
                           @click="selected = selected === 4 ? null : 4"
                           >
                           My account has been banned, what happened?
                           <span x-show="selected !== 4">
                              <svg class="fill-current" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                 <path d="M22.5 11.1752H12.8625V1.5002C12.8625 1.0502 12.4875 0.637695 12 0.637695C11.55 0.637695 11.1375 1.0127 11.1375 1.5002V11.1752H1.50001C1.05001 11.1752 0.637512 11.5502 0.637512 12.0377C0.637512 12.4877 1.01251 12.9002 1.50001 12.9002H11.175V22.5002C11.175 22.9502 11.55 23.3627 12.0375 23.3627C12.4875 23.3627 12.9 22.9877 12.9 22.5002V12.8627H22.5C22.95 12.8627 23.3625 12.4877 23.3625 12.0002C23.3625 11.5502 22.95 11.1752 22.5 11.1752Z" fill=""></path>
                              </svg>
                           </span>
                           <span x-show="selected === 4">
                              <svg width="22" height="2" viewBox="0 0 22 2" fill="none" xmlns="http://www.w3.org/2000/svg">
                                 <path d="M21.125 1.86263H0.875012C0.425012 1.86263 0.0125122 1.48763 0.0125122 1.00013C0.0125122 0.550134 0.387512 0.137634 0.875012 0.137634H21.125C21.575 0.137634 21.9875 0.512634 21.9875 1.00013C21.9875 1.45013 21.575 1.86263 21.125 1.86263Z" fill="white"></path>
                              </svg>
                           </span>
                        </h4>
                        <p x-show="selected === 4" class="font-medium pb-7" x-transition>
                           If your account has been banned, it could be due to one of the following reasons:
                           <br>- Uploading inappropriate content, such as CP/NSFW material
                           <br>- Uploading violent or graphic content (gore)
                           <br>- Spamming the API with unnecessary requests
                           <br>* You may appeal your ban by joining us on <a style="color: white;" href="https://discord.gg/M6ZHDvEQ4t">Discord</a> and contacting an administrator.  
                        </p>
                     </div>
                     <div class="flex flex-col border-b border-white/[0.15]">
                        <h4 
                           class="cursor-pointer flex justify-between items-center font-semibold text-[22px] leading-[28px] py-5 lg:py-7" 
                           :class="{ 'text-white': selected === 5 }" 
                           @click="selected = selected === 5 ? null : 5"
                           >
                           I purchased an invite, what's next?
                           <span x-show="selected !== 5">
                              <svg class="fill-current" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                 <path d="M22.5 11.1752H12.8625V1.5002C12.8625 1.0502 12.4875 0.637695 12 0.637695C11.55 0.637695 11.1375 1.0127 11.1375 1.5002V11.1752H1.50001C1.05001 11.1752 0.637512 11.5502 0.637512 12.0377C0.637512 12.4877 1.01251 12.9002 1.50001 12.9002H11.175V22.5002C11.175 22.9502 11.55 23.3627 12.0375 23.3627C12.4875 23.3627 12.9 22.9877 12.9 22.5002V12.8627H22.5C22.95 12.8627 23.3625 12.4877 23.3625 12.0002C23.3625 11.5502 22.95 11.1752 22.5 11.1752Z" fill=""></path>
                              </svg>
                           </span>
                           <span x-show="selected === 5">
                              <svg width="22" height="2" viewBox="0 0 22 2" fill="none" xmlns="http://www.w3.org/2000/svg">
                                 <path d="M21.125 1.86263H0.875012C0.425012 1.86263 0.0125122 1.48763 0.0125122 1.00013C0.0125122 0.550134 0.387512 0.137634 0.875012 0.137634H21.125C21.575 0.137634 21.9875 0.512634 21.9875 1.00013C21.9875 1.45013 21.575 1.86263 21.125 1.86263Z" fill="white"></path>
                              </svg>
                           </span>
                        </h4>
                        <p x-show="selected === 5" class="font-medium pb-7" x-transition>
                           After purchasing an invite, you can sign up for an account <a style="color: white;" href="https://cloud.fate.ovh/register/">here</a>. You will be prompted to enter your invite code during the registration process.
                        </p>
                     </div>
                     <div class="flex flex-col border-b border-white/[0.15]">
                        <h4 
                           class="cursor-pointer flex justify-between items-center font-semibold text-[22px] leading-[28px] py-5 lg:py-7" 
                           :class="{ 'text-white': selected === 6 }" 
                           @click="selected = selected === 6 ? null : 6"
                           >
                           Can i resell my account to someone else?
                           <span x-show="selected !== 6">
                              <svg class="fill-current" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                 <path d="M22.5 11.1752H12.8625V1.5002C12.8625 1.0502 12.4875 0.637695 12 0.637695C11.55 0.637695 11.1375 1.0127 11.1375 1.5002V11.1752H1.50001C1.05001 11.1752 0.637512 11.5502 0.637512 12.0377C0.637512 12.4877 1.01251 12.9002 1.50001 12.9002H11.175V22.5002C11.175 22.9502 11.55 23.3627 12.0375 23.3627C12.4875 23.3627 12.9 22.9877 12.9 22.5002V12.8627H22.5C22.95 12.8627 23.3625 12.4877 23.3625 12.0002C23.3625 11.5502 22.95 11.1752 22.5 11.1752Z" fill=""></path>
                              </svg>
                           </span>
                           <span x-show="selected === 6">
                              <svg width="22" height="2" viewBox="0 0 22 2" fill="none" xmlns="http://www.w3.org/2000/svg">
                                 <path d="M21.125 1.86263H0.875012C0.425012 1.86263 0.0125122 1.48763 0.0125122 1.00013C0.0125122 0.550134 0.387512 0.137634 0.875012 0.137634H21.125C21.575 0.137634 21.9875 0.512634 21.9875 1.00013C21.9875 1.45013 21.575 1.86263 21.125 1.86263Z" fill="white"></path>
                              </svg>
                           </span>
                        </h4>
                        <p x-show="selected === 6" class="font-medium pb-7" x-transition>
                           No. Attempting to resell your account will not only result in a permanent ban, but it will also prevent you from creating any future accounts, even with valid invites.
                        </p>
                     </div>
                     <div class="flex flex-col border-b border-white/[0.15]">
                        <h4 
                           class="cursor-pointer flex justify-between items-center font-semibold text-[22px] leading-[28px] py-5 lg:py-7" 
                           :class="{ 'text-white': selected === 7 }" 
                           @click="selected = selected === 7 ? null : 7"
                           >
                           How do i preview the content i've uploaded?
                           <span x-show="selected !== 7">
                              <svg class="fill-current" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                 <path d="M22.5 11.1752H12.8625V1.5002C12.8625 1.0502 12.4875 0.637695 12 0.637695C11.55 0.637695 11.1375 1.0127 11.1375 1.5002V11.1752H1.50001C1.05001 11.1752 0.637512 11.5502 0.637512 12.0377C0.637512 12.4877 1.01251 12.9002 1.50001 12.9002H11.175V22.5002C11.175 22.9502 11.55 23.3627 12.0375 23.3627C12.4875 23.3627 12.9 22.9877 12.9 22.5002V12.8627H22.5C22.95 12.8627 23.3625 12.4877 23.3625 12.0002C23.3625 11.5502 22.95 11.1752 22.5 11.1752Z" fill=""></path>
                              </svg>
                           </span>
                           <span x-show="selected === 7">
                              <svg width="22" height="2" viewBox="0 0 22 2" fill="none" xmlns="http://www.w3.org/2000/svg">
                                 <path d="M21.125 1.86263H0.875012C0.425012 1.86263 0.0125122 1.48763 0.0125122 1.00013C0.0125122 0.550134 0.387512 0.137634 0.875012 0.137634H21.125C21.575 0.137634 21.9875 0.512634 21.9875 1.00013C21.9875 1.45013 21.575 1.86263 21.125 1.86263Z" fill="white"></path>
                              </svg>
                           </span>
                        </h4>
                        <p x-show="selected === 7" class="font-medium pb-7" x-transition>
                           Your content can be previewed. Head over to <a style="color: white;" href="https://cloud.fate.ovh/files/">Your Files</a> and hover over an upload's name. This will preview it in the bottom right corner of your screen. Note that this only applies to JPG, PNG, GIF, and MP4 files. This will not affect TXT files, but you can click those to open them in a new tab. For MP3 (audio) files, you can click <i class="fas fa-volume-mute" style="color: rgb(114, 135, 253);"></i> to unmute audio, and then you can hover over the filename. Alternatively, you can click <i class="fas fa-play-circle" style="color: rgb(114, 135, 253);"></i> to play the audio without needing to hover over the filename.
                        </p>
                     </div>
                  </div>
               </div>
            </div>
         </section>
      </main>
      <footer class="relative z-10 pb-17.5 lg:pb-22.5 xl:pb-27.5">
         <div class="absolute bottom-0 left-0 w-full flex flex-col gap-3 -z-1 opacity-50">
            <div class="w-full h-[1.24px] footer-bg-gradient"></div>
            <div class="w-full h-[2.47px] footer-bg-gradient"></div>
            <div class="w-full h-[3.71px] footer-bg-gradient"></div>
            <div class="w-full h-[4.99px] footer-bg-gradient"></div>
            <div class="w-full h-[6.19px] footer-bg-gradient"></div>
            <div class="w-full h-[7.42px] footer-bg-gradient"></div>
            <div class="w-full h-[8.66px] footer-bg-gradient"></div>
            <div class="w-full h-[9.90px] footer-bg-gradient"></div>
            <div class="w-full h-[13px] footer-bg-gradient"></div>
         </div>
         <div class="max-w-[1170px] mx-auto px-4 sm:px-8 xl:px-0 relative pt-17.5">
            <div class="w-full h-[1px] footer-divider-gradient absolute top-0 left-0"></div>
            <div class="flex flex-wrap justify-between">
               <div class="mb-10 max-w-[571px] w-full">
                  <a class="mb-8.5 inline-block" href="index.html">
                  <img src="https://i.imgur.com/dxwPBkq.png" alt="Logo" style="width: 60px; height: auto; filter: brightness(0.8);" />
                  </a>
                  <p class="mb-12 xl:w-4/5">
                     Cloud.fate.ovh is designed to allow users to seamlessly upload their files to the server privately. 
                  </p>
                  <div class="flex items-center gap-5">
                     <a href="https://github.com/fate-inc/" class="hover:text-white ease-in duration-300">
                        <svg class="fill-current" width="24" height="24" viewBox="0 0 24 24" fill="none"
                           xmlns="http://www.w3.org/2000/svg">
                           <g clip-path="url(#clip0_368_11839)">
                              <path
                                 d="M12 0.674805C5.625 0.674805 0.375 5.8498 0.375 12.2998C0.375 17.3998 3.7125 21.7498 8.3625 23.3248C8.9625 23.4373 9.15 23.0623 9.15 22.7998C9.15 22.5373 9.15 21.7873 9.1125 20.7748C5.8875 21.5248 5.2125 19.1998 5.2125 19.1998C4.6875 17.8873 3.9 17.5123 3.9 17.5123C2.85 16.7623 3.9375 16.7623 3.9375 16.7623C5.1 16.7998 5.7375 17.9623 5.7375 17.9623C6.75 19.7623 8.475 19.2373 9.1125 18.8998C9.225 18.1498 9.525 17.6248 9.8625 17.3248C7.3125 17.0623 4.575 16.0498 4.575 11.6248C4.575 10.3498 5.0625 9.3373 5.775 8.5498C5.6625 8.2873 5.25 7.0873 5.8875 5.4748C5.8875 5.4748 6.9 5.1748 9.1125 6.6748C10.05 6.4123 11.025 6.2623 12.0375 6.2623C13.05 6.2623 14.0625 6.3748 14.9625 6.6748C17.175 5.2123 18.15 5.4748 18.15 5.4748C18.7875 7.0498 18.4125 8.2873 18.2625 8.5498C19.0125 9.3373 19.4625 10.3873 19.4625 11.6248C19.4625 16.0498 16.725 17.0623 14.175 17.3248C14.5875 17.6998 14.9625 18.4498 14.9625 19.4998C14.9625 21.0748 14.925 22.3123 14.925 22.6873C14.925 22.9873 15.15 23.3248 15.7125 23.2123C20.2875 21.6748 23.625 17.3623 23.625 12.2248C23.5875 5.8498 18.375 0.674805 12 0.674805Z"
                                 fill="" />
                           </g>
                           <defs>
                              <clipPath id="clip0_368_11839">
                                 <rect width="24" height="24" fill="white" />
                              </clipPath>
                           </defs>
                        </svg>
                     </a>
                  </div>
                  <p class="font-medium mt-5.5">
                     cloud.fate.ovh, LLC. All rights reserved. 
                  </p>
               </div>
            </div>
         </div>
      </footer>
      <button
         class="hidden items-center justify-center w-10 h-10 rounded-[4px] shadow-solid-5 bg-purple hover:opacity-70 fixed bottom-8 right-8 z-999"
         @click="window.scrollTo({top: 0, behavior: 'smooth'})"
         @scroll.window="scrollTop = (window.pageYOffset > 50) ? true : false" :class="{ '!flex' : scrollTop }">
         <svg class="fill-white w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path
               d="M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z" />
         </svg>
      </button>
      <script defer src="https://assets.fate.ovh/bundle.js"></script><script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"rayId":"8e0262c08d82b71b","version":"2024.10.5","r":1,"token":"9a6015d415bb4773a0bff22543062d3b","serverTiming":{"name":{"cfExtPri":true,"cfL4":true,"cfSpeedBrain":true,"cfCacheStatus":true}}}' crossorigin="anonymous"></script>
      <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
   </body>
</html>
