copy over JuliaOnHPCClusters

.github/workflows/Deploy.yml

@@ -0,0 +1,50 @@
+name: Build and Deploy
+on:
+  push:
+    branches:
+      - main
+    paths:
+      - 'website/**'
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+    steps:
+    - name: Checkout
+      uses: actions/checkout@v2
+      with:
+        persist-credentials: false
+    # NOTE: Python is necessary for the pre-rendering (minification) step
+    - name: Install python
+      uses: actions/setup-python@v2
+      with:
+        python-version: '3.8'
+    # NOTE: Here you can install dependencies such as matplotlib if you use
+    # packages such as PyPlot.
+    # - run: pip install matplotlib
+    - name: Install Julia
+      uses: julia-actions/setup-julia@v1
+      with:
+        version: 1.8
+    # NOTE
+    #   The steps below ensure that NodeJS and Franklin are loaded then it
+    #   installs highlight.js which is needed for the prerendering step
+    #   (code highlighting + katex prerendering).
+    #   Then the environment is activated and instantiated to install all
+    #   Julia packages which may be required to successfully build your site.
+    #   The last line should be `optimize()` though you may want to give it
+    #   specific arguments, see the documentation or ?optimize in the REPL.
+    - run: julia -e '
+            cd("website");
+            using Pkg; Pkg.activate("."); Pkg.instantiate();
+            using NodeJS; run(`$(npm_cmd()) install highlight.js`);
+            run(`$(npm_cmd()) install lunr`);
+            run(`$(npm_cmd()) install cheerio`);
+            using Franklin;
+            lunr();
+            optimize()'
+    - name: Build and Deploy
+      uses: JamesIves/github-pages-deploy-action@releases/v3
+      with:
+        GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        BRANCH: gh-pages
+        FOLDER: website/__site

.gitignore

@@ -0,0 +1,3 @@
+.DS_Store
+.vscode/
+.ipynb_checkpoints/

README.md

@@ -0,0 +1,3 @@
+# JuliaOnHPCClusters
+
+Notes on how to use/set up Julia on HPC clusters. Visit the rendered website under [https://juliahpc.github.io/JuliaOnHPCClusters/](https://juliahpc.github.io/JuliaOnHPCClusters/).

website/.gitignore

@@ -0,0 +1,6 @@
+__site/
+.DS_Store
+franklin
+franklin.pub
+node_modules/
+Manifest.toml

website/404.md

@@ -0,0 +1,5 @@
+# 404: File not found
+
+The requested file was not found.
+
+Please [click here](/) to go to the home page.

website/LICENSE.md

@@ -0,0 +1,8 @@
+The material in this repository is licensed as follows:
+
+- The **code** is under the [MIT license](https://opensource.org/licenses/MIT).
+
+- The **text** is under the [CC BY-SA 4.0 license](https://creativecommons.org/licenses/by-sa/4.0).
+
+
+Copyright Carsten Bauer, 2023

website/Project.toml

@@ -0,0 +1,5 @@
+[deps]
+Franklin = "713c75ef-9fc9-4b05-94a9-213340da978e"
+Literate = "98b081ad-f1c9-55d3-8b20-4c87d4299306"
+LiveServer = "16fef848-5104-11e9-1b77-fb7a48bbb589"
+NodeJS = "2bd173c7-0d6d-553b-b6af-13a54713934c"

website/README.md

@@ -0,0 +1,3 @@
+# Julia On HPC Clusters website
+
+Visit it under [https://juliahpc.github.io/JuliaOnHPCClusters/](https://juliahpc.github.io/JuliaOnHPCClusters/).

website/_css/custom.css

@@ -0,0 +1,260 @@
+@import url("https://fonts.googleapis.com/css2?family=PT+Sans+Caption:wght@700&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap");
+
+h1 {
+    border-bottom: 1px solid #999 !important;
+    margin-bottom: 1em !important;
+}
+
+h1,
+h2 {
+    color: #555;
+    font-family: "PT Sans Caption";
+    font-weight: bold;
+}
+
+html,
+body {
+    font-family: "PT Sans", sans-serif;
+    font-size: 18px;
+}
+
+.sidebar {
+    z-index: 2;
+    overflow-y: auto;
+    overflow-x: hidden;
+    /* background-color: #00004d; */
+    /* background-color: #00205b; */
+    background-color: #013d5b;
+}
+
+.content {
+    padding-top: 0;
+}
+
+.frankin-content {
+    margin-top: 2em;
+}
+.franklin-content pre > code {
+    border: 1px solid #6b8e2340;
+    padding: 1.5em;
+    border-radius: 0;
+}
+pre.code-output {
+    background: #6b8e2340;
+    padding-left: 0.5em;
+}
+
+.code-output code {
+    border-radius: 0;
+    padding-left: 1em !important;
+    background: white;
+}
+
+.docstring {
+    border: 1px solid #f1f1f1;
+    padding: 1em;
+    margin-bottom: 2em;
+}
+
+.franklin-content .docstring h2.doc-header {
+    font-size: 1.25em;
+    color: #008080;
+    margin: 16px 0;
+}
+
+.franklin-content .docstring h1 {
+    font-size: 1.2em;
+}
+.franklin-content .docstring h2 {
+    font-size: 1em;
+}
+
+.docstring .doc-type {
+    font-size: 1em;
+    color: #6b8e2350;
+    float: right;
+}
+
+.franklin-content h1 {
+    margin-bottom: 0;
+    font-size: 1.66em;
+    border: none;
+}
+.franklin-content h2 {
+    border: none;
+    font-size: 1.33em;
+    font-style: normal;
+    font-weight: bold;
+}
+
+.sidebar-about h1 {
+    font-family: "Recursive", sans-serif;
+    border-bottom: none !important;
+    font-size: 1.1em;
+    opacity: 0.95;
+}
+
+.sidebar-about h2 {
+    font-family: "Recursive", sans-serif;
+    border-bottom: none !important;
+    font-size: 0.8em;
+    color: White;
+    font-style: italic;
+    font-weight: bold;
+    margin-top: -1em;
+}
+
+@media (min-width: 768px) {
+    .sidebar-nav {
+    }
+}
+.sidebar .container.sidebar-sticky {
+    top: 1rem;
+}
+.sidebar-nav .sidebar-nav-item.active {
+    box-sizing: border-box;
+    background: #f0f8ff40;
+    margin-right: -1em;
+    margin-left: -0.5em;
+    padding-left: 0.5em;
+    color: white;
+    font-weight: normal !important;
+}
+.sidebar-nav .sidebar-nav-item {
+    /*font-size: 0.97em;*/
+    color: #cccccc;
+    margin: 0.25em 0;
+}
+
+.sidebar-nav .course-section {
+    /*font-style: italic;*/
+    /*display: flex;*/
+    align-items: center;
+    /* color: #ffff80; */
+    color: #edae4a;
+    /* color: #fecf6e; */
+    margin-top: 1em;
+}
+.sidebar-nav .course-section::before,
+.sidebar-nav .course-section::after {
+    content: " ";
+    flex: 1;
+    border-bottom: 1px dashed #d9a200;
+}
+.sidebar-nav .course-section::before {
+    margin-right: 0.25em;
+}
+.sidebar-nav .course-section::after {
+    margin-left: 0.25em;
+}
+
+.sidebar-nav .book-chapter {
+    align-items: center;
+    color: #d93d00;
+    margin-top: 1em;
+}
+.sidebar-nav .book-chapter::before,
+.sidebar-nav .book-chapter::after {
+    content: " ";
+    flex: 1;
+    border-bottom: 1px dashed #d93d00;
+}
+
+h1 {
+    margin-top: 2em;
+}
+h2 {
+    margin-top: 1em;
+}
+
+.page-foot img.github-logo {
+    width: 1em;
+    height: 1em;
+    margin: 0;
+    padding: 0;
+    display: inline-block;
+    margin-bottom: -2px;
+}
+
+.page-foot {
+    margin-bottom: 0;
+}
+
+/* Extra Styling for Logo bagdes*/
+img[src*="#badge"] {
+    height: 100px;
+    width: auto;
+    display: inline-block;
+    padding: 25px;
+    align-items: center;
+}
+
+/* Extra Styling for student feedback cards*/
+.column {
+    width: 100%;
+    float: left;
+    margin-bottom: 16px;
+    padding: 8px;
+}
+
+@media (min-width: 768px) {
+    .column {
+        float: left;
+        width: 45%;
+        margin-bottom: 16px;
+        padding: 8px;
+    }
+}
+
+.card {
+    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
+}
+.card-container {
+    padding: 4px 16px;
+}
+.card-container::after,
+.row::after {
+    content: "";
+    clear: both;
+    display: table;
+}
+.title {
+    color: black;
+    font-weight: bold;
+    font-size: large;
+}
+.semester {
+    color: grey;
+}
+.feedback {
+    margin-top: 0.5em;
+}
+
+.live-label {
+    font-size: 1.5rem;
+    font-family: monospace;
+    font-weight: 900;
+}
+.live-label::before {
+    content: " ";
+    width: 1em;
+    height: 1em;
+    margin-right: 0.5em;
+    margin-bottom: -0.2em;
+    border-radius: 0.5em;
+    background: rgb(212, 39, 39);
+    display: inline-block;
+    /* animation: pulsered 1.5s ease-in-out infinite; */
+    /* animation: name duration timing-function delay iteration-count alternate fill-mode; */
+    /* animation: pulsered 1.5s ease-in-out 0s infinite alternate; */
+    opacity: 0.8;
+}
+
+@keyframes pulsered {
+    0% {
+        opacity: 1;
+    }
+    100% {
+        opacity: 0.6;
+    }
+}