taoup: include its own copy of hello-css

arp242 · Nov 5, 2019 · 76bcf53 · 76bcf53
1 parent 1badcf2
commit 76bcf53
Show file tree

Hide file tree

Showing 2 changed files with 281 additions and 1 deletion.
diff --git a/the-art-of-unix-programming/hello-css.min.css b/the-art-of-unix-programming/hello-css.min.css
@@ -0,0 +1,280 @@
+/* FILE: ./base.css */
+@font-face {
+  font-family: 'Libre Baskerville';
+  font-style: normal;
+  font-weight: 400;
+  font-display: fallback;
+  src: local('Libre Baskerville'), local('LibreBaskerville-Regular'),
+    url(/fonts/libre-baskerville.woff2) format('woff2'),
+    url(./fonts/libre-baskerville.woff2) format('woff2');
+}
+@font-face {
+  font-family: 'Libre Baskerville';
+  font-style: normal;
+  font-weight: 700;
+  font-display: fallback;
+  src: local('Libre Baskerville Bold'), local('LibreBaskerville-Bold'),
+    url(/fonts/libre-baskerville-bold.woff2) format('woff2'),
+    url(./fonts/libre-baskerville-bold.woff2) format('woff2');
+}
+@font-face {
+  font-family: 'Libre Baskerville';
+  font-style: italic;
+  font-weight: 400;
+  font-display: fallback;
+  src: local('Libre Baskerville Italic'), local('LibreBaskerville-Italic'),
+    url(/fonts/libre-baskerville-italic.woff2) format('woff2'),
+    url(./fonts/libre-baskerville-italic.woff2) format('woff2');
+}
+html {
+  font: 16px/180% 'Libre Baskerville', 'DejaVu Serif', 'Bitstream Vera Serif', 'Georgia', serif;
+          text-size-adjust: none;
+  -webkit-text-size-adjust: none;
+}
+@media (max-width: 54em) {
+  html { font-size: 14px; line-height: 160%; }
+}
+@media (max-width: 26em) {
+  html { font-size: 14px; line-height: 150%; }
+}
+pre, code {
+  font-family: 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Consolas', monospace;
+}
+pre {
+  font-size: 14px;
+  line-height: 130%;
+}
+h1, h2, h3, h4, h5, h6 {
+  font-variant-ligatures: common-ligatures discretionary-ligatures;
+  font-feature-settings: 'liga' on, 'dlig' on;
+}
+* {
+  box-sizing: border-box;
+}
+*:target {
+  background-color: #ff6;
+}
+html {
+  background-color: #eee;
+  color: #252525;
+       tab-size: 4;
+  -moz-tab-size: 4;
+}
+html, body {
+  margin: 0;
+}
+.center, .page {
+  max-width: 54rem;
+  margin: .5rem auto;
+  position: relative;
+}
+.page {
+  padding: 1rem 4rem;
+  background-color: #fff;
+  box-shadow: 0 0 6px rgba(0,0,0,.2);
+}
+@media (max-width: 54em) {
+  .page, .center {
+    max-width: 100%;
+    padding: .5rem 1rem;
+  }
+}
+@page {
+  margin: 0;
+}
+@media print {
+  body {
+    background-color: #fff;
+  }
+  .page, .center {
+    box-shadow: none;
+    padding: 0 1cm;
+    margin: 0;
+    max-width: none;
+  }
+  .page:first-child, .center:first-child {
+    padding-top: 5mm;
+  }
+}
+.page-a4, .page.page-a4 {
+  width: 21cm;
+  height: 29.7cm;
+}
+.page-letter, .page.page-letter {
+  width: 8.5in;
+  height: 11in;
+}
+a,
+a code,
+.link {
+  color: #00f;
+  text-decoration: none;
+  transition: color .2s;
+}
+a:hover, .link:hover {
+  text-decoration: underline;
+  color: #6491ff;
+}
+a:hover code  {
+  color: #6491ff;
+}
+h1 {
+  text-align: center;
+  padding: .5em 0;
+  font-size: 1.7em;
+}
+h2 {
+  border-bottom: 1px solid #252525;
+  padding-bottom: .2em;
+  font-size: 1.5em;
+}
+h3 {
+  font-size: 1.3em;
+}
+h4 {
+  font-size: 1.1em;
+}
+h5, h6 {
+  font-size: 1em;
+}
+blockquote {
+  font-style: italic;
+}
+img {
+  max-width: 100%;
+}
+code, pre, kbd, samp {
+  background-color: #f5f5f5;
+  color: #000;
+}
+pre {
+  overflow: auto;
+  max-height: 500px;
+  padding: .5em 1em;
+  border-radius: 2px;
+  border-top: 1px solid #d5d5d5;
+  border-bottom: 1px solid #d5d5d5;
+}
+code, kbd, samp {
+  padding: 1px 2px;
+}
+pre > code {
+  padding: 0;
+  box-shadow: none;
+  border: none;
+}
+h1 code, h2 code, h3 code, h4 code, h5 code, h6 code {
+  background-color: transparent;
+  box-shadow: none;
+  color: inherit;
+}
+table {
+  border-collapse: collapse;
+  width: 100%;
+}
+table + table {
+  margin-top: 2em;
+}
+@media (min-width: 54em) {
+  table.full {
+    margin-left: -3.5rem;
+    width: calc(100% + 7rem);
+  }
+}
+caption {
+  font-weight: bold;
+}
+tr {
+  border-bottom: 1px solid #ddd;
+}
+table > tr:last-child, tbody tr:last-child, tfoot tr:last-child {
+  border-bottom: none;
+}
+tfoot tr:first-child {
+  border-top: 1px solid #ddd;
+}
+td, th {
+  padding: .2em .5em;
+  hyphens: none;
+}
+td.left, th.left  {
+  text-align: left;
+}
+td.right, th.right {
+  text-align: right;
+}
+table td.right {
+    font-feature-settings: 'tnum' on;
+    font-variant-numeric: tabular-nums;
+    font-family: sans-serif;
+}
+sup, sub {
+  height: 0;
+  line-height: 1;
+  vertical-align: baseline;
+  position: relative;
+}
+sup {
+  bottom: 1ex;
+}
+sub {
+  top: .5ex;
+}
+
+/* FILE: ./blockquote.css */
+blockquote {
+  font-style: italic;
+  position: relative;
+}
+blockquote:before  {
+  position: absolute;
+  color: #dbdbdb;
+  font-size: 5em;
+}
+blockquote:before {
+  content: "“";
+  left: -.6em;
+  top: .25em;
+}
+
+/* FILE: ./permalink.css */
+h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
+  font-size: .7em;
+  line-height: 0;
+  color: #999;
+}
+h1 a:after, h2 a:after, h3 a:after, h4 a:after, h5 a:after, h6 a:after {
+  content: "¶";
+}
+
+/* FILE: ./postscript.css */
+.postscript {
+  margin-top: 3em;
+  border-top: 1px solid #bbb;
+  font-size: .9em;
+  position: relative;
+}
+.postscript + .postscript {
+  margin-top: 2em;
+}
+.postscript > strong {
+  font-style: normal;
+  position: absolute;
+  top: -1em;
+  left: 1em;
+  background-color: #fff;
+  padding: 0 .5em;
+}
+.postscript > p {
+  margin: 1em 2em
+}
+@media (min-width: 54rem) {
+  .postscript {
+    margin-left: -4em;
+    width: calc(100% + 8em);
+    padding: 0 4em;
+  }
+  .postscript > strong {
+    left: 6em;
+  }
+}
diff --git a/the-art-of-unix-programming/index.html b/the-art-of-unix-programming/index.html
@@ -11,7 +11,7 @@
 	<link rel="canonical" href="https://arp242.net/the-art-of-unix-programming">
 
 	<style>
-{% include /hello-css/all.min.css %}
+{% include /the-art-of-unix-programming/hello-css.min.css %}
 	</style>
 
 	<style>