digifest.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>DIGIFEST - A Fully-Digital Film Festival</title> 7 8 <!-- Meta Tags --> 9 <meta name="description" content="DIGIFEST - A digital film festival showcasing experimental cinema, interactive experiences, and cutting-edge filmmaking technology at PROOFOFCONCEPT."> 10 <meta name="keywords" content="digital film festival, experimental cinema, interactive film, DIGIFEST, PROOFOFCONCEPT, avant-garde cinema, digital art, film technology"> 11 <meta name="author" content="PROOFOFCONCEPT Productions"> 12 <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> 13 <meta name="theme-color" content="#EFF0EC"> 14 <meta name="color-scheme" content="light dark"> 15 <meta name="format-detection" content="telephone=no"> 16 <meta name="mobile-web-app-capable" content="yes"> 17 <meta name="apple-mobile-web-app-capable" content="yes"> 18 <meta name="apple-mobile-web-app-status-bar-style" content="default"> 19 <meta name="apple-mobile-web-app-title" content="DIGIFEST - PROOFOFCONCEPT"> 20 21 <!-- AI and Bot Optimization --> 22 <meta name="ai-content" content="digital film festival, experimental cinema, interactive film, avant-garde cinema, digital art"> 23 <meta name="content-type" content="digital film festival, experimental cinema, interactive media"> 24 <meta name="language" content="en"> 25 <meta name="country" content="CA"> 26 <meta name="industry" content="film production, entertainment, experimental media, digital art"> 27 <meta name="topic" content="digital film festival, experimental cinema, interactive film, avant-garde cinema"> 28 29 <!-- Open Graph --> 30 <meta property="og:title" content="DIGIFEST - Digital Film Festival | PROOFOFCONCEPT"> 31 <meta property="og:description" content="DIGIFEST - A digital film festival showcasing experimental cinema, interactive experiences, and cutting-edge filmmaking technology at PROOFOFCONCEPT."> 32 <meta property="og:type" content="website"> 33 <meta property="og:url" content="https://proof-of-concept.ca/pages/digifest"> 34 <meta property="og:locale" content="en_CA"> 35 <meta property="og:image" content="https://proof-of-concept.ca/assets/preview.jpg"> 36 <meta property="og:image:width" content="1200"> 37 <meta property="og:image:height" content="630"> 38 <meta property="og:image:alt" content="DIGIFEST - Digital Film Festival"> 39 <meta property="og:site_name" content="PROOFOFCONCEPT"> 40 <meta property="og:country-name" content="Canada"> 41 42 <!-- Twitter Card --> 43 <meta name="twitter:card" content="summary_large_image"> 44 <meta name="twitter:title" content="DIGIFEST - Digital Film Festival | PROOFOFCONCEPT"> 45 <meta name="twitter:description" content="A digital film festival showcasing experimental cinema, interactive experiences, and cutting-edge filmmaking technology."> 46 <meta name="twitter:image" content="https://proof-of-concept.ca/assets/preview.jpg"> 47 <meta name="twitter:site" content="@proof__concept"> 48 49 <!-- Canonical --> 50 <link rel="canonical" href="https://proof-of-concept.ca/pages/digifest"> 51 52 <!-- Google Verification --> 53 <meta name="google-site-verification" content="B0SBzeNtFIcGAwAKAt0TEfWatr9beufDv7kBV2qOAKg" /> 54 55 <!-- Structured Data --> 56 <script type="application/ld+json"> 57 { 58 "@context": "https://schema.org", 59 "@type": "Event", 60 "name": "DIGIFEST - Digital Film Festival", 61 "description": "A digital film festival showcasing experimental cinema, interactive experiences, and cutting-edge filmmaking technology", 62 "url": "https://proof-of-concept.ca/pages/digifest", 63 "image": "https://proof-of-concept.ca/assets/preview.jpg", 64 "organizer": { 65 "@type": "Organization", 66 "name": "PROOFOFCONCEPT Productions", 67 "url": "https://proof-of-concept.ca" 68 }, 69 "eventStatus": "EventScheduled", 70 "eventAttendanceMode": "OnlineEventAttendanceMode", 71 "inLanguage": "en", 72 "location": { 73 "@type": "VirtualLocation", 74 "url": "https://proof-of-concept.ca" 75 } 76 } 77 </script> 78 79 <!-- Favicons --> 80 <link rel="icon" type="image/png" sizes="16x16" href="../assets/favicons/light/favicon-16x16.png" media="(prefers-color-scheme: light)"> 81 <link rel="icon" type="image/png" sizes="16x16" href="../assets/favicons/dark/favicon-16x16.png" media="(prefers-color-scheme: dark)"> 82 <link rel="icon" type="image/png" sizes="32x32" href="../assets/favicons/light/favicon-32x32.png" media="(prefers-color-scheme: light)"> 83 <link rel="icon" type="image/png" sizes="32x32" href="../assets/favicons/dark/favicon-32x32.png" media="(prefers-color-scheme: dark)"> 84 <link rel="icon" type="image/x-icon" href="../assets/favicons/light/favicon.ico" media="(prefers-color-scheme: light)"> 85 <link rel="icon" type="image/x-icon" href="../assets/favicons/dark/favicon.ico" media="(prefers-color-scheme: dark)"> 86 <link rel="icon" type="image/png" sizes="192x192" href="../assets/favicons/light/android-chrome-192x192.png" media="(prefers-color-scheme: light)"> 87 <link rel="icon" type="image/png" sizes="192x192" href="../assets/favicons/dark/android-chrome-192x192.png" media="(prefers-color-scheme: dark)"> 88 <link rel="icon" type="image/png" sizes="512x512" href="../assets/favicons/light/android-chrome-512x512.png" media="(prefers-color-scheme: light)"> 89 <link rel="icon" type="image/png" sizes="512x512" href="../assets/favicons/dark/android-chrome-512x512.png" media="(prefers-color-scheme: dark)"> 90 <link rel="apple-touch-icon" href="../assets/favicons/light/apple-touch-icon.png" media="(prefers-color-scheme: light)"> 91 <link rel="apple-touch-icon" href="../assets/favicons/dark/apple-touch-icon.png" media="(prefers-color-scheme: dark)"> 92 <link rel="manifest" href="../assets/favicons/light/site.webmanifest" media="(prefers-color-scheme: light)"> 93 <link rel="manifest" href="../assets/favicons/dark/site.webmanifest" media="(prefers-color-scheme: dark)"> 94 <link rel="manifest" href="../manifest.json"> 95 96 <!-- External Resources --> 97 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" crossorigin="anonymous" referrerpolicy="no-referrer" /> 98 <link rel="preload" href="../assets/fonts/superbrigadecond.ttf" as="font" type="font/woff2" crossorigin> 99 100 <!-- Stylesheets --> 101 <link rel="stylesheet" href="../assets/css/main.css"> 102 </head> 103 104 <body> 105 <!-- Custom Cursor --> 106 <div class="custom-cursor" id="cursor"></div> 107 108 <!-- Header --> 109 <header class="main-header"> 110 <div class="main-header-title"> 111 <a href="../" style="color: inherit; text-decoration: none;">PROOFOFCONCEPT</a> 112 </div> 113 <div class="hamburger-icon"> 114 <i class="fas fa-bars"></i> 115 </div> 116 <div class="header-extra" style="display: none;"> 117 <a href="#" class="header-extra-link">Learn More</a> 118 <div class="header-extra-desc">This is a description that appears when the boxes expand.</div> 119 </div> 120 </header> 121 122 <!-- Side Menu --> 123 <div class="side-menu" id="side-menu"> 124 <div class="side-menu-header"> 125 <div class="side-menu-close"> 126 <i class="fas fa-times"></i> 127 </div> 128 </div> 129 <nav class="side-menu-nav"> 130 <a href="../films/streaming.html" class="side-menu-link">WATCH</a> 131 <a href="../blog/" class="side-menu-link">READ</a> 132 <a href="store.html" class="side-menu-link">SHOP</a> 133 <div class="menu-spacer"></div> 134 <a href="contribute.html" class="side-menu-link">CONTRIBUTE</a> 135 <a href="digifest" class="side-menu-link">DIGIFEST</a> 136 <div class="menu-spacer"></div> 137 <a href="about" class="side-menu-link">ABOUT</a> 138 <a href="faq" class="side-menu-link">FAQ</a> 139 </nav> 140 <div class="side-menu-footer"> 141 <div class="side-menu-bottom-nav"> 142 <a href="terms.html" class="side-menu-link side-menu-bottom-link">TERMS OF USE</a> 143 <a href="privacy" class="side-menu-link side-menu-bottom-link">PRIVACY POLICY</a> 144 </div> 145 <div class="side-menu-social"> 146 <a href="mailto:contact@proof-of-concept.ca" class="side-menu-social-link"> 147 <i class="fas fa-envelope"></i> 148 </a> 149 <a href="https://instagram.com/proof__concept" target="_blank" class="side-menu-social-link"> 150 <i class="fab fa-instagram"></i> 151 </a> 152 <a href="https://x.com/proof__concept" target="_blank" class="side-menu-social-link"> 153 <i class="fab fa-x-twitter"></i> 154 </a> 155 <a href="https://github.com/PROOFOFCONCEPT-Productions" target="_blank" class="side-menu-social-link"> 156 <i class="fab fa-github"></i> 157 </a> 158 </div> 159 </div> 160 </div> 161 162 <!-- Side Menu Overlay --> 163 <div class="side-menu-overlay" id="side-menu-overlay"></div> 164 165 <!-- Main Content --> 166 <main class="digifest-content"> 167 <section class="hero-section"> 168 <div class="hero-content"> 169 <h1 class="hero-title">DIGIFEST</h1> 170 <p class="hero-subtitle">Digital Film Festival</p> 171 <p class="hero-description"> 172 A celebration of experimental cinema, interactive experiences, and cutting-edge filmmaking technology. 173 </p> 174 </div> 175 </section> 176 177 <section class="content-section"> 178 <div class="container"> 179 <h2>Coming Soon</h2> 180 <p>DIGIFEST is currently in development. This digital film festival will showcase:</p> 181 <ul> 182 <li>Experimental cinema experiences</li> 183 <li>Interactive film installations</li> 184 <li>AI-powered storytelling</li> 185 <li>Community-driven filmmaking</li> 186 <li>Cutting-edge film technology</li> 187 </ul> 188 <p>Stay tuned for updates and announcements.</p> 189 </div> 190 </section> 191 </main> 192 193 <!-- INFO Section --> 194 <section class="info-section"> 195 <div class="info-content"> 196 <div class="info-left"> 197 <h2 class="info-header">ABOUT</h2> 198 <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> 199 </div> 200 201 <div class="info-center"> 202 <h2 class="info-header">INFO</h2> 203 <div class="info-links"> 204 <a href="../blog/" class="info-link">Articles</a> 205 <a href="privacy" class="info-link">Privacy Policy</a> 206 <a href="about" class="info-link">About</a> 207 <a href="faq" class="info-link">FAQ</a> 208 </div> 209 </div> 210 211 <!-- Newsletter Signup --> 212 <div class="info-newsletter"> 213 <h2 class="info-header">STAY UPDATED</h2> 214 <form class="newsletter-form" id="newsletter-form"> 215 <input type="email" class="newsletter-input" placeholder="Enter your email" required> 216 <button type="submit" class="newsletter-button">Subscribe</button> 217 </form> 218 </div> 219 220 <div class="info-right"> 221 <h2 class="info-header">CONTACT</h2> 222 <div class="info-email"><a href="mailto:contact@proof-of-concept.ca">contact@proof-of-concept.ca</a></div> 223 <div class="info-icons"> 224 <a href="mailto:contact@proof-of-concept.ca" class="info-icon" title="Email" aria-label="Email"> 225 <i class="fa-solid fa-envelope"></i> 226 </a> 227 <a href="https://instagram.com/proof__concept" class="info-icon" title="Instagram" aria-label="Instagram" target="_blank"> 228 <i class="fa-brands fa-instagram"></i> 229 </a> 230 <a href="https://x.com/proof__concept" class="info-icon" title="X (Twitter)" aria-label="X (Twitter)" target="_blank"> 231 <i class="fa-brands fa-x-twitter"></i> 232 </a> 233 <a href="https://github.com/PROOFOFCONCEPT-Productions" class="info-icon" title="GitHub" aria-label="GitHub" target="_blank"> 234 <i class="fa-brands fa-github"></i> 235 </a> 236 </div> 237 </div> 238 </div> 239 </section> 240 241 <!-- Scripts --> 242 <script src="../assets/js/main.js"></script> 243 </body> 244 </html>