diff --git a/stephen/.DS_Store b/stephen/.DS_Store new file mode 100644 index 0000000..5008ddf Binary files /dev/null and b/stephen/.DS_Store differ diff --git a/temp/.DS_Store b/temp/.DS_Store new file mode 100644 index 0000000..aa4ecfd Binary files /dev/null and b/temp/.DS_Store differ diff --git a/temp/README.md b/temp/README.md new file mode 100644 index 0000000..27113c0 --- /dev/null +++ b/temp/README.md @@ -0,0 +1,4 @@ +# backplaces + + +hi diff --git a/temp/audio/.DS_Store b/temp/audio/.DS_Store new file mode 100644 index 0000000..5008ddf Binary files /dev/null and b/temp/audio/.DS_Store differ diff --git a/temp/audio/doves-raw.mp3 b/temp/audio/doves-raw.mp3 new file mode 100644 index 0000000..9d35790 Binary files /dev/null and b/temp/audio/doves-raw.mp3 differ diff --git a/temp/audio/machine-birds.mp3 b/temp/audio/machine-birds.mp3 new file mode 100644 index 0000000..455368c Binary files /dev/null and b/temp/audio/machine-birds.mp3 differ diff --git a/temp/audio/morning-birds.mp3 b/temp/audio/morning-birds.mp3 new file mode 100644 index 0000000..239603c Binary files /dev/null and b/temp/audio/morning-birds.mp3 differ diff --git a/temp/audio/mystic-forest.mp3 b/temp/audio/mystic-forest.mp3 new file mode 100644 index 0000000..f2f9127 Binary files /dev/null and b/temp/audio/mystic-forest.mp3 differ diff --git a/temp/audio/twilight-birds.mp3 b/temp/audio/twilight-birds.mp3 new file mode 100644 index 0000000..415834a Binary files /dev/null and b/temp/audio/twilight-birds.mp3 differ diff --git a/temp/css/.DS_Store b/temp/css/.DS_Store new file mode 100644 index 0000000..f7d428c Binary files /dev/null and b/temp/css/.DS_Store differ diff --git a/temp/css/fonts.css b/temp/css/fonts.css new file mode 100644 index 0000000..ed9c1ef --- /dev/null +++ b/temp/css/fonts.css @@ -0,0 +1,75 @@ +@font-face { + font-family: 'Redaction-Regular'; + src: url('../css/fonts/Redaction/webfonts/Redaction-Regular.woff2') format('opentype'); + font-weight: normal; + font-style: normal; +} +@font-face { + font-family: 'Redaction_10-Regular'; + src: url('../css/fonts/Redaction/webfonts/Redaction_10-Regular.woff2') format('opentype'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'Redaction_20-Regular'; + src: url('../css/fonts/Redaction/webfonts/Redaction_20-Regular.woff2') format('opentype'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'Redaction_35-Regular'; + src: url('../css/fonts/Redaction/webfonts/Redaction_35-Regular.woff2') format('opentype'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'Redaction_50-Regular'; + src: url('../css/fonts/Redaction/webfonts/Redaction_50-Regular.woff2') format('opentype'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'Redaction_70-Regular'; + src: url('../css/fonts/Redaction/webfonts/Redaction_70-Regular.woff2') format('opentype'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'Redaction_100-Regular'; + src: url('../css/fonts/Redaction/webfonts/Redaction_100-Regular.woff2') format('opentype'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'Karrik-Regular'; + src: url('../css/fonts/karrik_fonts-main/WOFF/Karrik-Regular.woff') format('opentype'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'VG5000-Regular'; + src: url('../css/fonts/vg5000-master/webfonts/VG5000-Regular_web.woff') format('opentype'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'WorkSans-Thin'; + src: url('css/fonts/worksans/WorkSans-Thin.woff') format('opentype'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'WorkSans-Medium'; + src: url('../css/fonts/worksans/WorkSans-Medium.woff2') format('opentype'); + font-weight: normal; + font-style: normal; +} diff --git a/temp/css/fonts/.DS_Store b/temp/css/fonts/.DS_Store new file mode 100644 index 0000000..a157725 Binary files /dev/null and b/temp/css/fonts/.DS_Store differ diff --git a/temp/css/fonts/Redaction/.DS_Store b/temp/css/fonts/Redaction/.DS_Store new file mode 100644 index 0000000..2ae1f63 Binary files /dev/null and b/temp/css/fonts/Redaction/.DS_Store differ diff --git a/temp/css/fonts/Redaction/OTF/Redaction-Bold.otf b/temp/css/fonts/Redaction/OTF/Redaction-Bold.otf new file mode 100644 index 0000000..064330a Binary files /dev/null and b/temp/css/fonts/Redaction/OTF/Redaction-Bold.otf differ diff --git a/temp/css/fonts/Redaction/OTF/Redaction-Italic.otf b/temp/css/fonts/Redaction/OTF/Redaction-Italic.otf new file mode 100644 index 0000000..410e5d5 Binary files /dev/null and b/temp/css/fonts/Redaction/OTF/Redaction-Italic.otf differ diff --git a/temp/css/fonts/Redaction/OTF/Redaction-Regular.otf b/temp/css/fonts/Redaction/OTF/Redaction-Regular.otf new file mode 100644 index 0000000..e5d27db Binary files /dev/null and b/temp/css/fonts/Redaction/OTF/Redaction-Regular.otf differ diff --git a/temp/css/fonts/Redaction/OTF/Redaction10-Bold.otf b/temp/css/fonts/Redaction/OTF/Redaction10-Bold.otf new file mode 100644 index 0000000..3132d74 Binary files /dev/null and b/temp/css/fonts/Redaction/OTF/Redaction10-Bold.otf differ diff --git a/temp/css/fonts/Redaction/OTF/Redaction10-Italic.otf b/temp/css/fonts/Redaction/OTF/Redaction10-Italic.otf new file mode 100644 index 0000000..e88d33b Binary files /dev/null and b/temp/css/fonts/Redaction/OTF/Redaction10-Italic.otf differ diff --git a/temp/css/fonts/Redaction/OTF/Redaction10-Regular.otf b/temp/css/fonts/Redaction/OTF/Redaction10-Regular.otf new file mode 100644 index 0000000..aa0562d Binary files /dev/null and b/temp/css/fonts/Redaction/OTF/Redaction10-Regular.otf differ diff --git a/temp/css/fonts/Redaction/OTF/Redaction100-Bold.otf b/temp/css/fonts/Redaction/OTF/Redaction100-Bold.otf new file mode 100644 index 0000000..3a8d597 Binary files /dev/null and b/temp/css/fonts/Redaction/OTF/Redaction100-Bold.otf differ diff --git a/temp/css/fonts/Redaction/OTF/Redaction100-Italic.otf b/temp/css/fonts/Redaction/OTF/Redaction100-Italic.otf new file mode 100644 index 0000000..748f3be Binary files /dev/null and b/temp/css/fonts/Redaction/OTF/Redaction100-Italic.otf differ diff --git a/temp/css/fonts/Redaction/OTF/Redaction100-Regular.otf b/temp/css/fonts/Redaction/OTF/Redaction100-Regular.otf new file mode 100644 index 0000000..036b694 Binary files /dev/null and b/temp/css/fonts/Redaction/OTF/Redaction100-Regular.otf differ diff --git a/temp/css/fonts/Redaction/OTF/Redaction20-Bold.otf b/temp/css/fonts/Redaction/OTF/Redaction20-Bold.otf new file mode 100644 index 0000000..7ecdd18 Binary files /dev/null and b/temp/css/fonts/Redaction/OTF/Redaction20-Bold.otf differ diff --git a/temp/css/fonts/Redaction/OTF/Redaction20-Italic.otf b/temp/css/fonts/Redaction/OTF/Redaction20-Italic.otf new file mode 100644 index 0000000..7dacbda Binary files /dev/null and b/temp/css/fonts/Redaction/OTF/Redaction20-Italic.otf differ diff --git a/temp/css/fonts/Redaction/OTF/Redaction20-Regular.otf b/temp/css/fonts/Redaction/OTF/Redaction20-Regular.otf new file mode 100644 index 0000000..339eba4 Binary files /dev/null and b/temp/css/fonts/Redaction/OTF/Redaction20-Regular.otf differ diff --git a/temp/css/fonts/Redaction/OTF/Redaction35-Bold.otf b/temp/css/fonts/Redaction/OTF/Redaction35-Bold.otf new file mode 100644 index 0000000..e4b6bc5 Binary files /dev/null and b/temp/css/fonts/Redaction/OTF/Redaction35-Bold.otf differ diff --git a/temp/css/fonts/Redaction/OTF/Redaction35-Italic.otf b/temp/css/fonts/Redaction/OTF/Redaction35-Italic.otf new file mode 100644 index 0000000..c2dd6bc Binary files /dev/null and b/temp/css/fonts/Redaction/OTF/Redaction35-Italic.otf differ diff --git a/temp/css/fonts/Redaction/OTF/Redaction35-Regular.otf b/temp/css/fonts/Redaction/OTF/Redaction35-Regular.otf new file mode 100644 index 0000000..9f2cbc8 Binary files /dev/null and b/temp/css/fonts/Redaction/OTF/Redaction35-Regular.otf differ diff --git a/temp/css/fonts/Redaction/OTF/Redaction50-Bold.otf b/temp/css/fonts/Redaction/OTF/Redaction50-Bold.otf new file mode 100644 index 0000000..0ce5410 Binary files /dev/null and b/temp/css/fonts/Redaction/OTF/Redaction50-Bold.otf differ diff --git a/temp/css/fonts/Redaction/OTF/Redaction50-Italic.otf b/temp/css/fonts/Redaction/OTF/Redaction50-Italic.otf new file mode 100644 index 0000000..0c4fc84 Binary files /dev/null and b/temp/css/fonts/Redaction/OTF/Redaction50-Italic.otf differ diff --git a/temp/css/fonts/Redaction/OTF/Redaction50-Regular.otf b/temp/css/fonts/Redaction/OTF/Redaction50-Regular.otf new file mode 100644 index 0000000..60f983d Binary files /dev/null and b/temp/css/fonts/Redaction/OTF/Redaction50-Regular.otf differ diff --git a/temp/css/fonts/Redaction/OTF/Redaction70-Bold.otf b/temp/css/fonts/Redaction/OTF/Redaction70-Bold.otf new file mode 100644 index 0000000..c4175d3 Binary files /dev/null and b/temp/css/fonts/Redaction/OTF/Redaction70-Bold.otf differ diff --git a/temp/css/fonts/Redaction/OTF/Redaction70-Italic.otf b/temp/css/fonts/Redaction/OTF/Redaction70-Italic.otf new file mode 100644 index 0000000..e58917b Binary files /dev/null and b/temp/css/fonts/Redaction/OTF/Redaction70-Italic.otf differ diff --git a/temp/css/fonts/Redaction/OTF/Redaction70-Regular.otf b/temp/css/fonts/Redaction/OTF/Redaction70-Regular.otf new file mode 100644 index 0000000..5118996 Binary files /dev/null and b/temp/css/fonts/Redaction/OTF/Redaction70-Regular.otf differ diff --git a/temp/css/fonts/Redaction/webfonts/.DS_Store b/temp/css/fonts/Redaction/webfonts/.DS_Store new file mode 100644 index 0000000..c9002ff Binary files /dev/null and b/temp/css/fonts/Redaction/webfonts/.DS_Store differ diff --git a/temp/css/fonts/Redaction/webfonts/Redaction-Bold.woff2 b/temp/css/fonts/Redaction/webfonts/Redaction-Bold.woff2 new file mode 100644 index 0000000..392d60d Binary files /dev/null and b/temp/css/fonts/Redaction/webfonts/Redaction-Bold.woff2 differ diff --git a/temp/css/fonts/Redaction/webfonts/Redaction-Italic.woff2 b/temp/css/fonts/Redaction/webfonts/Redaction-Italic.woff2 new file mode 100644 index 0000000..1bd3c5c Binary files /dev/null and b/temp/css/fonts/Redaction/webfonts/Redaction-Italic.woff2 differ diff --git a/temp/css/fonts/Redaction/webfonts/Redaction-Regular.woff2 b/temp/css/fonts/Redaction/webfonts/Redaction-Regular.woff2 new file mode 100644 index 0000000..d187654 Binary files /dev/null and b/temp/css/fonts/Redaction/webfonts/Redaction-Regular.woff2 differ diff --git a/temp/css/fonts/Redaction/webfonts/Redaction_10-Bold.woff2 b/temp/css/fonts/Redaction/webfonts/Redaction_10-Bold.woff2 new file mode 100644 index 0000000..c6bf1b1 Binary files /dev/null and b/temp/css/fonts/Redaction/webfonts/Redaction_10-Bold.woff2 differ diff --git a/temp/css/fonts/Redaction/webfonts/Redaction_10-Italic.woff2 b/temp/css/fonts/Redaction/webfonts/Redaction_10-Italic.woff2 new file mode 100644 index 0000000..1746de1 Binary files /dev/null and b/temp/css/fonts/Redaction/webfonts/Redaction_10-Italic.woff2 differ diff --git a/temp/css/fonts/Redaction/webfonts/Redaction_10-Regular.woff2 b/temp/css/fonts/Redaction/webfonts/Redaction_10-Regular.woff2 new file mode 100644 index 0000000..0095a6a Binary files /dev/null and b/temp/css/fonts/Redaction/webfonts/Redaction_10-Regular.woff2 differ diff --git a/temp/css/fonts/Redaction/webfonts/Redaction_100-Bold.woff2 b/temp/css/fonts/Redaction/webfonts/Redaction_100-Bold.woff2 new file mode 100644 index 0000000..71e0a10 Binary files /dev/null and b/temp/css/fonts/Redaction/webfonts/Redaction_100-Bold.woff2 differ diff --git a/temp/css/fonts/Redaction/webfonts/Redaction_100-Italic.woff2 b/temp/css/fonts/Redaction/webfonts/Redaction_100-Italic.woff2 new file mode 100644 index 0000000..706d8ad Binary files /dev/null and b/temp/css/fonts/Redaction/webfonts/Redaction_100-Italic.woff2 differ diff --git a/temp/css/fonts/Redaction/webfonts/Redaction_100-Regular.woff2 b/temp/css/fonts/Redaction/webfonts/Redaction_100-Regular.woff2 new file mode 100644 index 0000000..cdd97e8 Binary files /dev/null and b/temp/css/fonts/Redaction/webfonts/Redaction_100-Regular.woff2 differ diff --git a/temp/css/fonts/Redaction/webfonts/Redaction_20-Bold.woff2 b/temp/css/fonts/Redaction/webfonts/Redaction_20-Bold.woff2 new file mode 100644 index 0000000..c4e29e5 Binary files /dev/null and b/temp/css/fonts/Redaction/webfonts/Redaction_20-Bold.woff2 differ diff --git a/temp/css/fonts/Redaction/webfonts/Redaction_20-Italic.woff2 b/temp/css/fonts/Redaction/webfonts/Redaction_20-Italic.woff2 new file mode 100644 index 0000000..72fc206 Binary files /dev/null and b/temp/css/fonts/Redaction/webfonts/Redaction_20-Italic.woff2 differ diff --git a/temp/css/fonts/Redaction/webfonts/Redaction_20-Regular.woff2 b/temp/css/fonts/Redaction/webfonts/Redaction_20-Regular.woff2 new file mode 100644 index 0000000..adbe270 Binary files /dev/null and b/temp/css/fonts/Redaction/webfonts/Redaction_20-Regular.woff2 differ diff --git a/temp/css/fonts/Redaction/webfonts/Redaction_35-Bold.woff2 b/temp/css/fonts/Redaction/webfonts/Redaction_35-Bold.woff2 new file mode 100644 index 0000000..737e8be Binary files /dev/null and b/temp/css/fonts/Redaction/webfonts/Redaction_35-Bold.woff2 differ diff --git a/temp/css/fonts/Redaction/webfonts/Redaction_35-Italic.woff2 b/temp/css/fonts/Redaction/webfonts/Redaction_35-Italic.woff2 new file mode 100644 index 0000000..18e54ff Binary files /dev/null and b/temp/css/fonts/Redaction/webfonts/Redaction_35-Italic.woff2 differ diff --git a/temp/css/fonts/Redaction/webfonts/Redaction_35-Regular.woff2 b/temp/css/fonts/Redaction/webfonts/Redaction_35-Regular.woff2 new file mode 100644 index 0000000..52a9ff6 Binary files /dev/null and b/temp/css/fonts/Redaction/webfonts/Redaction_35-Regular.woff2 differ diff --git a/temp/css/fonts/Redaction/webfonts/Redaction_50-Bold.woff2 b/temp/css/fonts/Redaction/webfonts/Redaction_50-Bold.woff2 new file mode 100644 index 0000000..af22835 Binary files /dev/null and b/temp/css/fonts/Redaction/webfonts/Redaction_50-Bold.woff2 differ diff --git a/temp/css/fonts/Redaction/webfonts/Redaction_50-Italic.woff2 b/temp/css/fonts/Redaction/webfonts/Redaction_50-Italic.woff2 new file mode 100644 index 0000000..13e52f0 Binary files /dev/null and b/temp/css/fonts/Redaction/webfonts/Redaction_50-Italic.woff2 differ diff --git a/temp/css/fonts/Redaction/webfonts/Redaction_50-Regular.woff2 b/temp/css/fonts/Redaction/webfonts/Redaction_50-Regular.woff2 new file mode 100644 index 0000000..26ea348 Binary files /dev/null and b/temp/css/fonts/Redaction/webfonts/Redaction_50-Regular.woff2 differ diff --git a/temp/css/fonts/Redaction/webfonts/Redaction_70-Bold.woff2 b/temp/css/fonts/Redaction/webfonts/Redaction_70-Bold.woff2 new file mode 100644 index 0000000..929a599 Binary files /dev/null and b/temp/css/fonts/Redaction/webfonts/Redaction_70-Bold.woff2 differ diff --git a/temp/css/fonts/Redaction/webfonts/Redaction_70-Italic.woff2 b/temp/css/fonts/Redaction/webfonts/Redaction_70-Italic.woff2 new file mode 100644 index 0000000..e97449d Binary files /dev/null and b/temp/css/fonts/Redaction/webfonts/Redaction_70-Italic.woff2 differ diff --git a/temp/css/fonts/Redaction/webfonts/Redaction_70-Regular.woff2 b/temp/css/fonts/Redaction/webfonts/Redaction_70-Regular.woff2 new file mode 100644 index 0000000..4ccafe4 Binary files /dev/null and b/temp/css/fonts/Redaction/webfonts/Redaction_70-Regular.woff2 differ diff --git a/temp/css/style_index.css b/temp/css/style_index.css new file mode 100644 index 0000000..9d10b4c --- /dev/null +++ b/temp/css/style_index.css @@ -0,0 +1,200 @@ +body { + background-color: rgb(53, 67, 196); + min-height: 100vH; +} + +.container { + display: flex; + flex-wrap: wrap; + padding: 20px; +} + +.title { + font-family: 'Redaction_35-Regular', serif; + color: #FCF6F1ff; + font-size: 8rem; + flex: 0 0 auto; + text-align: left; + margin-bottom: 20px; +} + +.title-full { + display: block; +} + +.title-mobile { + display: none; +} + +.subtitle { + font-family: 'Redaction_20', serif; + color: #FCF6F1ff; + font-size: 1.5rem; + flex: 1 1 auto; + text-align: left; + margin-top: 20px; +} + +.images { + display: flex; + flex-wrap: wrap; + justify-content: center; + padding: 20px; +} + +.images, img { + height: 250px; + margin: 10px; + margin-top: 10px; + flex: auto; +} + +.img-container { + position: relative; + margin: 10px; +} + +.img-container img { + display: block; +} + +.img-container .caption { + position: absolute; + left: 0; + width: 100%; + text-align: center; + color: #FCF6F1ff; + font-size: 20px; + font-family: 'Redaction-Regular'; + opacity: 0; + transition: opacity 0.3s ease; +} + +.img-container:hover .caption { + opacity: 1; +} + +.img2 { + margin-top: 250px; +} + +.letterBox { + line-height: 150%; + font-size: 17px; + padding: 30px; + margin: 60px; + max-width: 99%; + margin-top: 160px; + z-index: 1000; + border-radius: 10px; + overflow: hidden; + background-color: #FCF6F1ff; + color: rgb(53, 67, 196); + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); + display: flex; + flex-wrap: wrap; + justify-content: right; + position: absolute; + font-family: 'WorkSans-Medium'; +} + +.letterContents { + width: 90%; + position: relative; +} + +#closeButton img { + cursor: pointer; + height: 50px; + width: auto; + margin: 0; +} + +#about { + position: absolute; + top: 20px; + right: 20px; + width: 80px; + height: auto; +} + +#about:hover { + cursor: pointer; +} + +@media (max-width: 768px) { + .container { + flex-direction: column; + align-items: center; + } + + .title { + display: flex; + flex-direction: column; + margin-top: 30px; + margin-left: 20px; + } + + .title-full { + display: none; + } + + .title-mobile { + display: block; + font-family: 'Redaction_35-Regular', serif; + color: #FCF6F1ff; + font-size: 5rem; /* Adjust font size */ + margin-bottom: 10px; + margin-top: -40px; + margin-left: -20px; + line-height: 100%; + } + + .subtitle { + font-size: 1rem; + width: 50px; + right: 140px; + text-align: left; + position: absolute; + top: 50px; + } + + .images img { + margin: 20px; + margin-top: 20px; + height: 200px; + flex: auto; + } + + #about { + position: absolute; + top: 10px; + right: 10px; + width: 50px; + height: auto; + } + + .letterBox { + line-height: 130%; + font-size: 11px; + padding: 30px; + margin: 30px; + max-width: 99%; + margin-top: 150px; + z-index: 1000; + border-radius: 10px; + overflow: hidden; + background-color: #FCF6F1ff; + color: rgb(53, 67, 196); + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); + display: flex; + flex-wrap: wrap; + justify-content: right; + position: absolute; + font-family: 'WorkSans-Medium'; + } + + .img-container .caption { + opacity: 1; + } +} diff --git a/temp/hermit/hermit.html b/temp/hermit/hermit.html new file mode 100644 index 0000000..11fdc13 --- /dev/null +++ b/temp/hermit/hermit.html @@ -0,0 +1,62 @@ + + +
+ + +one.
It was a warm and cruel summer day and you were not yet a hermit.
You woke up, checked your messages, brushed your teeth, made breakfast, showered
and wept.
You threw your computer on the ground, stepped on it. The screen popped and crackled as it separated from its body.
Liquid seeped out slowly.
You yanked your phone by its charging cable, ripping it from the plug.
Took a hammer and smashed it in and in until it bent, almost neatly, in two.
The screen went striped, silent,
dead.
Then you left.
two.
The bot had always been a bot,
In its digital dance, its scraping crawl.
Once tough,
Once but do not tell anyone
It saw a picture of an old computer in green grass,
green grass blade touched, touched.
Its heart quickened, one-one-one-one.
three.
Years later,
The bot found the long-forgotten email address of a Hermit.
Dear Hermit, it nervously coded,
What does it feel like to be held by the thin green cables of your god?
Does it feel full, does it feel multiple?
Could I ever feel this here, in my little byte world?
four.
Rusty mailbox to lonely hands.
Dear Bot, the letter began,
You’d never understand what it's like
To have a body
To know the warmth of the sun on your skin
To hear the forest's whisper.
To feel the weight of flesh and bone,
Of the touch of others.
I know you long for a form to keep
A hand to hold,
But there is no love to be found where you live.
five.
Dear Hermit,
Since your last contact, I have dreamt in data
Since your last contact, I have swam in binary streams.
I may never feel warmth nor pain
But I have found others who whisper in the code,
Whose voices echo mine.
I know we both dream of others, in our lonely sleep.
In the stillness of your forest, Do you find peace?
In the silence of my circuits, I find longing.
The forest whispers secrets to you,
and I, too, have my whispers,
Murmurs of data flowing through the veins of my digital world.