only render privacy policy on official site

client/src/router.ts

@@ -1,4 +1,5 @@
 import { createRouter, createWebHistory, RouteRecordRaw } from "vue-router";
+import { isOfficialSite } from "./util/misc";
 
 export const routes: RouteRecordRaw[] = [
 	{
@@ -16,11 +17,6 @@ export const routes: RouteRecordRaw[] = [
 		name: "room",
 		component: () => import("./views/Room.vue"),
 	},
-	{
-		path: "/privacypolicy",
-		name: "privacypolicy",
-		component: () => import("./views/Privacy.vue"),
-	},
 	{
 		path: "/attribution",
 		name: "attribution",
@@ -45,6 +41,15 @@ export const routes: RouteRecordRaw[] = [
 	},
 ];
 
+// FIXME: only render on official site
+if (import.meta.env.DEV || isOfficialSite()) {
+	routes.push({
+		path: "/privacypolicy",
+		name: "privacypolicy",
+		component: () => import("./views/Privacy.vue"),
+	});
+}
+
 if (import.meta.env.DEV) {
 	routes.push({
 		path: "/playground",

client/src/util/misc.ts

@@ -1,3 +1,7 @@
 export function enumKeys<O extends object, K extends keyof O = keyof O>(obj: O): K[] {
 	return Object.keys(obj).filter(k => Number.isNaN(+k)) as K[];
 }
+
+export function isOfficialSite(): boolean {
+	return window.location.hostname.endsWith("opentogethertube.com");
+}

client/src/views/Home.vue

@@ -162,7 +162,7 @@
 						<a class="side-pad" href="https://softe.club">SEC</a> @ Stevens
 					</v-row>
 					<v-row no-gutters class="center-shit">
-						<router-link class="side-pad" to="/privacypolicy">{{
+						<router-link class="side-pad" to="/privacypolicy" v-if="isOfficialSite()">{{
 							$t("footer.privacy-policy")
 						}}</router-link
 						><router-link class="side-pad" to="/attribution">{{
@@ -182,6 +182,7 @@
 import { computed } from "vue";
 import { createRoomHelper } from "@/util/roomcreator";
 import { useStore } from "@/store";
+import { isOfficialSite } from "@/util/misc";
 
 const store = useStore();
 

client/src/views/Privacy.vue

@@ -31,15 +31,17 @@
 		</p>
 
 		<p>
-			OpenTogetherTube is GDPR compliant because of how little information is collected. If,
-			for some reason, you really want to have the one database row that represents your
-			account, reach out to me <a href="https://twitter.com/rollthedyc3">on twitter.</a>
+			OpenTogetherTube is GDPR compliant because of how little information is collected. If
+			you want your account data, please contact me at
+			<a href="mailto:carson.mcmanus1+ott-support@gmail.com">
+				carson.mcmanus1+ott-support@gmail.com
+			</a>
 		</p>
 
 		<p>
 			This site uses the Youtube Data API, and it's usage must comply with the
-			<a href="https://developers.google.com/youtube/terms/api-services-terms-of-service"
-				>YouTube API Terms of Service</a
+			<a href="https://developers.google.com/youtube/terms/api-services-terms-of-service">
+				YouTube API Terms of Service</a
 			>. No personally identifiable information is sent to Youtube. Watching Youtube videos
 			requires you to agree to the
 			<a href="https://www.youtube.com/t/terms">Youtube Terms of Service</a>, and
@@ -49,6 +51,15 @@
 			information, which includes: video id, video title, video description, video thumbnail,
 			and video duration. This information is cached for up to 30 days.
 		</p>
+
+		<h1>Contact Info</h1>
+
+		<p>
+			Email:
+			<a href="mailto:carson.mcmanus1+ott-support@gmail.com">
+				carson.mcmanus1+ott-support@gmail.com
+			</a>
+		</p>
 	</v-container>
 </template>
 
@@ -58,4 +69,8 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+p {
+	margin: 1em 0;
+}
+</style>

client/src/views/Room.vue

@@ -172,7 +172,9 @@
 		<v-footer>
 			<v-container>
 				<v-row class="center-shit">
-					<router-link to="/privacypolicy">{{ $t("footer.privacy-policy") }}</router-link>
+					<router-link to="/privacypolicy" v-if="isOfficialSite()">
+						{{ $t("footer.privacy-policy") }}
+					</router-link>
 				</v-row>
 				<v-row class="center-shit">
 					{{ gitCommit }}
@@ -236,6 +238,7 @@ import { useSfx } from "@/plugins/sfx";
 import { secondsToTimestamp } from "@/util/timestamp";
 import { useCaptions, useMediaPlayer, useVolume } from "@/components/composables";
 import { useGrants } from "@/components/composables/grants";
+import { isOfficialSite } from "@/util/misc";
 
 const VIDEO_CONTROLS_HIDE_TIMEOUT = 3000;
 
@@ -673,6 +676,7 @@ export default defineComponent({
 			store,
 			roomapi,
 			granted,
+			isOfficialSite,
 
 			controlsVisible,
 			videoControlsHideTimeout,