From 8a4da33bc51cf59afd8e65bd8cdc590495fec6ed Mon Sep 17 00:00:00 2001 From: b5 Date: Tue, 22 Oct 2024 21:17:27 -0400 Subject: [PATCH 1/2] add legal page --- content/_index.md | 2 +- content/legal.md | 52 +++++++++++++++++++++- src/styles/style.css | 95 +++++++++++++++++++++++------------------ static/styles/style.css | 34 +++++++++------ templates/page.html | 31 +++++--------- 5 files changed, 136 insertions(+), 78 deletions(-) diff --git a/content/_index.md b/content/_index.md index a9c0320..e979b7d 100644 --- a/content/_index.md +++ b/content/_index.md @@ -1,4 +1,4 @@ +++ title = "number zero" description = "Less net work for networks" -+++ \ No newline at end of file ++++ diff --git a/content/legal.md b/content/legal.md index 6e7f1af..ba43618 100644 --- a/content/legal.md +++ b/content/legal.md @@ -53,4 +53,54 @@ template = "page.html" [extra] +++ -This is the legal page \ No newline at end of file +Our content licensing policies are based on those of the [Google Developer](https://developers.google.com/terms/site-policies) website. + +We are pleased to license much of the documentation on n0.computer under terms that explicitly encourage people to take, modify, reuse, re-purpose, and remix our work as they see fit. + +You will find the following notice at the bottom of many pages on the n0.computer website: + +> Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License. For details, see our Site Policies. + +When you see a page with this notice you are free to use nearly everything on the page in your own creations. For example, you could quote the text in a book, cut-and-paste sections to your blog, record it as an audiobook for the visually impaired, or even translate it into Swahili. Really. That's what open content licenses are all about. We just ask that you give us attribution when you reuse our work. + +You may also find the following notice on the bottom of some pages: + + Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see our Site Policies. + +When you see this notice, you are free to use the content, and in addition you are free to use the computer source code that appears in the content (such as in examples) in the code of your own projects. + + +## What is not licensed? + +We say "nearly everything" as there are a few simple conditions that apply. + +number 0's trademarks and other brand features are not included in this license. For example, the number 0 logo is not covered, and neither are our trade dress, our other trademarks, or our brand features. You are not allowed to use these without our permission. + +In some cases, a page may include content consisting of images, audio or video material, or a link to content on a different webpage (such as videos or slide decks). This content is not covered by the license, unless specifically noted. + +## Attribution + +Proper attribution is required when you reuse or create modified versions of content that appears on a page made available under the terms of the Creative Commons Attribution license. The complete requirements for attribution can be found in section 3 of the Creative Commons legal code. + +In practice we ask that you provide attribution to number 0 to the best of the ability of the medium in which you are producing the work. + +There are several typical ways in which this might apply: + +### Exact Reproductions + +If your online work exactly reproduces text or images from this site, in whole or in part, please include a paragraph at the bottom of your page that reads: + +> Portions of this page are reproduced from work created and shared by number 0 and used according to terms described in the Creative Commons 4.0 Attribution License. + +Also, please link back to the original source page so that readers can refer to it for more information. + +### Modified Versions + +If your online work shows modified text or images based on the content from this site, please include a paragraph at the bottom of your page that reads: + +> Portions of this page are modifications based on work created and shared by number 0 and used according to terms described in the Creative Commons 4.0 Attribution License. + +Again, please link back to the original source page so that readers can refer to it for more information. This is even more important when the content has been modified. + +### Other Media +If you produce non-hypertext works, such as books, audio, or video, we ask that you make a best effort to include a spoken or written attribution in the spirit of the messages above. diff --git a/src/styles/style.css b/src/styles/style.css index 2c0f13b..cf41cc5 100644 --- a/src/styles/style.css +++ b/src/styles/style.css @@ -1,61 +1,72 @@ -@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;700&family=Space+Mono&display=swap'); +@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;700&family=Space+Mono&display=swap"); @tailwind base; @tailwind components; @tailwind utilities; +#page-content h1 { + font-size: 28px; +} +#page-content h2 { + font-size: 24px; +} +#page-content h3 { + font-size: 22px; +} +#page-content h4 { + font-size: 20px; +} -.blog #page-content h1 { font-size: 28px; } -.blog #page-content h2 { font-size: 24px; } -.blog #page-content h3 { font-size: 22px; } -.blog #page-content h4 { font-size: 20px; } - -.blog #page-content h1, -.blog #page-content h2, -.blog #page-content h3, -.blog #page-content h4, -.blog #page-content h5, -.blog #page-content h6 { - margin-top: 12px; - margin-bottom: 12px; +#page-content h1, +#page-content h2, +#page-content h3, +#page-content h4, +#page-content h5, +#page-content h6 { + margin-top: 12px; + margin-bottom: 12px; } -.blog #page-content p { - margin-bottom: 16px; - line-height: 1.5em; - /* color: #cfd7e6; */ +#page-content p { + margin-bottom: 16px; + line-height: 1.5em; + /* color: #cfd7e6; */ } -.blog #page-content ul { list-style: disc; } -.blog #page-content ol { list-style: bullets; } +#page-content ul { + list-style: disc; +} +#page-content ol { + list-style: bullets; +} -.blog #page-content ol, -.blog #page-content ul { - padding-left: 20px; - line-height: 1.45em; - margin-bottom: 14px; - margin-top: 14px; - /* color: #b9c0cd; */ +#page-content ol, +#page-content ul { + padding-left: 20px; + line-height: 1.45em; + margin-bottom: 14px; + margin-top: 14px; + /* color: #b9c0cd; */ } -.blog #page-content ol li, -.blog #page-content ul li { - margin-bottom: 5px; +#page-content ol li, +#page-content ul li { + margin-bottom: 5px; } -.blog #page-content blockquote { - padding-left: 20px; - margin-top: 20px; - margin-bottom: 20px; - font-style: italic; +#page-content blockquote { + padding-left: 20px; + margin-top: 20px; + margin-bottom: 20px; + font-style: italic; } -.blog #page-content a { - text-decoration: underline; - text-decoration-style: dotted; - text-decoration-color: #b9c0cd; +#page-content a { + text-decoration: underline; + text-decoration-style: dotted; + text-decoration-color: #b9c0cd; } -.blog #page-content aside { - font-style: italic; -} \ No newline at end of file +#page-content aside { + font-style: italic; +} diff --git a/static/styles/style.css b/static/styles/style.css index 796dbcc..1270e5f 100644 --- a/static/styles/style.css +++ b/static/styles/style.css @@ -403,6 +403,14 @@ img, video { max-width: 42rem; } +.max-w-3xl { + max-width: 48rem; +} + +.max-w-4xl { + max-width: 56rem; +} + .flex-1 { flex: 1; } @@ -753,63 +761,63 @@ img, video { transition-timing-function: cubic-bezier(.4, 0, .2, 1); } -.blog #page-content h1 { +#page-content h1 { font-size: 28px; } -.blog #page-content h2 { +#page-content h2 { font-size: 24px; } -.blog #page-content h3 { +#page-content h3 { font-size: 22px; } -.blog #page-content h4 { +#page-content h4 { font-size: 20px; } -.blog #page-content h1, .blog #page-content h2, .blog #page-content h3, .blog #page-content h4, .blog #page-content h5, .blog #page-content h6 { +#page-content h1, #page-content h2, #page-content h3, #page-content h4, #page-content h5, #page-content h6 { margin-top: 12px; margin-bottom: 12px; } -.blog #page-content p { +#page-content p { margin-bottom: 16px; line-height: 1.5em; } -.blog #page-content ul { +#page-content ul { list-style: disc; } -.blog #page-content ol { +#page-content ol { list-style: bullets; } -.blog #page-content ol, .blog #page-content ul { +#page-content ol, #page-content ul { margin-top: 14px; margin-bottom: 14px; padding-left: 20px; line-height: 1.45em; } -.blog #page-content ol li, .blog #page-content ul li { +#page-content ol li, #page-content ul li { margin-bottom: 5px; } -.blog #page-content blockquote { +#page-content blockquote { margin-top: 20px; margin-bottom: 20px; padding-left: 20px; font-style: italic; } -.blog #page-content a { +#page-content a { text-decoration: underline dotted #b9c0cd; } -.blog #page-content aside { +#page-content aside { font-style: italic; } diff --git a/templates/page.html b/templates/page.html index c988339..35b1975 100644 --- a/templates/page.html +++ b/templates/page.html @@ -1,23 +1,12 @@ -{% extends "layout.html" %} - -{% block content %} -
-
-

- {{ page.title }} -

- -
- {{ page.content | safe }} +{% extends "layout.html" %} {% block content %} +
+
+

{{ page.title }}

+ +
{{ page.content | safe }}
-
-{% endblock %} - - - -{% block pagination %} -{% if page.earlier or page.later or page.lighter or page.heavier %} - -{% endif %} -{% endblock %} \ No newline at end of file +{% endblock %} {% block pagination %} {% if page.earlier or page.later or +page.lighter or page.heavier %} + +{% endif %} {% endblock %} From faf4540d9a4ce43456e28605a882b60a0ba52b67 Mon Sep 17 00:00:00 2001 From: b5 Date: Tue, 22 Oct 2024 21:23:11 -0400 Subject: [PATCH 2/2] add legal --- content/legal.md | 2 +- static/styles/style.css | 36 ++++++++++++++++++++++++++++++++++++ templates/layout.html | 5 ++++- 3 files changed, 41 insertions(+), 2 deletions(-) diff --git a/content/legal.md b/content/legal.md index ba43618..d838e4a 100644 --- a/content/legal.md +++ b/content/legal.md @@ -59,7 +59,7 @@ We are pleased to license much of the documentation on n0.computer under terms t You will find the following notice at the bottom of many pages on the n0.computer website: -> Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License. For details, see our Site Policies. +> Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License. For details, see our [Site Policies](/legal). When you see a page with this notice you are free to use nearly everything on the page in your own creations. For example, you could quote the text in a book, cut-and-paste sections to your blog, record it as an audiobook for the visually impaired, or even translate it into Swahili. Really. That's what open content licenses are all about. We just ask that you give us attribution when you reuse our work. diff --git a/static/styles/style.css b/static/styles/style.css index 1270e5f..d195f09 100644 --- a/static/styles/style.css +++ b/static/styles/style.css @@ -331,6 +331,10 @@ img, video { margin-bottom: 2rem; } +.mt-5 { + margin-top: 1.25rem; +} + .block { display: block; } @@ -411,6 +415,10 @@ img, video { max-width: 56rem; } +.max-w-xl { + max-width: 36rem; +} + .flex-1 { flex: 1; } @@ -524,6 +532,14 @@ img, video { padding: .5rem; } +.p-4 { + padding: 1rem; +} + +.p-6 { + padding: 1.5rem; +} + .px-4 { padding-left: 1rem; padding-right: 1rem; @@ -648,6 +664,11 @@ img, video { line-height: 1.75rem; } +.text-xs { + font-size: .75rem; + line-height: 1rem; +} + .font-bold { font-weight: 700; } @@ -727,6 +748,11 @@ img, video { color: rgb(209 213 219 / var(--tw-text-opacity)); } +.text-n0gray-700 { + --tw-text-opacity: 1; + color: rgb(63 63 70 / var(--tw-text-opacity)); +} + .shadow-inner { --tw-shadow: inset 0 2px 4px 0 #0000000d; --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color); @@ -931,6 +957,11 @@ img, video { padding-bottom: 20rem; } + .sm\:px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; + } + .sm\:pr-0 { padding-right: 0; } @@ -958,6 +989,11 @@ img, video { .md\:w-3\/4 { width: 75%; } + + .md\:px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; + } } @media (min-width: 1024px) { diff --git a/templates/layout.html b/templates/layout.html index e47f6f7..9ed9238 100644 --- a/templates/layout.html +++ b/templates/layout.html @@ -69,7 +69,7 @@ Number Zero - + +
+

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License.
For details, see our Site Policies.

+
{% endblock footer %}