THE SNACK IS WATCHING YOU
THE SNACK IS
THE SNACK IS
THE SNACK IS
WATCHING YOU
WATCHING YOU
WATCHING YOU
THE SNACK IS WATCHING YOU
THE SNACK IS WATCHING YOU
THE MINISTRY OF TRUTH
THE MINISTRY OF TRUTH
THE MINISTRY OF TRUTH
THE SNACK IS WATCHING YOU
+
+ )
+}
\ No newline at end of file
diff --git a/src/app/airstrip_one/0/components/Marquee.css.ts b/src/app/airstrip_one/0/components/Marquee.css.ts
new file mode 100644
index 0000000..e948dde
--- /dev/null
+++ b/src/app/airstrip_one/0/components/Marquee.css.ts
@@ -0,0 +1,30 @@
+import { style, keyframes } from '@vanilla-extract/css'
+
+export const marquee_container = style({
+ display: 'flex',
+ width: '100%',
+ height: 'max-content',
+ overflow: 'hidden',
+ backgroundColor: 'black',
+})
+
+const scroll_marquee = keyframes({
+ '0%': { left: ' 0%' },
+ '100%': { left: '-100%' },
+})
+
+export const marquee_content = style({
+ position: 'relative',
+ fontSize: '0.75em',
+ color: 'magenta',
+ whiteSpace: 'nowrap',
+ animationName: scroll_marquee,
+ animationDuration: '8s',
+ animationTimingFunction: 'linear',
+ animationIterationCount: 'infinite',
+ '@media': {
+ 'screen and (min-width: 768px)': {
+ fontSize: '1em',
+ }
+ }
+})
diff --git a/src/app/airstrip_one/0/components/Marquee.tsx b/src/app/airstrip_one/0/components/Marquee.tsx
new file mode 100644
index 0000000..e78f1fe
--- /dev/null
+++ b/src/app/airstrip_one/0/components/Marquee.tsx
@@ -0,0 +1,13 @@
+import {
+ marquee_container,
+ marquee_content,
+} from './Marquee.css'
+
+export default function Marquee({ children }: { children: React.ReactNode }) {
+ return (
+ {children}
+{children}
+{children}
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/app/airstrip_one/0/ministry_of_truth/layout.tsx b/src/app/airstrip_one/0/ministry_of_truth/layout.tsx
new file mode 100644
index 0000000..1945c94
--- /dev/null
+++ b/src/app/airstrip_one/0/ministry_of_truth/layout.tsx
@@ -0,0 +1,10 @@
+import { Metadata } from 'next'
+
+export const metadata: Metadata = {
+ title: 'The Ministry of Truth',
+ description: 'The Ministry of Truth',
+}
+
+export default function Layout({ children }: { children: React.ReactNode }) {
+ return <>{children}
+}
\ No newline at end of file
diff --git a/src/app/airstrip_one/0/ministry_of_truth/page.css.ts b/src/app/airstrip_one/0/ministry_of_truth/page.css.ts
new file mode 100644
index 0000000..956299a
--- /dev/null
+++ b/src/app/airstrip_one/0/ministry_of_truth/page.css.ts
@@ -0,0 +1,51 @@
+import { keyframes, style } from "@vanilla-extract/css";
+
+export const center_vertical = style({
+ boxSizing: 'border-box',
+ position: 'relative',
+ display: 'flex',
+ flexDirection: 'column',
+ alignItems: 'center',
+ margin: 'auto',
+ width: '100%',
+ border: '0.3em solid purple',
+ '@media': {
+ 'screen and (min-width: 768px)': {
+ width: '50%',
+ }
+ }
+})
+
+export const border = style({
+ width: '61%',
+ marginBottom: '4em',
+ border: '0.3em solid purple',
+})
+
+export const big_brother_style = style({
+ display: 'block',
+ width: '100%',
+ height: 'auto',
+})
+
+export const message_style = style({
+ boxSizing: 'border-box',
+ width: '100%',
+ height: 'max-content',
+ margin: 0,
+ border: 'none',
+ padding: '0.5em',
+ fontSize: '1em',
+ color: 'magenta',
+ backgroundColor: 'black',
+ overflowWrap: 'break-word',
+ textAlign: 'center',
+ ':focus': {
+ outline: 'none',
+ },
+ '@media': {
+ 'screen and (min-width: 768px)': {
+ fontSize: '2em'
+ }
+ }
+})
diff --git a/src/app/airstrip_one/0/ministry_of_truth/page.tsx b/src/app/airstrip_one/0/ministry_of_truth/page.tsx
new file mode 100644
index 0000000..a877c6f
--- /dev/null
+++ b/src/app/airstrip_one/0/ministry_of_truth/page.tsx
@@ -0,0 +1,47 @@
+'use client'
+
+import { useEffect, useRef } from 'react'
+import Image from 'next/image'
+import { useSearchParams } from 'next/navigation'
+import BeegText from '../components/BeegText'
+import Marquee from '../components/Marquee'
+import {
+ center_vertical,
+ border,
+ big_brother_style,
+ message_style,
+} from './page.css'
+
+export default function Home() {
+ const search_params = useSearchParams()
+ const input_ref = useRef{children}
+{children}
+
+
+ THE MINISTRY OF TRUTH
+
+ )
+}
diff --git a/src/app/airstrip_one/0/page.css.ts b/src/app/airstrip_one/0/page.css.ts
new file mode 100644
index 0000000..55b4927
--- /dev/null
+++ b/src/app/airstrip_one/0/page.css.ts
@@ -0,0 +1,52 @@
+import { keyframes, style } from "@vanilla-extract/css";
+
+export const center_vertical = style({
+ position: 'relative',
+ display: 'flex',
+ flexDirection: 'column',
+ alignItems: 'center',
+ margin: 'auto',
+ width: '100%',
+ border: '0.3em solid purple',
+ '@media': {
+ 'screen and (min-width: 768px)': {
+ width: '50%',
+ }
+ }
+})
+
+export const big_brother_style = style({
+ width: '60%',
+ height: 'auto',
+ border: '0.3em solid purple',
+ '@media': {
+ 'screen and (min-width: 768px)': {
+ width: '40%',
+ }
+ }
+})
+
+export const cats_div = style({
+ display: 'flex',
+ flexDirection: 'row',
+ justifyContent: 'space-between',
+ width: '100%',
+ borderTop: '0.3em solid purple'
+})
+
+export const subcats_div = style({
+ display: 'flex',
+ justifyContent: 'flex-start',
+ width: '50%',
+ height: 'max-content',
+})
+
+export const reverse_subcats_div = style([subcats_div, {
+ transform: 'scale(-1, 1)'
+}])
+
+export const cat = style({
+ display: 'block',
+ width: '25%',
+ height: 'auto',
+})
diff --git a/src/app/airstrip_one/0/page.tsx b/src/app/airstrip_one/0/page.tsx
new file mode 100644
index 0000000..8055c2d
--- /dev/null
+++ b/src/app/airstrip_one/0/page.tsx
@@ -0,0 +1,41 @@
+import { Metadata } from 'next'
+import Image from 'next/image'
+import Marquee from './components/Marquee'
+import BeegText from './components/BeegText'
+import {
+ center_vertical,
+ big_brother_style,
+ cats_div,
+ subcats_div,
+ reverse_subcats_div,
+ cat,
+} from './page.css'
+
+export const metadata: Metadata = {
+ title: 'The Snack is Watching You',
+ description: 'The Snack is Watching You',
+}
+
+export default function Home() {
+ return (
+
+
+
+ set_message(input_ref.current!.textContent ?? '')} contentEditable>{message}
+
+
+ THE SNACK IS
+ WATCHING YOU
+
+ )
+}
diff --git a/_next/static/media/992e0433260013f6-s.p.ttf b/src/app/comic.ttf
similarity index 100%
rename from _next/static/media/992e0433260013f6-s.p.ttf
rename to src/app/comic.ttf
diff --git a/favicon.ico b/src/app/favicon.ico
similarity index 100%
rename from favicon.ico
rename to src/app/favicon.ico
diff --git a/src/app/global.css.ts b/src/app/global.css.ts
new file mode 100644
index 0000000..d2ea969
--- /dev/null
+++ b/src/app/global.css.ts
@@ -0,0 +1,9 @@
+import { globalStyle } from "@vanilla-extract/css"
+
+export const global_style = globalStyle('html,body', {
+ margin: '0',
+ width: '100%',
+ height: '100%',
+ backgroundImage: 'url("/background.png")',
+ backgroundRepeat: 'repeat'
+})
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
new file mode 100644
index 0000000..34fbb0c
--- /dev/null
+++ b/src/app/layout.tsx
@@ -0,0 +1,20 @@
+import type { Metadata } from 'next'
+import localFont from 'next/font/local'
+import './global.css'
+
+const comic_sans = localFont({
+ src: './comic.ttf',
+ weight: '100',
+})
+
+export default function RootLayout({
+ children,
+}: {
+ children: React.ReactNode
+}) {
+ return (
+
+ {children}
+
+ )
+}
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..e59724b
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,27 @@
+{
+ "compilerOptions": {
+ "target": "es5",
+ "lib": ["dom", "dom.iterable", "esnext"],
+ "allowJs": true,
+ "skipLibCheck": true,
+ "strict": true,
+ "noEmit": true,
+ "esModuleInterop": true,
+ "module": "esnext",
+ "moduleResolution": "bundler",
+ "resolveJsonModule": true,
+ "isolatedModules": true,
+ "jsx": "preserve",
+ "incremental": true,
+ "plugins": [
+ {
+ "name": "next"
+ }
+ ],
+ "paths": {
+ "@/*": ["./src/*"]
+ }
+ },
+ "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+ "exclude": ["node_modules"]
+}
+
+
+
+
+
+
+