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.0"> 6 <meta name="description" content="I am Rainbow Forge, a QPOC Web Developer and Designer. Please feel free to contact me with any questions, suggestions, or concerns."> 7 <meta name="keywords" content="Contact, queer web developer, web design company, web development company, website design, ecommerce website design, portfolio website, landing page, NGO website, NGO website developer, Contact Rainbow Forge, Rainbow Forge, QPOC, QTPOC, queer, web developer, WordPress developer, WordPress Development, web design, UI/UX design, web development, WordPress, portfolio, services, HTML, CSS, JavaScript"> 8 <meta name="robots" content="index, follow"> 9 <meta property="og:image" content="https://rainbowforge.pages.dev/assets/newlogo.webp"/> 10 <meta name="theme-color" media="(prefers-color-scheme: light)" content="hsl(173, 100%, 50%)" /> 11<meta name="theme-color" media="(prefers-color-scheme: dark)" content="black" /> 12<meta property="og:image:type" content="image/webp" /> 13<meta property="og:image:secure_url" content="https://rainbowforge.pages.dev/assets/newlogo.webp" /> 14<meta property="og:image:secure_url:type" content="image/webp" /> 15<meta property="og:title" content="Contact Rainbow Forge, A Queer Web Developer And Designer" /> 16<meta property="og:type" content="website" /> 17<meta property="og:url" content="https://rainbowforge.dev/contact" /> 18<meta property="og:image:width" content="1197" /> 19<meta property="og:image:height" content="673" /> 20<meta property="og:image:alt" content="The Letters RF, reflective, with a shadow behind them. The logo for Rainbow Forge, a QTPOC Web Developer." /> 21 <title>Contact | Rainbow Forge</title> 22 <link rel="canonical" href="https://rainbowforge.dev/contact"> 23 <link rel="icon" type="image/x-icon" href="assets/RFIconLettersOnly.png"/> 24 <link rel="stylesheet" href="animations.css"> 25 <link rel="stylesheet" href="main.css"> 26 <link rel="stylesheet" href="fonts.css"> 27 <link rel="stylesheet" href="layout.css"> 28 <link rel="stylesheet" href="headerfooter.css"> 29 <link rel="stylesheet" href="buttons.css"> 30 <link rel="stylesheet" href="webkit.css"> 31 <link rel="stylesheet" href="lightbox.css"> 32 <link rel="stylesheet" href="contact.css"> 33 <link rel="stylesheet" href="mobmenu.css"> 34
34<script src="mobmenu.js" defer></script>
34 35
35<script src="script.js" defer></script>
35 36
36<script src="mousefollower.js" defer></script>
36 37
37<script src="email.js" defer></script>
37 38 <!--
38<script defer src="https://app.tinyanalytics.io/pixel/Nfsl9ogQflcimtXD"></script>
38 --> 39
39<script defer src="localstorage.js"> </script>
39 40
vendor: 1,279 bytes, lines 40-43
40<script> 41 !function(t,e){var o,n,p,r;e.__SV||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.async=!0,p.src=s.api_host+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="capture identify alias people.set people.set_once set_config register register_once unregister opt_out_capturing has_opted_out_capturing opt_in_capturing reset isFeatureEnabled onFeatureFlags getFeatureFlag getFeatureFlagPayload reloadFeatureFlags group updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures getActiveMatchingSurveys getSurveys getNextSurveyStep onSessionId".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[]); 42 posthog.init('phc_fSfyxGVUqNCe6kNzKT1yh0NB9zxdYZGKTblPLzrB7nT', {api_host: 'https://eu.i.posthog.com', person_profiles: 'identified_only'}) 43 </script>
43 44 45</head> 46<body> 47 <!-- <div class="top-header pridebanner" aria-labelledby="top-header"><div><h5>Happy Pride <span class="year"></span>! Especially to my fellow QTPOC <3</h5></div></div> --> 48<header class="mainheader"> 49 <div class="headerlogo"><a href="/"><img class="headerlogoimg" alt="Rainbow Forge Logo" src="assets/sitelogocrop4.webp"></a></div> 50 <svg class="hamburger" viewBox="0 0 30 20" id="menuButton"> 51 <rect class="line" x="0" y="0" width="100%" height="4"></rect> 52 <rect class="line" x="0" y="8" width="100%" height="4"></rect> 53 <rect class="line" x="0" y="16" width="100%" height="4"></rect> 54 </svg> 55 <div class="menu-container" id="menuContainer"> 56 <nav aria-label="mobile menu" class="mobmenuflex"><a href="/" class="navlink moblink">Home</a> 57 <a href="/about" class="navlink moblink">About</a> 58 <a href="/portfolio" class="navlink moblink">Portfolio</a> 59 <a href="/services" class="navlink moblink">Services</a> 60 <a href="/contact" class="navlink moblink">Contact</a></nav> 61 </div> 62 <nav class="navbar" aria-label="desktop menu"> 63 <a href="/" class="navlink">Home</a> 64 <a href="/about" class="navlink">About</a> 65 <a href="/portfolio" class="navlink">Portfolio</a> 66 <a href="/services" class="navlink">Services</a> 67 <a href="/contact" class="navlink active">Contact</a> 68 </nav> 69 <div id="AMcontainer"><button type="button" id="AMbutton" class="animbutton" onclick="posthog.capture('accessibilityMenuButton', {value: 'clicked'})">Accessibility Menu<svg 70 xmlns="http://www.w3.org/2000/svg" 71 width="3vw" 72 height="3vh"
73 viewBox="0 0 24 24" 74 fill="none" 75 stroke="currentColor" 76 stroke-width="2" 77 stroke-linecap="round" 78 stroke-linejoin="round" 79 id="arrow-icon" 80 > 81 <path d="M6 9l6 6 6-6" style="transition: transform 0.3s" /> 82 </svg> 83 </button></div> 84 <div id="lightboxBG"></div> 85 <div class="lightbox" id="AMLbox"> 86 <div class="closebuttoncont"><button aria-label="Close Accessibility Menu Button" type="button" id="closebutton" class="animbuttonsmol">X</button></div> 87 <div class="restoflboxbuttoncont"> 88 <button type="button" id="ToggleBGbutton" class="animbutton" onclick="toggleVideo(event)">Play Background</button> 89 <button type="button" id="toggleButton" class="animbutton">Wispify Mouse</button> 90 <button type="button" class="animbutton" id="fontswitcher" aria-label="Switch to readable font button">Switch Font</button> 91 <div class="fontsize"><button type="button" class="animbutton" onclick="changeFontSize(3)">Increase Font Size</button><button type="button" class="animbutton" onclick="changeFontSize(-3)">Decrease Font Size</button></div> 92 <div class="fontsize"><button type="button" id="increasespeedbutton" class="animbutton" onclick="adjustPlaybackRate(.3)">Increase BG Speed</button><button type="button" class="animbutton" onclick="adjustPlaybackRate(-.1)" id="decreasespeedbutton">Reduce BG Speed</button></div> 93 <!-- <button type="button" class="animbutton" onclick="adjustContrastForAllElements(69)">Invert Colors</button> 94 <button type="button" class="animbutton" onclick="invertAllColors()">Invert Colors</button>--> 95 </div></div> 96</header> 97<main class="wrapper"> 98 <section class="hero contacthero"> 99 <div> 100<div class="innercontent contactcontent"> 101 <h1 class="contactheading">Contact</h1> 102 <p class="contactp">If you need to reach me urgently, such as for an emergency fix to your website, or have questions, please feel free to email me at <span id="email"></span>. If you would like to schedule a free consultation, or want to work with me in any other capacity, please use the scheduling form below :)</p> 103 <!-- <p class="contactp">Btw, if you use google for email and/or Calendar, here's <a href="https://cal.com/blog/google-s-new-spam-policy-may-be-affecting-your-invitations" target="_blank">another reason</a> as to why you shouldn't (<a href="https://www.pcmag.com/how-to/how-to-quit-gmail-and-reclaim-your-privacy" target="_blank">aside from the obvious spying and being advertised to based on what should be your private emails</a>).</p> --> 104 <!-- <p class="contactp">A sidenote, for anyone who's never heard of <aou href="https://proton.me" target="_blank">ProtonMail</aou>, it is an end to end encrypted email provider (meaning only you and your intended recipient can access your conversation, and not the company or email provider in the middle), and encourage anyone reading this to consider switching to a privacy first email provider as well. If you've never given any thought to how much data Google and other proprietary email providers collect on you, and how you are the product that megacorporations make their billions off of, <a href="https://www.theguardian.com/technology/2021/may/09/how-private-is-your-gmail-and-should-you-switch" target="_blank">here is an article about Gmail's data collection</a>. Anyway, here's the (also end to end encrypted) contact form I mentioned earlier.</p> --> 105 <div class="formwrap"><iframe id="cryptpad-form" width="99%" height="690" title="Contact Form" src="https://app.cal.com/rainbowforge/freeconsult"></iframe> 106 </div> 107 </div> 108 109</div></section> 110</main> 111<div class="background-video"> 112 <video class="bgvid" id="bgvid" playsinline autoplay muted loop> 113 <source src="/assets/NewBGFile.mp4" type="video/mp4"> 114 </video></div> 115 <footer class="Mainfooter portfooter"><div class="footerlinktreewrap"><a class="button animbutton" href="/linktree">Linktree</a></div> 116 <div id="footercredit">Handcrafted with ð¤ by Rainbow Forge. © 2024 - <span class="year"></span></div></footer> 117<!-- Cloudflare Pages Analytics -->
vendor: 99 bytes, line 117
117<script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "
1173f62a61b5906423bb51d8194a1eb1808
vendor: 13 bytes, line 117
117"}'></script>
117<!-- Cloudflare Pages Analytics --></body> 118</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.