all: move _example/ directory under _doc/ directory

This allow us to inspect the example using the serve-doc task,
along with the content of _doc/.

1 files changed, 164 insertions, 0 deletions

diff --git a/_doc/example/index.css b/_doc/example/index.css
new file mode 100644
index 0000000..3467881
--- /dev/null
+++ b/_doc/example/index.css
@@ -0,0 +1,164 @@
+/* SPDX-License-Identifier: GPL-3.0-or-later */
+/* SPDX-FileCopyrightText: 2020 Shulhan <ms@kilabit.info> */
+
+body {
+  margin: 0;
+  font-family: Arial, sans-serif;
+  background-color: #fff;
+  line-height: 1.3;
+  text-align: center;
+  color: #222;
+}
+pre {
+  font-family: Menlo, monospace;
+  font-size: 0.875rem;
+  line-height: 1.4;
+  overflow-x: auto;
+  background: #efefef;
+  padding: 0.625rem;
+  border-radius: 0.3125rem;
+}
+a {
+  color: #375eab;
+  text-decoration: none;
+}
+a:hover {
+  text-decoration: underline;
+}
+
+p,
+li {
+  max-width: 50rem;
+  word-wrap: break-word;
+}
+p,
+pre,
+ul,
+ol {
+  margin: 1.25rem;
+}
+
+h1,
+h2,
+h3,
+h4 {
+  margin: 1.25rem 0 1.25rem;
+  padding: 0;
+  color: #375eab;
+  font-weight: bold;
+}
+h1 {
+  font-size: 1.75rem;
+  line-height: 1;
+}
+h1 .text-muted {
+  color: #777;
+}
+h2 {
+  clear: right;
+  font-size: 1.25rem;
+  background: #e0ebf5;
+  padding: 0.5rem;
+  line-height: 1.25;
+  font-weight: normal;
+  overflow: auto;
+  overflow-wrap: break-word;
+}
+h2 a {
+  font-weight: bold;
+}
+h3 {
+  font-size: 1.25rem;
+  line-height: 1.25;
+  overflow: auto;
+  overflow-wrap: break-word;
+}
+h3,
+h4 {
+  margin: 1.25rem 0.3125rem;
+}
+h4 {
+  font-size: 1rem;
+}
+
+h2 > span,
+h3 > span {
+  float: right;
+  margin: 0 25px 0 0;
+  font-weight: normal;
+  color: #5279c7;
+}
+
+dl {
+  margin: 1.25rem;
+}
+dd {
+  margin: 0 0 0 1.25rem;
+}
+dl,
+dd {
+  font-size: 0.875rem;
+}
+
+/**
+ * Custom classes for pages
+ */
+
+.topbar {
+  background: #e0ebf5;
+  height: 4rem;
+  overflow: hidden;
+}
+
+.topbar .top-heading,
+.topbar .menu {
+  padding: 1.313rem 0;
+  font-size: 1.25rem;
+  font-weight: normal;
+}
+
+.topbar .top-heading {
+  float: left;
+}
+.topbar .top-heading a {
+  color: #222;
+  text-decoration: none;
+}
+
+.topbar .menu {
+  float: right;
+}
+.topbar .menu a {
+  margin: 0.625rem 0.125rem;
+  padding: 0.625rem;
+  color: white;
+  background: #375eab;
+  border: 0.0625rem solid #375eab;
+  border-radius: 5px;
+}
+.topbar .menu form {
+  margin-left: 0.625rem;
+}
+.page {
+  width: 100%;
+}
+
+.page > .container,
+.topbar > .container {
+  text-align: left;
+  margin-left: auto;
+  margin-right: auto;
+  padding: 0 1.25rem;
+}
+
+.container .meta {
+  font-style: italic;
+  margin: 1.25rem;
+}
+
+.footer {
+  text-align: center;
+  color: #666;
+  font-size: 0.875rem;
+  margin: 2.5rem 0;
+}