From fb1be51f68ae067fa36725066f945e3c0aeb87d4 Mon Sep 17 00:00:00 2001 From: Daniel Micay Date: Fri, 14 May 2021 22:27:38 -0400 Subject: rename grapheneos.css to main.css --- nginx/nginx.conf | 2 +- static/404.html | 2 +- static/articles/grapheneos-servers.html | 2 +- static/articles/index.html | 2 +- static/articles/server-traffic-shaping.html | 2 +- .../sitewide-advertising-industry-opt-out.html | 2 +- static/build.html | 2 +- static/contact.html | 2 +- static/donate.html | 2 +- static/faq.html | 2 +- static/features.html | 2 +- static/grapheneos.css | 257 --------------------- static/history/copperheados.html | 2 +- static/history/index.html | 2 +- static/history/legacy-changelog.html | 2 +- static/index.html | 2 +- static/install/cli.html | 2 +- static/install/index.html | 2 +- static/install/web.html | 2 +- static/main.css | 257 +++++++++++++++++++++ static/pdfviewer-privacy-policy.html | 2 +- static/releases.html | 2 +- static/source.html | 2 +- static/usage.html | 2 +- 24 files changed, 279 insertions(+), 279 deletions(-) delete mode 100644 static/grapheneos.css create mode 100644 static/main.css diff --git a/nginx/nginx.conf b/nginx/nginx.conf index 7b54d0a0..db9ea769 100644 --- a/nginx/nginx.conf +++ b/nginx/nginx.conf @@ -76,7 +76,7 @@ http { map $http_cookie $preload_resources { "~*__Host-preload=1" ""; - default "; rel=preload; as=style, ; rel=preload; as=font; crossorigin, ; rel=preload; as=font; crossorigin, ; rel=preload; as=image"; + default "; rel=preload; as=style, ; rel=preload; as=font; crossorigin, ; rel=preload; as=font; crossorigin, ; rel=preload; as=image"; } server { diff --git a/static/404.html b/static/404.html index 7b2c6a75..b489d353 100644 --- a/static/404.html +++ b/static/404.html @@ -21,7 +21,7 @@ - + diff --git a/static/articles/grapheneos-servers.html b/static/articles/grapheneos-servers.html index 5caa8cef..e92acd5a 100644 --- a/static/articles/grapheneos-servers.html +++ b/static/articles/grapheneos-servers.html @@ -23,7 +23,7 @@ - + diff --git a/static/articles/index.html b/static/articles/index.html index ddf742da..013d1a1a 100644 --- a/static/articles/index.html +++ b/static/articles/index.html @@ -23,7 +23,7 @@ - + diff --git a/static/articles/server-traffic-shaping.html b/static/articles/server-traffic-shaping.html index b5675fcc..3b589da9 100644 --- a/static/articles/server-traffic-shaping.html +++ b/static/articles/server-traffic-shaping.html @@ -23,7 +23,7 @@ - + diff --git a/static/articles/sitewide-advertising-industry-opt-out.html b/static/articles/sitewide-advertising-industry-opt-out.html index b6c779ec..9f62aa76 100644 --- a/static/articles/sitewide-advertising-industry-opt-out.html +++ b/static/articles/sitewide-advertising-industry-opt-out.html @@ -23,7 +23,7 @@ - + diff --git a/static/build.html b/static/build.html index 6d4a42fd..629995cb 100644 --- a/static/build.html +++ b/static/build.html @@ -23,7 +23,7 @@ - + diff --git a/static/contact.html b/static/contact.html index a7808901..012e426c 100644 --- a/static/contact.html +++ b/static/contact.html @@ -23,7 +23,7 @@ - + diff --git a/static/donate.html b/static/donate.html index 2c8bb9e5..4de0868b 100644 --- a/static/donate.html +++ b/static/donate.html @@ -23,7 +23,7 @@ - + diff --git a/static/faq.html b/static/faq.html index 35a4f9d7..6c48e1f4 100644 --- a/static/faq.html +++ b/static/faq.html @@ -23,7 +23,7 @@ - + diff --git a/static/features.html b/static/features.html index 3f29c389..47747204 100644 --- a/static/features.html +++ b/static/features.html @@ -23,7 +23,7 @@ - + diff --git a/static/grapheneos.css b/static/grapheneos.css deleted file mode 100644 index 99aac46a..00000000 --- a/static/grapheneos.css +++ /dev/null @@ -1,257 +0,0 @@ -/* use the standard Material Light theme to match GrapheneOS apps */ -/* https://android.googlesource.com/platform/frameworks/base/+/android-11.0.0_r32/core/res/res/values/colors_material.xml */ - -html { - height: -webkit-fill-available; /* replace with stretch when standardized */ -} - -body { - display: flex; - flex-direction: column; - min-height: 100vh; - min-height: -webkit-fill-available; /* replace with stretch when standardized */ - font-family: Roboto, sans-serif; - background-color: #fafafa; /* grey50 */ - color: rgba(0, 0, 0, 0.87); /* 87% black */ - margin: 0; - padding: 0; - overflow-y: scroll; -} - -a { - color: #1565c0; /* blue800 */ - text-decoration: none; -} - -a:visited { - color: #6a1b9a; /* purple800 */ -} - -a:hover { - text-decoration: underline; -} - -h1 a, h1 a:visited, h2 a, h2 a:visited, h3 a, h3 a:visited, h4 a, h4 a:visited, h5 a, h5 a:visited, h6 a, h6 a:visited { - color: rgba(0, 0, 0, 0.87); /* 87% black */ -} - -code, pre { - background-color: #e0e0e0; /* grey300 */ - font-family: "Roboto Mono", monospace; -} - -pre { - overflow-x: auto; - border-radius: 5px; - padding: 10px; -} - -code { - border-radius: 2.5px; -} - -#site-menu ul { - display: flex; - flex-wrap: nowrap; - overflow-x: auto; - margin: 0; - padding: 0; -} - -#site-menu { - background-color: #212121; /* grey900 */ - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); - white-space: nowrap; -} - -#site-menu ul li { - list-style-type: none; - display: flex; -} - -#site-menu ul li:hover { - background-color: #424242; /* grey800 */ -} - -#site-menu ul li a { - color: #fff; /* 100% white */ - display: flex; - text-decoration: none; - padding: 1em; - align-items: center; -} - -#site-menu ul li a:visited { - color: #fff; /* 100% white */ -} - -#site-menu ul li[aria-current] a { - color: #64b5f6; /* blue300 */ -} - -#site-menu img { - height: 1.8rem; - width: 1.8rem; - filter: invert(100); - vertical-align: middle; - margin-right: 0.5rem; -} - -#site-menu ul li[aria-current] img { - filter: invert(67%) sepia(13%) saturate(3136%) hue-rotate(180deg) brightness(102%) contrast(93%); -} - -main { - margin-left: auto; - margin-right: auto; - padding: 1em; - max-width: 832px; - min-width: 0; - width: 100%; - box-sizing: border-box; - overflow-wrap: break-word; -} - -.coin-address { - display: block; - margin-left: auto; - margin-right: auto; - text-align: center; -} - -.coin-address > img { - display: block; - margin-left: auto; - margin-right: auto; - text-align: center; -} - -footer img { - width: 60px; - height: auto; - display: block; - margin-left: auto; - margin-right: auto; -} - -footer { - margin-top: auto; - margin-left: auto; - margin-right: auto; - padding: 1em; - max-width: 800px; - overflow-wrap: break-word; - text-align: center; -} - -footer a, footer a:visited { - color: #616161; /* grey500 */ -} - -#social { - margin-top: 2em; - padding: 0; - list-style-type: none; -} - -#social li { - display: inline; - padding: 0 0.5em; -} - -#stable-channel ul, #beta-channel ul { - margin: 0; - padding: 0; - list-style-type: none; -} - -.error-text { - /* Baseline Material error color */ - color: #b00020; -} - -/* latin */ -@font-face { - font-family: 'Roboto'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: local('Roboto'), local('Roboto-Regular'), url(/fonts/roboto-v20-regular-latin.woff2) format('woff2'); - unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; -} - -/* latin */ -@font-face { - font-family: 'Roboto'; - font-style: italic; - font-weight: 400; - font-display: swap; - src: local('Roboto Italic'), local('Roboto-Italic'), url(/fonts/roboto-v20-regular-italic-latin.woff2) format('woff2'); - unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; -} - -/* latin */ -@font-face { - font-family: 'Roboto'; - font-style: normal; - font-weight: 700; - font-display: swap; - src: local('Roboto Bold'), local('Roboto-Bold'), url(/fonts/roboto-v20-bold-latin.woff2) format('woff2'); - unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; -} - -/* latin */ -@font-face { - font-family: 'Roboto Mono'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: local('Roboto Mono'), local('RobotoMono-Regular'), url(/fonts/robotomono-v13-regular-latin.woff2) format('woff2'); - unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; -} - -/* latin */ -@font-face { - font-family: 'Roboto Mono'; - font-style: normal; - font-weight: 700; - font-display: swap; - src: local('Roboto Mono Bold'), local('RobotoMono-Bold'), url(/fonts/robotomono-v13-bold-latin.woff2) format('woff2'); - unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; -} - -@media (prefers-color-scheme: dark) { - body { - background: #121212; - color: rgba(255, 255, 255, 0.87); /* 87% white */ - } - - a { - color: #90caf9; /* blue200 */ - } - - a:visited { - color: #ce93d8; /* purple200 */ - } - - h1 a, h1 a:visited, h2 a, h2 a:visited, h3 a, h3 a:visited, h4 a, h4 a:visited, h5 a, h5 a:visited, h6 a, h6 a:visited { - color: rgba(255, 255, 255, 0.87); /* 87% white */ - } - - code, pre { - background-color: #424242; /* grey800 */ - } - - footer a, footer a:visited { - color: #9f9f9f; - } - - footer img { - filter: invert(87%); - } - - .error-text { - /* Baseline Material dark error color */ - color: #cf6679; - } -} diff --git a/static/history/copperheados.html b/static/history/copperheados.html index 27034487..b5da29df 100644 --- a/static/history/copperheados.html +++ b/static/history/copperheados.html @@ -23,7 +23,7 @@ - + diff --git a/static/history/index.html b/static/history/index.html index 46206573..57d8f426 100644 --- a/static/history/index.html +++ b/static/history/index.html @@ -23,7 +23,7 @@ - + diff --git a/static/history/legacy-changelog.html b/static/history/legacy-changelog.html index 1cde8c47..c3b04e2e 100644 --- a/static/history/legacy-changelog.html +++ b/static/history/legacy-changelog.html @@ -23,7 +23,7 @@ - + diff --git a/static/index.html b/static/index.html index ce6f7358..023c3a17 100644 --- a/static/index.html +++ b/static/index.html @@ -23,7 +23,7 @@ - + diff --git a/static/install/cli.html b/static/install/cli.html index cd06cc91..60907605 100644 --- a/static/install/cli.html +++ b/static/install/cli.html @@ -23,7 +23,7 @@ - + diff --git a/static/install/index.html b/static/install/index.html index 04f4b418..736bafeb 100644 --- a/static/install/index.html +++ b/static/install/index.html @@ -23,7 +23,7 @@ - + diff --git a/static/install/web.html b/static/install/web.html index 4290139c..dbc1a76c 100644 --- a/static/install/web.html +++ b/static/install/web.html @@ -23,7 +23,7 @@ - + diff --git a/static/main.css b/static/main.css new file mode 100644 index 00000000..99aac46a --- /dev/null +++ b/static/main.css @@ -0,0 +1,257 @@ +/* use the standard Material Light theme to match GrapheneOS apps */ +/* https://android.googlesource.com/platform/frameworks/base/+/android-11.0.0_r32/core/res/res/values/colors_material.xml */ + +html { + height: -webkit-fill-available; /* replace with stretch when standardized */ +} + +body { + display: flex; + flex-direction: column; + min-height: 100vh; + min-height: -webkit-fill-available; /* replace with stretch when standardized */ + font-family: Roboto, sans-serif; + background-color: #fafafa; /* grey50 */ + color: rgba(0, 0, 0, 0.87); /* 87% black */ + margin: 0; + padding: 0; + overflow-y: scroll; +} + +a { + color: #1565c0; /* blue800 */ + text-decoration: none; +} + +a:visited { + color: #6a1b9a; /* purple800 */ +} + +a:hover { + text-decoration: underline; +} + +h1 a, h1 a:visited, h2 a, h2 a:visited, h3 a, h3 a:visited, h4 a, h4 a:visited, h5 a, h5 a:visited, h6 a, h6 a:visited { + color: rgba(0, 0, 0, 0.87); /* 87% black */ +} + +code, pre { + background-color: #e0e0e0; /* grey300 */ + font-family: "Roboto Mono", monospace; +} + +pre { + overflow-x: auto; + border-radius: 5px; + padding: 10px; +} + +code { + border-radius: 2.5px; +} + +#site-menu ul { + display: flex; + flex-wrap: nowrap; + overflow-x: auto; + margin: 0; + padding: 0; +} + +#site-menu { + background-color: #212121; /* grey900 */ + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); + white-space: nowrap; +} + +#site-menu ul li { + list-style-type: none; + display: flex; +} + +#site-menu ul li:hover { + background-color: #424242; /* grey800 */ +} + +#site-menu ul li a { + color: #fff; /* 100% white */ + display: flex; + text-decoration: none; + padding: 1em; + align-items: center; +} + +#site-menu ul li a:visited { + color: #fff; /* 100% white */ +} + +#site-menu ul li[aria-current] a { + color: #64b5f6; /* blue300 */ +} + +#site-menu img { + height: 1.8rem; + width: 1.8rem; + filter: invert(100); + vertical-align: middle; + margin-right: 0.5rem; +} + +#site-menu ul li[aria-current] img { + filter: invert(67%) sepia(13%) saturate(3136%) hue-rotate(180deg) brightness(102%) contrast(93%); +} + +main { + margin-left: auto; + margin-right: auto; + padding: 1em; + max-width: 832px; + min-width: 0; + width: 100%; + box-sizing: border-box; + overflow-wrap: break-word; +} + +.coin-address { + display: block; + margin-left: auto; + margin-right: auto; + text-align: center; +} + +.coin-address > img { + display: block; + margin-left: auto; + margin-right: auto; + text-align: center; +} + +footer img { + width: 60px; + height: auto; + display: block; + margin-left: auto; + margin-right: auto; +} + +footer { + margin-top: auto; + margin-left: auto; + margin-right: auto; + padding: 1em; + max-width: 800px; + overflow-wrap: break-word; + text-align: center; +} + +footer a, footer a:visited { + color: #616161; /* grey500 */ +} + +#social { + margin-top: 2em; + padding: 0; + list-style-type: none; +} + +#social li { + display: inline; + padding: 0 0.5em; +} + +#stable-channel ul, #beta-channel ul { + margin: 0; + padding: 0; + list-style-type: none; +} + +.error-text { + /* Baseline Material error color */ + color: #b00020; +} + +/* latin */ +@font-face { + font-family: 'Roboto'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: local('Roboto'), local('Roboto-Regular'), url(/fonts/roboto-v20-regular-latin.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + +/* latin */ +@font-face { + font-family: 'Roboto'; + font-style: italic; + font-weight: 400; + font-display: swap; + src: local('Roboto Italic'), local('Roboto-Italic'), url(/fonts/roboto-v20-regular-italic-latin.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + +/* latin */ +@font-face { + font-family: 'Roboto'; + font-style: normal; + font-weight: 700; + font-display: swap; + src: local('Roboto Bold'), local('Roboto-Bold'), url(/fonts/roboto-v20-bold-latin.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + +/* latin */ +@font-face { + font-family: 'Roboto Mono'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: local('Roboto Mono'), local('RobotoMono-Regular'), url(/fonts/robotomono-v13-regular-latin.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + +/* latin */ +@font-face { + font-family: 'Roboto Mono'; + font-style: normal; + font-weight: 700; + font-display: swap; + src: local('Roboto Mono Bold'), local('RobotoMono-Bold'), url(/fonts/robotomono-v13-bold-latin.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + +@media (prefers-color-scheme: dark) { + body { + background: #121212; + color: rgba(255, 255, 255, 0.87); /* 87% white */ + } + + a { + color: #90caf9; /* blue200 */ + } + + a:visited { + color: #ce93d8; /* purple200 */ + } + + h1 a, h1 a:visited, h2 a, h2 a:visited, h3 a, h3 a:visited, h4 a, h4 a:visited, h5 a, h5 a:visited, h6 a, h6 a:visited { + color: rgba(255, 255, 255, 0.87); /* 87% white */ + } + + code, pre { + background-color: #424242; /* grey800 */ + } + + footer a, footer a:visited { + color: #9f9f9f; + } + + footer img { + filter: invert(87%); + } + + .error-text { + /* Baseline Material dark error color */ + color: #cf6679; + } +} diff --git a/static/pdfviewer-privacy-policy.html b/static/pdfviewer-privacy-policy.html index 3d7b7447..c3907a25 100644 --- a/static/pdfviewer-privacy-policy.html +++ b/static/pdfviewer-privacy-policy.html @@ -23,7 +23,7 @@ - + diff --git a/static/releases.html b/static/releases.html index 20596994..0ace1223 100644 --- a/static/releases.html +++ b/static/releases.html @@ -24,7 +24,7 @@ - + diff --git a/static/source.html b/static/source.html index 0dbc1723..03200081 100644 --- a/static/source.html +++ b/static/source.html @@ -23,7 +23,7 @@ - + diff --git a/static/usage.html b/static/usage.html index 2c9acee5..ba1d2517 100644 --- a/static/usage.html +++ b/static/usage.html @@ -23,7 +23,7 @@ - + -- cgit v1.3.1