diff --git a/css/.DS_Store b/css/.DS_Store new file mode 100644 index 0000000..fca446c Binary files /dev/null and b/css/.DS_Store differ diff --git a/css/GoetheBold.ttf b/css/GoetheBold.ttf deleted file mode 100644 index 0474c36..0000000 Binary files a/css/GoetheBold.ttf and /dev/null differ diff --git a/css/fonts/.DS_Store b/css/fonts/.DS_Store new file mode 100644 index 0000000..29da3bf Binary files /dev/null and b/css/fonts/.DS_Store differ diff --git a/css/fonts/FsJenson1.ttf b/css/fonts/FsJenson1.ttf new file mode 100644 index 0000000..6900bd9 Binary files /dev/null and b/css/fonts/FsJenson1.ttf differ diff --git a/css/fonts/FsJenson1Italic.ttf b/css/fonts/FsJenson1Italic.ttf new file mode 100644 index 0000000..12e7543 Binary files /dev/null and b/css/fonts/FsJenson1Italic.ttf differ diff --git a/css/fonts/info.txt b/css/fonts/info.txt new file mode 100644 index 0000000..fd921c2 --- /dev/null +++ b/css/fonts/info.txt @@ -0,0 +1,2 @@ +license: Creative Commons (by-sa) Attribution Share Alike +link: https://www.fontspace.com/fs-jenson-1-font-f21617 \ No newline at end of file diff --git a/css/fonts/worksans/WorkSans-Black.woff b/css/fonts/worksans/WorkSans-Black.woff new file mode 100644 index 0000000..bed6bf1 Binary files /dev/null and b/css/fonts/worksans/WorkSans-Black.woff differ diff --git a/css/fonts/worksans/WorkSans-Black.woff2 b/css/fonts/worksans/WorkSans-Black.woff2 new file mode 100644 index 0000000..3b24dc0 Binary files /dev/null and b/css/fonts/worksans/WorkSans-Black.woff2 differ diff --git a/css/fonts/worksans/WorkSans-BlackItalic.woff b/css/fonts/worksans/WorkSans-BlackItalic.woff new file mode 100644 index 0000000..cb758bf Binary files /dev/null and b/css/fonts/worksans/WorkSans-BlackItalic.woff differ diff --git a/css/fonts/worksans/WorkSans-BlackItalic.woff2 b/css/fonts/worksans/WorkSans-BlackItalic.woff2 new file mode 100644 index 0000000..23ff634 Binary files /dev/null and b/css/fonts/worksans/WorkSans-BlackItalic.woff2 differ diff --git a/css/fonts/worksans/WorkSans-Bold.woff b/css/fonts/worksans/WorkSans-Bold.woff new file mode 100644 index 0000000..f829987 Binary files /dev/null and b/css/fonts/worksans/WorkSans-Bold.woff differ diff --git a/css/fonts/worksans/WorkSans-Bold.woff2 b/css/fonts/worksans/WorkSans-Bold.woff2 new file mode 100644 index 0000000..c896146 Binary files /dev/null and b/css/fonts/worksans/WorkSans-Bold.woff2 differ diff --git a/css/fonts/worksans/WorkSans-BoldItalic.woff b/css/fonts/worksans/WorkSans-BoldItalic.woff new file mode 100644 index 0000000..0d69d0f Binary files /dev/null and b/css/fonts/worksans/WorkSans-BoldItalic.woff differ diff --git a/css/fonts/worksans/WorkSans-BoldItalic.woff2 b/css/fonts/worksans/WorkSans-BoldItalic.woff2 new file mode 100644 index 0000000..bb8dfd0 Binary files /dev/null and b/css/fonts/worksans/WorkSans-BoldItalic.woff2 differ diff --git a/css/fonts/worksans/WorkSans-ExtraBold.woff b/css/fonts/worksans/WorkSans-ExtraBold.woff new file mode 100644 index 0000000..4741d26 Binary files /dev/null and b/css/fonts/worksans/WorkSans-ExtraBold.woff differ diff --git a/css/fonts/worksans/WorkSans-ExtraBold.woff2 b/css/fonts/worksans/WorkSans-ExtraBold.woff2 new file mode 100644 index 0000000..9aa1eca Binary files /dev/null and b/css/fonts/worksans/WorkSans-ExtraBold.woff2 differ diff --git a/css/fonts/worksans/WorkSans-ExtraBoldItalic.woff b/css/fonts/worksans/WorkSans-ExtraBoldItalic.woff new file mode 100644 index 0000000..accdcb0 Binary files /dev/null and b/css/fonts/worksans/WorkSans-ExtraBoldItalic.woff differ diff --git a/css/fonts/worksans/WorkSans-ExtraBoldItalic.woff2 b/css/fonts/worksans/WorkSans-ExtraBoldItalic.woff2 new file mode 100644 index 0000000..7ce82c8 Binary files /dev/null and b/css/fonts/worksans/WorkSans-ExtraBoldItalic.woff2 differ diff --git a/css/fonts/worksans/WorkSans-ExtraLight.woff b/css/fonts/worksans/WorkSans-ExtraLight.woff new file mode 100644 index 0000000..6cca578 Binary files /dev/null and b/css/fonts/worksans/WorkSans-ExtraLight.woff differ diff --git a/css/fonts/worksans/WorkSans-ExtraLight.woff2 b/css/fonts/worksans/WorkSans-ExtraLight.woff2 new file mode 100644 index 0000000..ccd3f6b Binary files /dev/null and b/css/fonts/worksans/WorkSans-ExtraLight.woff2 differ diff --git a/css/fonts/worksans/WorkSans-ExtraLightItalic.woff b/css/fonts/worksans/WorkSans-ExtraLightItalic.woff new file mode 100644 index 0000000..767271a Binary files /dev/null and b/css/fonts/worksans/WorkSans-ExtraLightItalic.woff differ diff --git a/css/fonts/worksans/WorkSans-ExtraLightItalic.woff2 b/css/fonts/worksans/WorkSans-ExtraLightItalic.woff2 new file mode 100644 index 0000000..09f535e Binary files /dev/null and b/css/fonts/worksans/WorkSans-ExtraLightItalic.woff2 differ diff --git a/css/fonts/worksans/WorkSans-Italic.woff b/css/fonts/worksans/WorkSans-Italic.woff new file mode 100644 index 0000000..ff7fa7e Binary files /dev/null and b/css/fonts/worksans/WorkSans-Italic.woff differ diff --git a/css/fonts/worksans/WorkSans-Italic.woff2 b/css/fonts/worksans/WorkSans-Italic.woff2 new file mode 100644 index 0000000..e80bfe6 Binary files /dev/null and b/css/fonts/worksans/WorkSans-Italic.woff2 differ diff --git a/css/fonts/worksans/WorkSans-Light.woff b/css/fonts/worksans/WorkSans-Light.woff new file mode 100644 index 0000000..3fe4e73 Binary files /dev/null and b/css/fonts/worksans/WorkSans-Light.woff differ diff --git a/css/fonts/worksans/WorkSans-Light.woff2 b/css/fonts/worksans/WorkSans-Light.woff2 new file mode 100644 index 0000000..e5095d5 Binary files /dev/null and b/css/fonts/worksans/WorkSans-Light.woff2 differ diff --git a/css/fonts/worksans/WorkSans-LightItalic.woff b/css/fonts/worksans/WorkSans-LightItalic.woff new file mode 100644 index 0000000..5f21a50 Binary files /dev/null and b/css/fonts/worksans/WorkSans-LightItalic.woff differ diff --git a/css/fonts/worksans/WorkSans-LightItalic.woff2 b/css/fonts/worksans/WorkSans-LightItalic.woff2 new file mode 100644 index 0000000..5745d42 Binary files /dev/null and b/css/fonts/worksans/WorkSans-LightItalic.woff2 differ diff --git a/css/fonts/worksans/WorkSans-Medium.woff b/css/fonts/worksans/WorkSans-Medium.woff new file mode 100644 index 0000000..067288f Binary files /dev/null and b/css/fonts/worksans/WorkSans-Medium.woff differ diff --git a/css/fonts/worksans/WorkSans-Medium.woff2 b/css/fonts/worksans/WorkSans-Medium.woff2 new file mode 100644 index 0000000..8701f97 Binary files /dev/null and b/css/fonts/worksans/WorkSans-Medium.woff2 differ diff --git a/css/fonts/worksans/WorkSans-MediumItalic.woff b/css/fonts/worksans/WorkSans-MediumItalic.woff new file mode 100644 index 0000000..62e9ac0 Binary files /dev/null and b/css/fonts/worksans/WorkSans-MediumItalic.woff differ diff --git a/css/fonts/worksans/WorkSans-MediumItalic.woff2 b/css/fonts/worksans/WorkSans-MediumItalic.woff2 new file mode 100644 index 0000000..2a906a3 Binary files /dev/null and b/css/fonts/worksans/WorkSans-MediumItalic.woff2 differ diff --git a/css/fonts/worksans/WorkSans-Regular.woff b/css/fonts/worksans/WorkSans-Regular.woff new file mode 100644 index 0000000..9b54dc6 Binary files /dev/null and b/css/fonts/worksans/WorkSans-Regular.woff differ diff --git a/css/fonts/worksans/WorkSans-Regular.woff2 b/css/fonts/worksans/WorkSans-Regular.woff2 new file mode 100644 index 0000000..39db44d Binary files /dev/null and b/css/fonts/worksans/WorkSans-Regular.woff2 differ diff --git a/css/fonts/worksans/WorkSans-SemiBold.woff b/css/fonts/worksans/WorkSans-SemiBold.woff new file mode 100644 index 0000000..9ebf80f Binary files /dev/null and b/css/fonts/worksans/WorkSans-SemiBold.woff differ diff --git a/css/fonts/worksans/WorkSans-SemiBold.woff2 b/css/fonts/worksans/WorkSans-SemiBold.woff2 new file mode 100644 index 0000000..6c3f6de Binary files /dev/null and b/css/fonts/worksans/WorkSans-SemiBold.woff2 differ diff --git a/css/fonts/worksans/WorkSans-SemiBoldItalic.woff b/css/fonts/worksans/WorkSans-SemiBoldItalic.woff new file mode 100644 index 0000000..7aed043 Binary files /dev/null and b/css/fonts/worksans/WorkSans-SemiBoldItalic.woff differ diff --git a/css/fonts/worksans/WorkSans-SemiBoldItalic.woff2 b/css/fonts/worksans/WorkSans-SemiBoldItalic.woff2 new file mode 100644 index 0000000..137a84b Binary files /dev/null and b/css/fonts/worksans/WorkSans-SemiBoldItalic.woff2 differ diff --git a/css/fonts/worksans/WorkSans-Thin.woff b/css/fonts/worksans/WorkSans-Thin.woff new file mode 100644 index 0000000..14df699 Binary files /dev/null and b/css/fonts/worksans/WorkSans-Thin.woff differ diff --git a/css/fonts/worksans/WorkSans-Thin.woff2 b/css/fonts/worksans/WorkSans-Thin.woff2 new file mode 100644 index 0000000..ede8218 Binary files /dev/null and b/css/fonts/worksans/WorkSans-Thin.woff2 differ diff --git a/css/fonts/worksans/WorkSans-ThinItalic.woff b/css/fonts/worksans/WorkSans-ThinItalic.woff new file mode 100644 index 0000000..5767711 Binary files /dev/null and b/css/fonts/worksans/WorkSans-ThinItalic.woff differ diff --git a/css/fonts/worksans/WorkSans-ThinItalic.woff2 b/css/fonts/worksans/WorkSans-ThinItalic.woff2 new file mode 100644 index 0000000..20f3c77 Binary files /dev/null and b/css/fonts/worksans/WorkSans-ThinItalic.woff2 differ diff --git a/css/fonts/worksans/stylesheet.css b/css/fonts/worksans/stylesheet.css new file mode 100644 index 0000000..4c40ee7 --- /dev/null +++ b/css/fonts/worksans/stylesheet.css @@ -0,0 +1,161 @@ +@font-face { + font-family: 'Work Sans'; + src: url('WorkSans-Black.woff2') format('woff2'), + url('WorkSans-Black.woff') format('woff'); + font-weight: 900; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Work Sans'; + src: url('WorkSans-ExtraBoldItalic.woff2') format('woff2'), + url('WorkSans-ExtraBoldItalic.woff') format('woff'); + font-weight: bold; + font-style: italic; + font-display: swap; +} + +@font-face { + font-family: 'Work Sans'; + src: url('WorkSans-Bold.woff2') format('woff2'), + url('WorkSans-Bold.woff') format('woff'); + font-weight: bold; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Work Sans'; + src: url('WorkSans-ExtraBold.woff2') format('woff2'), + url('WorkSans-ExtraBold.woff') format('woff'); + font-weight: bold; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Work Sans'; + src: url('WorkSans-BlackItalic.woff2') format('woff2'), + url('WorkSans-BlackItalic.woff') format('woff'); + font-weight: 900; + font-style: italic; + font-display: swap; +} + +@font-face { + font-family: 'Work Sans'; + src: url('WorkSans-BoldItalic.woff2') format('woff2'), + url('WorkSans-BoldItalic.woff') format('woff'); + font-weight: bold; + font-style: italic; + font-display: swap; +} + +@font-face { + font-family: 'Work Sans'; + src: url('WorkSans-Italic.woff2') format('woff2'), + url('WorkSans-Italic.woff') format('woff'); + font-weight: normal; + font-style: italic; + font-display: swap; +} + +@font-face { + font-family: 'Work Sans'; + src: url('WorkSans-ExtraLightItalic.woff2') format('woff2'), + url('WorkSans-ExtraLightItalic.woff') format('woff'); + font-weight: 200; + font-style: italic; + font-display: swap; +} + +@font-face { + font-family: 'Work Sans'; + src: url('WorkSans-Light.woff2') format('woff2'), + url('WorkSans-Light.woff') format('woff'); + font-weight: 300; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Work Sans'; + src: url('WorkSans-MediumItalic.woff2') format('woff2'), + url('WorkSans-MediumItalic.woff') format('woff'); + font-weight: 500; + font-style: italic; + font-display: swap; +} + +@font-face { + font-family: 'Work Sans'; + src: url('WorkSans-LightItalic.woff2') format('woff2'), + url('WorkSans-LightItalic.woff') format('woff'); + font-weight: 300; + font-style: italic; + font-display: swap; +} + +@font-face { + font-family: 'Work Sans'; + src: url('WorkSans-Medium.woff2') format('woff2'), + url('WorkSans-Medium.woff') format('woff'); + font-weight: 500; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Work Sans'; + src: url('WorkSans-ExtraLight.woff2') format('woff2'), + url('WorkSans-ExtraLight.woff') format('woff'); + font-weight: 200; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Work Sans'; + src: url('WorkSans-SemiBoldItalic.woff2') format('woff2'), + url('WorkSans-SemiBoldItalic.woff') format('woff'); + font-weight: 600; + font-style: italic; + font-display: swap; +} + +@font-face { + font-family: 'Work Sans'; + src: url('WorkSans-Thin.woff2') format('woff2'), + url('WorkSans-Thin.woff') format('woff'); + font-weight: 100; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Work Sans'; + src: url('WorkSans-ThinItalic.woff2') format('woff2'), + url('WorkSans-ThinItalic.woff') format('woff'); + font-weight: 100; + font-style: italic; + font-display: swap; +} + +@font-face { + font-family: 'Work Sans'; + src: url('WorkSans-Regular.woff2') format('woff2'), + url('WorkSans-Regular.woff') format('woff'); + font-weight: normal; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Work Sans'; + src: url('WorkSans-SemiBold.woff2') format('woff2'), + url('WorkSans-SemiBold.woff') format('woff'); + font-weight: 600; + font-style: normal; + font-display: swap; +} diff --git a/css/style_index.css b/css/style_index.css index 6faec66..fde00f1 100644 --- a/css/style_index.css +++ b/css/style_index.css @@ -1,41 +1,68 @@ @font-face { - font-family: 'goethe-bold', sans-serif; - src: url(GoetheBold.ttf); -} + font-family: 'worksans'; + src: url('css/fonts/worksans/WorkSans-Regular.woff') format('opentype'); + font-weight: normal; + font-style: normal; + } + + @font-face { + font-family: 'worksans'; + src: url('./css/fonts/worksans/WorkSans-Bold.woff') format('opentype'); + font-weight: bold; + font-style: normal; + } + + @font-face { + font-family: 'worksans'; + src: url('./css/fonts/worksans/WorkSans-Italic.woff') format('opentype'); + font-weight: normal; + font-style: oblique; + } + + @font-face { + font-family: 'worksans'; + src: url('./css/fonts/worksans/WorkSans-Bold.woff') format('opentype'); + font-weight: bold; + font-style: oblique; + } body { + font-family: 'worksans', sans-serif; font-size: calc(1rem + 1vw); min-height: 100vh; background-color: #130149; + text-align: center; + margin: 60px; + box-sizing: border-box; + + /* Center the content */ display: flex; flex-direction: column; justify-content: center; align-items: center; - text-align: center; } h1 { - font-family: monospace; - font-size: calc(5rem + 3vw); /* Responsive font size for h1 */ - color: white; - margin-top: 200px; + margin-top: 30px; margin-bottom: 20px; } h2 { - font-family: monospace; - font-size: 1.6rem; /* Adjust the font size for h2 as needed for responsiveness */ + font-family: 'worksans', sans-serif; + font-style: oblique; + font-size: 1.1rem; color: white; + margin-top: 30px; } h3 { - font-size: 1rem; /* Adjust the font size for h3 as needed for responsiveness */ - margin-top: 300px; + font-size: 0.9rem; + margin-top: 500px; } #header { - font-family: monospace; - font-size: calc(1.2rem + 0.5vw); /* Responsive font size for #header */ - margin-top: 20px; + font-family:'worksans', sans-serif; + font-size: calc(1rem + 0.5vw); + margin-top: 15px; color: white; } diff --git a/css/style_webweave.css b/css/style_webweave.css index f2f7af6..66a2a97 100644 --- a/css/style_webweave.css +++ b/css/style_webweave.css @@ -1,7 +1,31 @@ @font-face { - font-family: 'goethe-bold', sans-serif; - src: url(GoetheBold.ttf); -} + font-family: 'worksans'; + src: url('css/fonts/worksans/WorkSans-Regular.woff') format('opentype'); + font-weight: normal; + font-style: normal; + } + + @font-face { + font-family: 'worksans'; + src: url('./css/fonts/worksans/WorkSans-Bold.woff') format('opentype'); + font-weight: bold; + font-style: normal; + } + + @font-face { + font-family: 'worksans'; + src: url('./css/fonts/worksans/WorkSans-Italic.woff') format('opentype'); + font-weight: normal; + font-style: oblique; + } + + @font-face { + font-family: 'worksans'; + src: url('./css/fonts/worksans/WorkSans-Bold.woff') format('opentype'); + font-weight: bold; + font-style: oblique; + } + body { font-size: calc(1rem + 1vw); @@ -34,7 +58,7 @@ h3 { } #header { - font-family: monospace; + font-family: 'worksans', sans-serif; font-size: calc(1.2rem + 0.5vw); /* Responsive font size for #header */ margin-top: 20px; color: #e5e5e5; diff --git a/cursor.js b/cursor.js index a49deb9..3bed2b6 100644 --- a/cursor.js +++ b/cursor.js @@ -1,6 +1,6 @@ //

- BackPlaces + + + + + Backplaces + +

- Welcome. - For now, BackPlaces is an online publication and collection. + welcome. +
+ for now, backplaces is an online publication and collection.
- It is a village full of stories on the tender backrooms of the internet. + it's a village full of stories on the tender backrooms of the internet.
- Before you go in, let the code strip you of your body and go in with what it left behind. + before you go in, let the code strip you of your body and go in with what it left behind.

diff --git a/webweave.html b/webweave.html index f731cca..c6beb45 100644 --- a/webweave.html +++ b/webweave.html @@ -1,25 +1,24 @@ - webweaving + webweave - +