diff --git a/README.md b/README.md index 891c051..d886e0a 100644 --- a/README.md +++ b/README.md @@ -1,17 +1,7 @@ # TIDE -TIDE is the website and NixOS module for the Torah Im Derech Eretz community. -It serves the static landing page at `torahimderecheretz.com`, deploys the -forum with NixOS Discourse, and configures its production Borg backup. - -## Landing page - -The landing page is a static HTML and CSS site in [`site`](./site). Build its -deployment package with: - -```console -nix build .#landing-page -``` +TIDE is the NixOS module for the Torah Im Derech Eretz forum. It deploys the +forum with NixOS Discourse and configures its production Borg backup. ## NixOS module @@ -31,9 +21,8 @@ services.tide = { }; ``` -The module owns the landing page and forum hostnames, site identity, SMTP -configuration, and backup policy. The importing host owns secret provisioning -and ACME account configuration. +The module owns the forum hostname, site identity, SMTP configuration, and +backup policy. The importing host owns secret provisioning. See [RECOVERY.md](./RECOVERY.md) for the database and state restoration procedure. diff --git a/flake.nix b/flake.nix index d2b5550..b6c7f93 100644 --- a/flake.nix +++ b/flake.nix @@ -11,7 +11,6 @@ let system = "x86_64-linux"; pkgs = nixpkgs.legacyPackages.${system}; - landingPage = import ./nix/site.nix { inherit pkgs; }; in { nixosModules.tide = import ./nix/module.nix; @@ -21,8 +20,6 @@ inherit nixpkgs self system; }; - packages.${system}.landing-page = landingPage; - formatter.${system} = pkgs.nixfmt-tree; devShells.${system}.default = pkgs.mkShell { diff --git a/nix/module.nix b/nix/module.nix index d3966ca..f2d66b6 100644 --- a/nix/module.nix +++ b/nix/module.nix @@ -6,17 +6,6 @@ }: let cfg = config.services.tide; - landingPage = import ./site.nix { inherit pkgs; }; - contentSecurityPolicy = lib.concatStringsSep " " [ - "default-src 'self';" - "base-uri 'self';" - "font-src 'self';" - "form-action 'self';" - "frame-ancestors 'none';" - "img-src 'self' data:;" - "object-src 'none';" - "style-src 'self';" - ]; dumpCommand = lib.concatStringsSep " " [ "${config.services.postgresql.package}/bin/pg_dump" "--format=custom" @@ -43,25 +32,6 @@ in }; config = lib.mkIf cfg.enable { - services.nginx = { - enable = true; - virtualHosts."torahimderecheretz.com" = { - enableACME = true; - forceSSL = true; - root = landingPage; - - locations."/" = { - tryFiles = "$uri $uri/ =404"; - extraConfig = '' - add_header Content-Security-Policy "${contentSecurityPolicy}" always; - add_header Permissions-Policy "camera=(), geolocation=(), microphone=()" always; - add_header Referrer-Policy "strict-origin-when-cross-origin" always; - add_header X-Content-Type-Options "nosniff" always; - ''; - }; - }; - }; - services.discourse = { enable = true; admin = { diff --git a/nix/site.nix b/nix/site.nix deleted file mode 100644 index c5950b1..0000000 --- a/nix/site.nix +++ /dev/null @@ -1,18 +0,0 @@ -{ pkgs }: - -pkgs.stdenvNoCC.mkDerivation { - pname = "tide-landing-page"; - version = "1.0.0"; - src = ../site; - - dontBuild = true; - - installPhase = '' - runHook preInstall - - mkdir -p "$out" - cp -R . "$out" - - runHook postInstall - ''; -} diff --git a/nix/tests/module.nix b/nix/tests/module.nix index 5561d17..c9265df 100644 --- a/nix/tests/module.nix +++ b/nix/tests/module.nix @@ -24,8 +24,6 @@ let ]; }; evaluatedConfig = evaluatedSystem.config; - landingPage = self.packages.${system}.landing-page; - landingVirtualHost = evaluatedConfig.services.nginx.virtualHosts."torahimderecheretz.com"; discourseConfig = evaluatedConfig.services.discourse; backupConfig = evaluatedConfig.services.borgbackup.jobs.discourse; backupService = evaluatedConfig.systemd.services.borgbackup-job-discourse; @@ -36,19 +34,16 @@ assert discourseConfig.admin.email == "yisroel.d.baum@gmail.com"; assert discourseConfig.admin.fullName == "Yisroel Baum"; assert discourseConfig.admin.username == "yisroeldbaum"; assert discourseConfig.admin.passwordFile == "/run/secrets/tide-admin-password"; -assert discourseConfig.mail.notificationEmailAddress == "system@torahimderecheretz.com"; -assert discourseConfig.mail.contactEmailAddress == "system@torahimderecheretz.com"; +assert discourseConfig.mail.notificationEmailAddress == + "system@torahimderecheretz.com"; +assert discourseConfig.mail.contactEmailAddress == + "system@torahimderecheretz.com"; assert discourseConfig.mail.outgoing.passwordFile == "/run/secrets/tide-mail-password"; assert discourseConfig.mail.outgoing.serverAddress == "in-v3.mailjet.com"; assert discourseConfig.mail.outgoing.port == 587; assert discourseConfig.mail.outgoing.authentication == "login"; assert discourseConfig.siteSettings.required.title == "Torah Im Derech Eretz"; assert discourseConfig.secretKeyBaseFile == "/run/secrets/tide-secret-key-base"; -assert evaluatedConfig.services.nginx.enable; -assert landingVirtualHost.root == landingPage; -assert landingVirtualHost.enableACME; -assert landingVirtualHost.forceSSL; -assert landingVirtualHost.locations."/".tryFiles == "$uri $uri/ =404"; assert backupConfig.repo == "ssh://oas17j8p@oas17j8p.repo.borgbase.com/./repo"; assert backupConfig.startAt == "*-*-* 07:15:00"; assert backupConfig.persistentTimer; @@ -61,16 +56,5 @@ assert !(evaluatedConfig.services.phpfpm.pools ? tide); assert !(evaluatedConfig.services.nginx.virtualHosts ? "tide.yisroelbaum.com"); assert !(evaluatedConfig.services.nginx.virtualHosts ? "apitide.yisroelbaum.com"); pkgs.runCommand "tide-module-test" { } '' - test -f ${landingPage}/index.html - test -f ${landingPage}/styles.css - test -f ${landingPage}/robots.txt - test -f ${landingPage}/assets/rav-hirsch-1847.jpg - test -f ${landingPage}/assets/rav-hirsch-1847.webp - ${pkgs.gnugrep}/bin/grep -F \ - "A Torah vision for the whole of life." \ - ${landingPage}/index.html - ${pkgs.gnugrep}/bin/grep -F \ - "https://discourse.torahimderecheretz.com" \ - ${landingPage}/index.html touch "$out" '' diff --git a/site/assets/fonts/OFL-Libre-Baskerville.txt b/site/assets/fonts/OFL-Libre-Baskerville.txt deleted file mode 100644 index 5804419..0000000 --- a/site/assets/fonts/OFL-Libre-Baskerville.txt +++ /dev/null @@ -1,93 +0,0 @@ -Copyright 2012 The Libre Baskerville Project Authors (https://github.com/impallari/Libre-Baskerville) with Reserved Font Name Libre Baskerville. - -This Font Software is licensed under the SIL Open Font License, Version 1.1. -This license is copied below, and is also available with a FAQ at: -https://openfontlicense.org - - ------------------------------------------------------------ -SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 ------------------------------------------------------------ - -PREAMBLE -The goals of the Open Font License (OFL) are to stimulate worldwide -development of collaborative font projects, to support the font creation -efforts of academic and linguistic communities, and to provide a free and -open framework in which fonts may be shared and improved in partnership -with others. - -The OFL allows the licensed fonts to be used, studied, modified and -redistributed freely as long as they are not sold by themselves. The -fonts, including any derivative works, can be bundled, embedded, -redistributed and/or sold with any software provided that any reserved -names are not used by derivative works. The fonts and derivatives, -however, cannot be released under any other type of license. The -requirement for fonts to remain under this license does not apply -to any document created using the fonts or their derivatives. - -DEFINITIONS -"Font Software" refers to the set of files released by the Copyright -Holder(s) under this license and clearly marked as such. This may -include source files, build scripts and documentation. - -"Reserved Font Name" refers to any names specified as such after the -copyright statement(s). - -"Original Version" refers to the collection of Font Software components as -distributed by the Copyright Holder(s). - -"Modified Version" refers to any derivative made by adding to, deleting, -or substituting -- in part or in whole -- any of the components of the -Original Version, by changing formats or by porting the Font Software to a -new environment. - -"Author" refers to any designer, engineer, programmer, technical -writer or other person who contributed to the Font Software. - -PERMISSION & CONDITIONS -Permission is hereby granted, free of charge, to any person obtaining -a copy of the Font Software, to use, study, copy, merge, embed, modify, -redistribute, and sell modified and unmodified copies of the Font -Software, subject to the following conditions: - -1) Neither the Font Software nor any of its individual components, -in Original or Modified Versions, may be sold by itself. - -2) Original or Modified Versions of the Font Software may be bundled, -redistributed and/or sold with any software, provided that each copy -contains the above copyright notice and this license. These can be -included either as stand-alone text files, human-readable headers or -in the appropriate machine-readable metadata fields within text or -binary files as long as those fields can be easily viewed by the user. - -3) No Modified Version of the Font Software may use the Reserved Font -Name(s) unless explicit written permission is granted by the corresponding -Copyright Holder. This restriction only applies to the primary font name as -presented to the users. - -4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font -Software shall not be used to promote, endorse or advertise any -Modified Version, except to acknowledge the contribution(s) of the -Copyright Holder(s) and the Author(s) or with their explicit written -permission. - -5) The Font Software, modified or unmodified, in part or in whole, -must be distributed entirely under this license, and must not be -distributed under any other license. The requirement for fonts to -remain under this license does not apply to any document created -using the Font Software. - -TERMINATION -This license becomes null and void if any of the above conditions are -not met. - -DISCLAIMER -THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, -EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF -MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT -OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE -COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, -INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL -DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING -FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM -OTHER DEALINGS IN THE FONT SOFTWARE. diff --git a/site/assets/fonts/OFL-Noto-Serif-Hebrew.txt b/site/assets/fonts/OFL-Noto-Serif-Hebrew.txt deleted file mode 100644 index aa7598b..0000000 --- a/site/assets/fonts/OFL-Noto-Serif-Hebrew.txt +++ /dev/null @@ -1,93 +0,0 @@ -Copyright 2022 The Noto Project Authors (https://github.com/notofonts/hebrew) - -This Font Software is licensed under the SIL Open Font License, Version 1.1. -This license is copied below, and is also available with a FAQ at: -https://scripts.sil.org/OFL - - ------------------------------------------------------------ -SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 ------------------------------------------------------------ - -PREAMBLE -The goals of the Open Font License (OFL) are to stimulate worldwide -development of collaborative font projects, to support the font creation -efforts of academic and linguistic communities, and to provide a free and -open framework in which fonts may be shared and improved in partnership -with others. - -The OFL allows the licensed fonts to be used, studied, modified and -redistributed freely as long as they are not sold by themselves. The -fonts, including any derivative works, can be bundled, embedded, -redistributed and/or sold with any software provided that any reserved -names are not used by derivative works. The fonts and derivatives, -however, cannot be released under any other type of license. The -requirement for fonts to remain under this license does not apply -to any document created using the fonts or their derivatives. - -DEFINITIONS -"Font Software" refers to the set of files released by the Copyright -Holder(s) under this license and clearly marked as such. This may -include source files, build scripts and documentation. - -"Reserved Font Name" refers to any names specified as such after the -copyright statement(s). - -"Original Version" refers to the collection of Font Software components as -distributed by the Copyright Holder(s). - -"Modified Version" refers to any derivative made by adding to, deleting, -or substituting -- in part or in whole -- any of the components of the -Original Version, by changing formats or by porting the Font Software to a -new environment. - -"Author" refers to any designer, engineer, programmer, technical -writer or other person who contributed to the Font Software. - -PERMISSION & CONDITIONS -Permission is hereby granted, free of charge, to any person obtaining -a copy of the Font Software, to use, study, copy, merge, embed, modify, -redistribute, and sell modified and unmodified copies of the Font -Software, subject to the following conditions: - -1) Neither the Font Software nor any of its individual components, -in Original or Modified Versions, may be sold by itself. - -2) Original or Modified Versions of the Font Software may be bundled, -redistributed and/or sold with any software, provided that each copy -contains the above copyright notice and this license. These can be -included either as stand-alone text files, human-readable headers or -in the appropriate machine-readable metadata fields within text or -binary files as long as those fields can be easily viewed by the user. - -3) No Modified Version of the Font Software may use the Reserved Font -Name(s) unless explicit written permission is granted by the corresponding -Copyright Holder. This restriction only applies to the primary font name as -presented to the users. - -4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font -Software shall not be used to promote, endorse or advertise any -Modified Version, except to acknowledge the contribution(s) of the -Copyright Holder(s) and the Author(s) or with their explicit written -permission. - -5) The Font Software, modified or unmodified, in part or in whole, -must be distributed entirely under this license, and must not be -distributed under any other license. The requirement for fonts to -remain under this license does not apply to any document created -using the Font Software. - -TERMINATION -This license becomes null and void if any of the above conditions are -not met. - -DISCLAIMER -THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, -EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF -MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT -OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE -COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, -INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL -DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING -FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM -OTHER DEALINGS IN THE FONT SOFTWARE. diff --git a/site/assets/fonts/OFL-Source-Sans-3.txt b/site/assets/fonts/OFL-Source-Sans-3.txt deleted file mode 100644 index a04c13f..0000000 --- a/site/assets/fonts/OFL-Source-Sans-3.txt +++ /dev/null @@ -1,93 +0,0 @@ -Copyright 2010-2020 Adobe (http://www.adobe.com/), with Reserved Font Name 'Source'. All Rights Reserved. Source is a trademark of Adobe in the United States and/or other countries. - -This Font Software is licensed under the SIL Open Font License, Version 1.1. - -This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL - - ------------------------------------------------------------ -SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 ------------------------------------------------------------ - -PREAMBLE -The goals of the Open Font License (OFL) are to stimulate worldwide -development of collaborative font projects, to support the font creation -efforts of academic and linguistic communities, and to provide a free and -open framework in which fonts may be shared and improved in partnership -with others. - -The OFL allows the licensed fonts to be used, studied, modified and -redistributed freely as long as they are not sold by themselves. The -fonts, including any derivative works, can be bundled, embedded, -redistributed and/or sold with any software provided that any reserved -names are not used by derivative works. The fonts and derivatives, -however, cannot be released under any other type of license. The -requirement for fonts to remain under this license does not apply -to any document created using the fonts or their derivatives. - -DEFINITIONS -"Font Software" refers to the set of files released by the Copyright -Holder(s) under this license and clearly marked as such. This may -include source files, build scripts and documentation. - -"Reserved Font Name" refers to any names specified as such after the -copyright statement(s). - -"Original Version" refers to the collection of Font Software components as -distributed by the Copyright Holder(s). - -"Modified Version" refers to any derivative made by adding to, deleting, -or substituting -- in part or in whole -- any of the components of the -Original Version, by changing formats or by porting the Font Software to a -new environment. - -"Author" refers to any designer, engineer, programmer, technical -writer or other person who contributed to the Font Software. - -PERMISSION & CONDITIONS -Permission is hereby granted, free of charge, to any person obtaining -a copy of the Font Software, to use, study, copy, merge, embed, modify, -redistribute, and sell modified and unmodified copies of the Font -Software, subject to the following conditions: - -1) Neither the Font Software nor any of its individual components, -in Original or Modified Versions, may be sold by itself. - -2) Original or Modified Versions of the Font Software may be bundled, -redistributed and/or sold with any software, provided that each copy -contains the above copyright notice and this license. These can be -included either as stand-alone text files, human-readable headers or -in the appropriate machine-readable metadata fields within text or -binary files as long as those fields can be easily viewed by the user. - -3) No Modified Version of the Font Software may use the Reserved Font -Name(s) unless explicit written permission is granted by the corresponding -Copyright Holder. This restriction only applies to the primary font name as -presented to the users. - -4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font -Software shall not be used to promote, endorse or advertise any -Modified Version, except to acknowledge the contribution(s) of the -Copyright Holder(s) and the Author(s) or with their explicit written -permission. - -5) The Font Software, modified or unmodified, in part or in whole, -must be distributed entirely under this license, and must not be -distributed under any other license. The requirement for fonts to -remain under this license does not apply to any document created -using the Font Software. - -TERMINATION -This license becomes null and void if any of the above conditions are -not met. - -DISCLAIMER -THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, -EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF -MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT -OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE -COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, -INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL -DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING -FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM -OTHER DEALINGS IN THE FONT SOFTWARE. diff --git a/site/assets/fonts/libre-baskerville-latin.woff2 b/site/assets/fonts/libre-baskerville-latin.woff2 deleted file mode 100644 index 2d44bee..0000000 Binary files a/site/assets/fonts/libre-baskerville-latin.woff2 and /dev/null differ diff --git a/site/assets/fonts/noto-serif-hebrew.woff2 b/site/assets/fonts/noto-serif-hebrew.woff2 deleted file mode 100644 index 08738b2..0000000 Binary files a/site/assets/fonts/noto-serif-hebrew.woff2 and /dev/null differ diff --git a/site/assets/fonts/source-sans-3-latin.woff2 b/site/assets/fonts/source-sans-3-latin.woff2 deleted file mode 100644 index 864cc41..0000000 Binary files a/site/assets/fonts/source-sans-3-latin.woff2 and /dev/null differ diff --git a/site/assets/rav-hirsch-1847.jpg b/site/assets/rav-hirsch-1847.jpg deleted file mode 100644 index 0fd136a..0000000 Binary files a/site/assets/rav-hirsch-1847.jpg and /dev/null differ diff --git a/site/assets/rav-hirsch-1847.webp b/site/assets/rav-hirsch-1847.webp deleted file mode 100644 index 4b0f701..0000000 Binary files a/site/assets/rav-hirsch-1847.webp and /dev/null differ diff --git a/site/assets/social-preview.png b/site/assets/social-preview.png deleted file mode 100644 index 8765eb2..0000000 Binary files a/site/assets/social-preview.png and /dev/null differ diff --git a/site/assets/social-preview.svg b/site/assets/social-preview.svg deleted file mode 100644 index 862b588..0000000 --- a/site/assets/social-preview.svg +++ /dev/null @@ -1,50 +0,0 @@ - - - - - - - - - - - - - - - - - TORAH IM DERECH ERETZ - - - A Torah vision - for the whole of life. - - - The teachings of Rav Samson Raphael Hirsch - - - - diff --git a/site/favicon.svg b/site/favicon.svg deleted file mode 100644 index 3ac77a0..0000000 --- a/site/favicon.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - diff --git a/site/index.html b/site/index.html deleted file mode 100644 index 8e70e5f..0000000 --- a/site/index.html +++ /dev/null @@ -1,290 +0,0 @@ - - - - - - Torah Im Derech Eretz - - - - - - - - - - - - - - - - - - - - - - - - -
-
- -
-
-

תורה עם דרך ארץ

-

A Torah vision for the whole of life.

-

- Discover and discuss Rav Samson Raphael Hirsch’s enduring - approach to Torah, work, education, culture, and communal - responsibility. -

- -

- A community devoted to learning, living, and sharing the - teachings of Rav Hirsch. -

-
- -
-
- - - Lithographic portrait of Rav Samson Raphael Hirsch as a young man - - 1808 · 1888 -
-
Rav Samson Raphael Hirsch
-
-
-
- -
-
-
-
-

The Vision

-

One Torah. A whole life.

-
-

- Torah Im Derech Eretz is not a division between sacred and - ordinary life. It is a way of allowing Torah to give direction - and purpose to every human pursuit. -

-
- -
-
- - -

Torah as the measure

-

- Torah is not one compartment among many. Its wisdom and - obligations shape how we understand every part of life. -

-
- -
- - -

Engagement with Derech Eretz

-

- Work, education, culture, and society become arenas for - responsible service of God and the fulfillment of our task. -

-
- -
- - -

A living community

-

- Serious learning is carried into practice through thoughtful - conversation, shared resources, and respectful disagreement. -

-
-
-
-
- -
-
-
-

Rav Hirsch

-

Faithful, thoughtful, and fully alive.

-
- -
-

- Rav Samson Raphael Hirsch was a nineteenth-century rabbi, - commentator, educator, and communal leader. In an age of rapid - social change, he articulated a Judaism of unwavering Torah - commitment and serious engagement with the wider world. -

-

- Through works such as The Nineteen Letters, - Horeb, and his Torah commentary, Rav Hirsch taught - that every dimension of human life could be directed toward - avodas Hashem, the service of God. -

-
- - -
-
- -
- -
-

The Community

-

Study deeply. Ask honestly. Build together.

-

- Join a thoughtful forum for discussing Rav Hirsch’s writings, - applying his ideas, sharing resources, and learning with others - who believe Torah speaks to the whole of life. -

-
- Source study - Ideas in practice - History and legacy -
- - Join the Forum - - -
-
-
- - - - diff --git a/site/robots.txt b/site/robots.txt deleted file mode 100644 index 2f21176..0000000 --- a/site/robots.txt +++ /dev/null @@ -1,4 +0,0 @@ -User-agent: * -Allow: / - -Sitemap: https://torahimderecheretz.com/sitemap.xml diff --git a/site/sitemap.xml b/site/sitemap.xml deleted file mode 100644 index 9682467..0000000 --- a/site/sitemap.xml +++ /dev/null @@ -1,6 +0,0 @@ - - - - https://torahimderecheretz.com/ - - diff --git a/site/styles.css b/site/styles.css deleted file mode 100644 index c9b9793..0000000 --- a/site/styles.css +++ /dev/null @@ -1,852 +0,0 @@ -@font-face { - font-family: "Libre Baskerville"; - font-style: normal; - font-weight: 400 700; - font-display: swap; - src: url("/assets/fonts/libre-baskerville-latin.woff2") format("woff2"); -} - -@font-face { - font-family: "Source Sans 3"; - font-style: normal; - font-weight: 400 600; - font-display: swap; - src: url("/assets/fonts/source-sans-3-latin.woff2") format("woff2"); -} - -@font-face { - font-family: "Noto Serif Hebrew"; - font-style: normal; - font-weight: 600; - font-display: swap; - src: url("/assets/fonts/noto-serif-hebrew.woff2") format("woff2"); -} - -:root { - --color-paper: #f4f0e6; - --color-paper-deep: #e9e1d1; - --color-ink: #192721; - --color-forest: #244a3d; - --color-forest-dark: #17352c; - --color-burgundy: #743d36; - --color-brass: #ad8950; - --color-white: #fff; - --font-display: "Libre Baskerville", Georgia, serif; - --font-body: "Source Sans 3", "Segoe UI", sans-serif; - --font-hebrew: "Noto Serif Hebrew", "Times New Roman", serif; - --shadow-soft: 0 1.5rem 4rem rgb(25 39 33 / 14%); -} - -*, -*::before, -*::after { - box-sizing: border-box; -} - -html { - color-scheme: light; - scroll-behavior: smooth; -} - -body { - margin: 0; - background: var(--color-paper); - color: var(--color-ink); - font-family: var(--font-body); - font-size: 1.125rem; - line-height: 1.65; - -webkit-font-smoothing: antialiased; -} - -body::before { - position: fixed; - z-index: -1; - inset: 0; - background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.025'/%3E%3C/svg%3E"); - content: ""; - pointer-events: none; -} - -img, -svg { - display: block; - max-width: 100%; -} - -a { - color: inherit; -} - -p, -h1, -h2, -h3, -figure { - margin-top: 0; -} - -h1, -h2, -h3 { - font-family: var(--font-display); - font-weight: 400; - line-height: 1.13; - text-wrap: balance; -} - -h1 { - max-width: 12ch; - margin-bottom: 1.75rem; - font-size: clamp(3rem, 6.8vw, 6.35rem); - letter-spacing: -0.045em; -} - -h2 { - margin-bottom: 1.5rem; - font-size: clamp(2.35rem, 4.5vw, 4.4rem); - letter-spacing: -0.035em; -} - -h3 { - margin-bottom: 1rem; - font-size: clamp(1.35rem, 2vw, 1.65rem); - letter-spacing: -0.02em; -} - -cite { - font-family: var(--font-display); -} - -:focus-visible { - outline: 3px solid var(--color-burgundy); - outline-offset: 4px; -} - -.container { - width: min(100% - 3rem, 72rem); - margin-inline: auto; -} - -.section { - padding-block: clamp(5.5rem, 10vw, 9rem); - scroll-margin-top: 6rem; -} - -.skip-link { - position: fixed; - z-index: 100; - top: 0.75rem; - left: 0.75rem; - padding: 0.75rem 1rem; - transform: translateY(-160%); - background: var(--color-white); - color: var(--color-ink); - font-weight: 600; -} - -.skip-link:focus { - transform: translateY(0); -} - -.site-header { - position: sticky; - z-index: 20; - top: 0; - border-bottom: 1px solid rgb(25 39 33 / 14%); - background: rgb(244 240 230 / 94%); - backdrop-filter: blur(12px); -} - -.site-header__inner { - display: grid; - grid-template-columns: auto 1fr auto; - align-items: center; - min-height: 5.25rem; - gap: 2rem; -} - -.brand { - display: inline-flex; - align-items: center; - gap: 0.8rem; - text-decoration: none; -} - -.brand__seal { - display: grid; - width: 2.3rem; - height: 2.3rem; - flex: none; - place-items: center; - border: 1px solid var(--color-brass); - border-radius: 50%; -} - -.brand__seal svg { - width: 1.4rem; - fill: none; - stroke: currentColor; - stroke-linecap: round; - stroke-linejoin: round; - stroke-width: 1.4; -} - -.brand__name { - max-width: 12rem; - font-family: var(--font-display); - font-size: 0.96rem; - font-weight: 700; - line-height: 1.25; -} - -.site-nav__list { - display: flex; - justify-content: center; - margin: 0; - padding: 0; - gap: clamp(1.1rem, 2.5vw, 2.4rem); - list-style: none; -} - -.site-nav a, -.site-footer nav a { - text-underline-offset: 0.35rem; - text-decoration-color: transparent; - text-decoration-thickness: 1px; - transition: text-decoration-color 160ms ease; -} - -.site-nav a { - font-size: 0.92rem; - font-weight: 600; - letter-spacing: 0.02em; - text-decoration-line: underline; -} - -.site-nav a:hover, -.site-footer nav a:hover { - text-decoration-color: var(--color-brass); -} - -.button { - display: inline-flex; - min-height: 3.6rem; - align-items: center; - justify-content: center; - padding: 0.85rem 1.35rem; - gap: 0.7rem; - border: 1px solid currentColor; - border-radius: 0.15rem; - font-size: 0.98rem; - font-weight: 600; - line-height: 1; - text-decoration: none; - transition: - background-color 160ms ease, - color 160ms ease, - transform 160ms ease; -} - -.button span { - font-size: 1.15em; - line-height: 0; -} - -.button:hover { - transform: translateY(-2px); -} - -.button--small { - min-height: 2.8rem; - padding: 0.7rem 1rem; - background: var(--color-forest); - color: var(--color-white); - font-size: 0.88rem; -} - -.button--small:hover, -.button--primary:hover { - background: var(--color-forest-dark); -} - -.button--primary { - background: var(--color-forest); - color: var(--color-white); -} - -.button--light { - border-color: var(--color-paper); - background: var(--color-paper); - color: var(--color-forest-dark); -} - -.button--light:hover { - background: var(--color-white); -} - -.hero { - position: relative; - min-height: calc(100svh - 5.25rem); - overflow: hidden; - padding-block: clamp(4.5rem, 8vw, 7rem); -} - -.hero::after { - position: absolute; - z-index: -1; - right: 0; - bottom: 0; - left: 0; - height: 1px; - background: linear-gradient( - 90deg, - transparent, - var(--color-brass) 25%, - var(--color-brass) 75%, - transparent - ); - content: ""; - opacity: 0.7; -} - -.hero__ornament { - position: absolute; - z-index: -1; - top: 48%; - left: -0.08em; - transform: translateY(-50%); - color: rgb(36 74 61 / 3.5%); - font-family: var(--font-hebrew); - font-size: clamp(10rem, 31vw, 30rem); - font-weight: 600; - line-height: 1; - pointer-events: none; -} - -.hero__grid { - display: grid; - grid-template-columns: minmax(0, 1.12fr) minmax(20rem, 0.88fr); - align-items: center; - gap: clamp(3rem, 7vw, 7rem); -} - -.eyebrow { - display: flex; - align-items: center; - margin-bottom: 1.5rem; - gap: 0.8rem; - color: var(--color-burgundy); - font-size: 0.76rem; - font-weight: 600; - letter-spacing: 0.19em; - line-height: 1.3; - text-transform: uppercase; -} - -.eyebrow::before { - width: 2.5rem; - height: 1px; - background: var(--color-brass); - content: ""; -} - -.hero .eyebrow { - font-family: var(--font-hebrew); - font-size: 1rem; - letter-spacing: 0.08em; -} - -.hero__lede { - max-width: 37rem; - margin-bottom: 2rem; - font-size: clamp(1.2rem, 2.1vw, 1.45rem); - line-height: 1.6; -} - -.hero__actions { - display: flex; - align-items: center; - margin-bottom: 2.3rem; - gap: 1.7rem; -} - -.text-link { - display: inline-flex; - align-items: center; - gap: 0.65rem; - font-size: 0.96rem; - font-weight: 600; - text-decoration-color: var(--color-brass); - text-underline-offset: 0.35rem; -} - -.hero__note { - max-width: 30rem; - margin-bottom: 0; - padding-left: 1rem; - border-left: 2px solid var(--color-brass); - color: rgb(25 39 33 / 72%); - font-size: 0.86rem; - line-height: 1.5; -} - -.portrait { - width: min(100%, 29rem); - margin: 0 auto; -} - -.portrait__frame { - position: relative; - padding: 0.65rem; - border: 1px solid var(--color-brass); - background: var(--color-paper-deep); - box-shadow: var(--shadow-soft); -} - -.portrait__frame::before { - position: absolute; - z-index: -1; - inset: 1rem -1rem -1rem 1rem; - border: 1px solid rgb(116 61 54 / 38%); - content: ""; -} - -.portrait img { - width: 100%; - aspect-ratio: 0.955; - background: #d7cec1; - filter: sepia(0.12) contrast(1.04); - object-fit: cover; -} - -.portrait__dates { - position: absolute; - right: 1.4rem; - bottom: 1.35rem; - padding: 0.45rem 0.65rem; - background: rgb(244 240 230 / 92%); - font-family: var(--font-display); - font-size: 0.72rem; - letter-spacing: 0.13em; -} - -.portrait figcaption { - margin-top: 1.5rem; - font-family: var(--font-display); - font-size: 0.95rem; - text-align: center; -} - -.vision { - background: rgb(255 255 255 / 32%); -} - -.section-heading--split { - display: grid; - grid-template-columns: 1fr 0.75fr; - align-items: end; - margin-bottom: clamp(4rem, 7vw, 6.5rem); - gap: clamp(2rem, 8vw, 8rem); -} - -.section-heading h2 { - max-width: 13ch; - margin-bottom: 0; -} - -.section-heading > p { - max-width: 34rem; - margin-bottom: 0.55rem; - color: rgb(25 39 33 / 78%); -} - -.principles { - display: grid; - grid-template-columns: repeat(3, 1fr); - gap: clamp(2rem, 4vw, 4rem); -} - -.principle__number { - margin-bottom: 1rem; - color: var(--color-burgundy); - font-family: var(--font-display); - font-size: 0.9rem; -} - -.principle__rule { - position: relative; - width: 100%; - height: 1px; - margin-bottom: 2rem; - background: rgb(25 39 33 / 25%); -} - -.principle__rule::before { - position: absolute; - top: -3px; - left: 0; - width: 7px; - height: 7px; - border-radius: 50%; - background: var(--color-brass); - content: ""; -} - -.principle p:last-child { - margin-bottom: 0; - color: rgb(25 39 33 / 76%); - font-size: 1rem; -} - -.hirsch { - position: relative; -} - -.hirsch::before { - position: absolute; - top: 0; - right: max(1.5rem, calc((100% - 72rem) / 2)); - width: min(15rem, 25vw); - height: 0.4rem; - background: var(--color-burgundy); - content: ""; -} - -.hirsch__grid { - display: grid; - grid-template-columns: 0.9fr 1.1fr; - gap: clamp(3rem, 8vw, 8rem); -} - -.hirsch__intro h2 { - max-width: 10ch; -} - -.hirsch__copy { - max-width: 39rem; -} - -.hirsch__copy p { - margin-bottom: 1.5rem; -} - -.drop-cap::first-letter { - float: left; - margin: 0.15em 0.13em 0 0; - color: var(--color-burgundy); - font-family: var(--font-display); - font-size: 4.4rem; - line-height: 0.7; -} - -.works { - grid-column: 2; - margin-top: 1.25rem; - padding-top: 2rem; - border-top: 1px solid var(--color-brass); -} - -.works__label { - margin-bottom: 1rem; - color: var(--color-burgundy); - font-size: 0.72rem; - font-weight: 600; - letter-spacing: 0.16em; - text-transform: uppercase; -} - -.works ul { - display: flex; - flex-wrap: wrap; - margin: 0; - padding: 0; - gap: 0.4rem 1.8rem; - list-style: none; -} - -.works li { - font-family: var(--font-display); - font-size: 0.95rem; -} - -.works li::before { - margin-right: 0.55rem; - color: var(--color-brass); - content: "•"; -} - -.community { - position: relative; - overflow: hidden; - background: var(--color-forest); - color: var(--color-paper); -} - -.community::before, -.community::after { - position: absolute; - width: 25rem; - height: 25rem; - border: 1px solid rgb(173 137 80 / 24%); - border-radius: 50%; - content: ""; -} - -.community::before { - top: -16rem; - left: -10rem; -} - -.community::after { - right: -11rem; - bottom: -17rem; -} - -.community__hebrew { - position: absolute; - top: 50%; - right: 0.03em; - transform: translateY(-50%); - color: rgb(244 240 230 / 4%); - font-family: var(--font-hebrew); - font-size: clamp(12rem, 31vw, 30rem); - font-weight: 600; - line-height: 1; -} - -.community__inner { - position: relative; - z-index: 1; - max-width: 52rem; - margin-inline: auto; - text-align: center; -} - -.eyebrow--light { - justify-content: center; - color: #e5c997; -} - -.community h2 { - margin-inline: auto; - color: var(--color-white); -} - -.community__lede { - max-width: 44rem; - margin: 0 auto 2.3rem; - color: rgb(244 240 230 / 83%); - font-size: 1.17rem; -} - -.community__topics { - display: flex; - flex-wrap: wrap; - justify-content: center; - margin-bottom: 2.8rem; - gap: 0.65rem; -} - -.community__topics span { - padding: 0.4rem 0.85rem; - border: 1px solid rgb(244 240 230 / 28%); - border-radius: 10rem; - color: rgb(244 240 230 / 78%); - font-size: 0.78rem; - letter-spacing: 0.04em; -} - -.site-footer { - padding-block: 4.5rem 2rem; - background: var(--color-forest-dark); - color: var(--color-paper); -} - -.site-footer__main { - display: flex; - align-items: start; - justify-content: space-between; - padding-bottom: 3.5rem; - gap: 3rem; -} - -.brand--footer .brand__seal { - color: var(--color-paper); -} - -.brand--footer .brand__name { - font-size: 1.05rem; -} - -.site-footer__mission { - max-width: 28rem; - margin: 1.2rem 0 0; - color: rgb(244 240 230 / 66%); - font-size: 0.92rem; -} - -.site-footer nav { - display: flex; - gap: 2rem; -} - -.site-footer nav a { - font-size: 0.9rem; - text-decoration-line: underline; -} - -.site-footer__legal { - display: flex; - justify-content: space-between; - padding-top: 1.5rem; - gap: 2rem; - border-top: 1px solid rgb(244 240 230 / 14%); - color: rgb(244 240 230 / 54%); - font-size: 0.72rem; -} - -.site-footer__legal p { - margin: 0; -} - -.site-footer__legal a { - text-underline-offset: 0.2rem; -} - -@media (max-width: 56rem) { - .site-header__inner { - grid-template-columns: 1fr auto; - padding-top: 0.75rem; - gap: 0.6rem 1.25rem; - } - - .site-nav { - grid-column: 1 / -1; - grid-row: 2; - border-top: 1px solid rgb(25 39 33 / 10%); - } - - .site-nav__list { - justify-content: space-between; - padding-block: 0.6rem; - } - - .hero { - min-height: auto; - } - - .hero__grid { - grid-template-columns: 1fr; - } - - .hero__content { - max-width: 45rem; - } - - .portrait { - width: min(82%, 32rem); - } - - .section { - scroll-margin-top: 8.5rem; - } - - .section-heading--split, - .hirsch__grid { - grid-template-columns: 1fr; - gap: 2.25rem; - } - - .principles { - gap: 2rem; - } - - .works { - grid-column: 1; - } -} - -@media (max-width: 42rem) { - body { - font-size: 1.05rem; - } - - .container { - width: min(100% - 2rem, 72rem); - } - - .site-header__inner { - column-gap: 0.75rem; - } - - .brand__seal { - width: 2rem; - height: 2rem; - } - - .brand__name { - max-width: 8rem; - font-size: 0.78rem; - } - - .button--small { - min-height: 2.5rem; - padding: 0.65rem 0.8rem; - font-size: 0.78rem; - } - - .site-nav a { - font-size: 0.78rem; - } - - .hero { - padding-block: 3.75rem 5.5rem; - } - - .hero__actions { - align-items: stretch; - flex-direction: column; - gap: 1.2rem; - } - - .text-link { - justify-content: center; - } - - .portrait { - width: calc(100% - 1rem); - } - - .principles { - grid-template-columns: 1fr; - gap: 3rem; - } - - .principle__rule { - margin-bottom: 1.4rem; - } - - .site-footer__main, - .site-footer__legal { - align-items: flex-start; - flex-direction: column; - } - - .site-footer nav { - flex-wrap: wrap; - gap: 1rem 1.5rem; - } -} - -@media (prefers-reduced-motion: reduce) { - html { - scroll-behavior: auto; - } - - *, - *::before, - *::after { - scroll-behavior: auto !important; - transition-duration: 0.01ms !important; - } -}