switch to pkgpages

rcalxrc08 · Oct 4, 2023 · 54c0996 · 54c0996
1 parent b176823
commit 54c0996
Show file tree

Hide file tree

Showing 181 changed files with 8,519 additions and 0 deletions.
diff --git a/page/Project.toml b/page/Project.toml
@@ -0,0 +1,4 @@
+[deps]
+Franklin = "713c75ef-9fc9-4b05-94a9-213340da978e"
+NodeJS = "2bd173c7-0d6d-553b-b6af-13a54713934c"
+PkgPage = "e7214860-93a8-4f22-b43d-bd447d1a2094"
diff --git a/page/_assets/diagonal-lines.svg b/page/_assets/diagonal-lines.svg
diff --git a/page/_assets/favicon.ico b/page/_assets/favicon.ico
diff --git a/page/_assets/logo.png b/page/_assets/logo.png
diff --git a/page/_assets/logo.svg b/page/_assets/logo.svg
diff --git a/page/_assets/nice_image.jpg b/page/_assets/nice_image.jpg
diff --git a/page/_css/bootstrap.min.css b/page/_css/bootstrap.min.css
diff --git a/page/_css/custom.css b/page/_css/custom.css
@@ -0,0 +1,54 @@
+html { scroll-behavior: smooth; }
+header { margin: 0; padding: 0;}
+section { padding: 75px 0; }
+.jumbotron { margin-bottom: 0;}
+
+/* NAVBAR */
+
+#navbar-toggler-cbox:checked ~ .collapse { display:block; }
+.navbar-nav .active { color: #fff; }
+
+.navbar-brand a { color: ghostwhite; }
+.navbar-brand a:hover {
+  color: rgba(255,255,255,.5);
+  text-decoration: none;
+}
+
+a.nav-link.active { color: #fff !important; }
+
+/* FORMATTING */
+
+section h2 { margin-bottom: 1em;}
+
+.lead {
+  font-size: 20px;
+  font-weight: 300;
+  line-height: 30px;
+  margin-bottom: 1em;
+  margin-top: 0;
+}
+
+.franklin-content ul li p { margin: 0; }
+
+.katex { font-size: 1em !important;}
+
+a.anchor {
+    display: block;
+    position: relative;
+    top: -150px;
+    visibility: hidden;
+}
+
+/* CODE */
+
+pre { margin-bottom: 0.5em; }
+pre code.hljs {
+	padding-left: 20px;
+	padding-top: 10px;
+	padding-bottom: 10px;
+}
+pre code.hljs.plaintext {
+	margin-bottom: 1em;
+}
+
+/* ADD ANY SPECIFIC TWEAKS YOU MIGHT WANT HERE */
diff --git a/page/_layout/foot.html b/page/_layout/foot.html
@@ -0,0 +1,19 @@
+<!-- CONTENT ENDS HERE -->
+  {{ if hasmath }}
+      {{ insert foot_katex.html }}
+  {{ end }}
+  {{ if hascode }}
+      {{ insert foot_highlight.html }}
+  {{ end }}
+  <script src="/libs/simple-scrollspy.min.js"></script>
+  <script>
+  window.onload = function () {
+    scrollSpy('#navbarResponsive', {
+      sectionClass: '.scrollspy',
+      menuActiveTarget: '.nav-link',
+      offset: 100
+    })
+  }
+  </script>
+  </body>
+</html>
diff --git a/page/_layout/foot_highlight.html b/page/_layout/foot_highlight.html
@@ -0,0 +1,2 @@
+<script src="/libs/highlight/highlight.pack.js"></script>
+<script>hljs.initHighlightingOnLoad();hljs.configure({tabReplace: '    '});</script>
diff --git a/page/_layout/foot_katex.html b/page/_layout/foot_katex.html
@@ -0,0 +1,3 @@
+<script src="/libs/katex/katex.min.js"></script>
+<script src="/libs/katex/auto-render.min.js"></script>
+<script>renderMathInElement(document.body)</script>
diff --git a/page/_layout/head.html b/page/_layout/head.html
@@ -0,0 +1,24 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <!-- META -->
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <meta name="author" content="{{authors}}">
+  <title>{{title}}</title>
+
+  <link rel="icon" type="image/png"  href="/assets/favicon.ico">
+
+  <!-- CSS -->
+  {{if hasmath}} {{insert head_katex.html }}     {{end}}
+  {{if hascode}} {{insert head_highlight.html }}   {{end}}
+  <link rel="stylesheet" href="/css/bootstrap.min.css">
+  <style>{{insert style_tuning.fcss}}</style>
+  <link rel="stylesheet" href="/css/custom.css">
+
+  <script async defer src="https://buttons.github.io/buttons.js"></script>
+</head>
+<body id="page-top">
+  {{insert nav.html}}
+  {{if use_header}}{{insert header.html}}{{end}}
+  <!-- Content appended here -->
diff --git a/page/_layout/head_highlight.html b/page/_layout/head_highlight.html
@@ -0,0 +1 @@
+<link rel="stylesheet" href="/libs/highlight/styles/{{highlight_theme}}.css">
diff --git a/page/_layout/head_katex.html b/page/_layout/head_katex.html
@@ -0,0 +1 @@
+<link rel="stylesheet" href="/libs/katex/katex.min.css">
diff --git a/page/_layout/header.html b/page/_layout/header.html
@@ -0,0 +1,16 @@
+<header class="text-white text-center">
+  {{if use_hero}}
+    <div class="jumbotron container bg-primary">
+  {{else}}
+    <div class="jumbotron jumbotron-fluid container-fluid bg-primary">
+  {{end}}
+    <h1>{{title}}</h1>
+    <div class="lead">{{description}}</div>
+    {{if add_github_view}}
+      <a class="github-button" href="https://github.com/{{github_repo}}" data-size="large" aria-label="View {{title}} on GitHub">View on GitHub</a>
+    {{end}}
+    {{if add_github_star}}
+      <a class="github-button" href="https://github.com/{{github_repo}}" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star {{title}} on GitHub">Star</a>
+    {{end}}
+  </div>
+</header>
diff --git a/page/_layout/nav.html b/page/_layout/nav.html
@@ -0,0 +1,26 @@
+<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" id="mainNav">
+  <div class="container">
+    <span class="navbar-brand">
+      {{if add_nav_logo}}
+        <img src="{{nav_logo_path}}" class="img-fluid" style="{{nav_logo_style}}" alt="{{nav_logo_alt}}"/>
+      {{end}}
+      <a href="#page-top">{{title}}</a>
+      {{if add_docs}}
+      ｜ <a href="{{docs_url}}" target="_blank">{{docs_name}}</a>
+      {{end}}
+    </span>
+    <input type="checkbox" id="navbar-toggler-cbox" class="d-none" />
+    <label for="navbar-toggler-cbox" class="navbar-toggler" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </label>
+    <div class="collapse navbar-collapse" id="navbarResponsive">
+      <ul class="navbar-nav ml-auto">
+        {{for (s, n) in sections}}
+        <li class="nav-item">
+          <a class="nav-link" href="#{{fill s}}">{{fill n}}</a>
+        </li>
+        {{end}}
+      </ul>
+    </div>
+  </div>
+</nav>
diff --git a/page/_layout/page_foot.html b/page/_layout/page_foot.html
@@ -0,0 +1,5 @@
+<footer class="py-5 bg-dark">
+  <div class="container">
+    <p class="m-0 text-center text-white">&copy; {{authors}}. Website powered by <a href="https://github.com/tlienart/Franklin.jl">Franklin.jl</a>, <a href="https://github.com/tlienart/PkgPage.jl">PkgPage.jl</a> and the <a href="https://julialang.org">Julia</a> programming language.</p>
+  </div>
+</footer>
diff --git a/page/_layout/style_tuning.fcss b/page/_layout/style_tuning.fcss
@@ -0,0 +1,50 @@
+.bg-primary {
+  background-color: {{header_color}} !important;
+}
+
+a {
+  color: {{link_color}};
+}
+
+a:hover {
+  color: {{link_hover_color}};
+}
+
+.section-bg-color {
+  background-color: {{section_bg_color}};
+}
+
+footer a {
+  color: {{footer_link_color}};
+}
+
+{{if use_hero}}
+.jumbotron {
+  width: {{hero_width}};
+}
+
+header {
+  margin-top: {{hero_margin_top}} !important;
+}
+{{else}}
+header {
+  margin-top: {{header_margin_top}} !important;
+}
+{{end}}
+
+{{if use_header_img}}
+.jumbotron {
+  background-image: {{header_img_path}};
+  background-repeat: repeat;
+}
+{{end}}
+
+/* CODE ADJUSTMENTS */
+
+pre code.hljs {
+  border-radius: {{code_border_radius}};
+}
+
+pre code.hljs.plaintext {
+  margin-left: {{code_output_indent}};
+}
diff --git a/page/_layout/tag.html b/page/_layout/tag.html
@@ -0,0 +1,31 @@
+<!--
+IMPORTANT NOTE:
+  on tag pages you CANNOT rely on local page variable such as `hasmath`
+  `hascode`, `title` etc as the generation of the tag pages will be triggered
+  by different pages each of which will have defined these variables in
+  a different ways.
+  For tag pages, ALL variables used MUST be
+  - global ones (whatever you might have defined in `config`)
+  - be tag string (`tag`)
+  otherwise you cannot guarantee their content.
+  There is one way to bend this: you can use {{fill varname rpath}} to
+  input the value of the variable `varname` defined at the page corresponding
+  to `rpath`.
+  You can also use `{{istag hello}} ... {{end}}` to have things that
+  depend upon which tag we're on (for instance if you want a specific title).
+-->
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Tag: {{fill fd_tag}}</title>
+</head>
+<body>
+  <div class="{{div_content}}">
+    <h1>Tag: {{fill fd_tag}}</h1>
+    {{taglist}}
+    {{insert page_foot.html}}
+  </div>
+</body>
+</html>
diff --git a/page/_libs/highlight/highlight.pack.js b/page/_libs/highlight/highlight.pack.js
diff --git a/page/_libs/highlight/styles/a11y-dark.css b/page/_libs/highlight/styles/a11y-dark.css
@@ -0,0 +1,99 @@
+/* a11y-dark theme */
+/* Based on the Tomorrow Night Eighties theme: https://github.com/isagalaev/highlight.js/blob/master/src/styles/tomorrow-night-eighties.css */
+/* @author: ericwbailey */
+
+/* Comment */
+.hljs-comment,
+.hljs-quote {
+  color: #d4d0ab;
+}
+
+/* Red */
+.hljs-variable,
+.hljs-template-variable,
+.hljs-tag,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-regexp,
+.hljs-deletion {
+  color: #ffa07a;
+}
+
+/* Orange */
+.hljs-number,
+.hljs-built_in,
+.hljs-builtin-name,
+.hljs-literal,
+.hljs-type,
+.hljs-params,
+.hljs-meta,
+.hljs-link {
+  color: #f5ab35;
+}
+
+/* Yellow */
+.hljs-attribute {
+  color: #ffd700;
+}
+
+/* Green */
+.hljs-string,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-addition {
+  color: #abe338;
+}
+
+/* Blue */
+.hljs-title,
+.hljs-section {
+  color: #00e0e0;
+}
+
+/* Purple */
+.hljs-keyword,
+.hljs-selector-tag {
+  color: #dcc6e0;
+}
+
+.hljs {
+  display: block;
+  overflow-x: auto;
+  background: #2b2b2b;
+  color: #f8f8f2;
+  padding: 0.5em;
+}
+
+.hljs-emphasis {
+  font-style: italic;
+}
+
+.hljs-strong {
+  font-weight: bold;
+}
+
+@media screen and (-ms-high-contrast: active) {
+  .hljs-addition,
+  .hljs-attribute,
+  .hljs-built_in,
+  .hljs-builtin-name,
+  .hljs-bullet,
+  .hljs-comment,
+  .hljs-link,
+  .hljs-literal,
+  .hljs-meta,
+  .hljs-number,
+  .hljs-params,
+  .hljs-string,
+  .hljs-symbol,
+  .hljs-type,
+  .hljs-quote {
+        color: highlight;
+    }
+
+    .hljs-keyword,
+    .hljs-selector-tag {
+        font-weight: bold;
+    }
+}