Implement GitHub Pages site with lab index and sample content

Co-authored-by: cliffe <670192+cliffe@users.noreply.github.com>
2026-02-21 11:18:09 +00:00 · 2025-09-15 21:35:41 +00:00
parent 5782732147
commit 8acae08d3e
12 changed files with 1583 additions and 1 deletions
--- a/assets/css/main.scss
+++ b/assets/css/main.scss
@@ -0,0 +1,207 @@
+---
+---
+
+/* Base styles */
+* {
+    box-sizing: border-box;
+}
+
+body {
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
+    line-height: 1.6;
+    color: #24292e;
+    background-color: #ffffff;
+    margin: 0;
+    padding: 0;
+}
+
+.wrapper {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 0 2rem;
+}
+
+/* Header */
+.site-header {
+    background-color: #f8f9fa;
+    border-bottom: 1px solid #e1e4e8;
+    padding: 1rem 0;
+}
+
+.site-title {
+    font-size: 1.5rem;
+    font-weight: 600;
+    color: #0366d6;
+    text-decoration: none;
+    float: left;
+}
+
+.site-title:hover {
+    text-decoration: underline;
+}
+
+.site-nav {
+    float: right;
+    margin-top: 0.25rem;
+}
+
+.site-nav .menu-icon {
+    display: none;
+}
+
+.site-nav .page-link {
+    color: #586069;
+    text-decoration: none;
+    margin-left: 1.5rem;
+    font-weight: 500;
+}
+
+.site-nav .page-link:hover {
+    color: #0366d6;
+    text-decoration: underline;
+}
+
+/* Main content */
+.page-content {
+    padding: 2rem 0;
+    min-height: calc(100vh - 200px);
+}
+
+/* Typography */
+h1, h2, h3, h4, h5, h6 {
+    margin-top: 2rem;
+    margin-bottom: 1rem;
+    font-weight: 600;
+    line-height: 1.25;
+}
+
+h1 {
+    font-size: 2rem;
+    border-bottom: 1px solid #e1e4e8;
+    padding-bottom: 0.3rem;
+}
+
+h2 {
+    font-size: 1.5rem;
+    border-bottom: 1px solid #e1e4e8;
+    padding-bottom: 0.3rem;
+}
+
+h3 {
+    font-size: 1.25rem;
+}
+
+p {
+    margin-bottom: 1rem;
+}
+
+/* Links */
+a {
+    color: #0366d6;
+    text-decoration: none;
+}
+
+a:hover {
+    text-decoration: underline;
+}
+
+/* Code */
+code {
+    background-color: #f6f8fa;
+    color: #24292e;
+    padding: 0.125rem 0.25rem;
+    border-radius: 3px;
+    font-size: 0.875rem;
+    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
+}
+
+pre {
+    background-color: #f6f8fa;
+    color: #24292e;
+    padding: 1rem;
+    border-radius: 6px;
+    overflow-x: auto;
+    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
+    font-size: 0.875rem;
+    line-height: 1.45;
+}
+
+pre code {
+    background-color: transparent;
+    padding: 0;
+    border-radius: 0;
+}
+
+/* Lists */
+ul, ol {
+    margin-bottom: 1rem;
+    padding-left: 2rem;
+}
+
+li {
+    margin-bottom: 0.25rem;
+}
+
+/* Tables */
+table {
+    border-collapse: collapse;
+    width: 100%;
+    margin-bottom: 1rem;
+}
+
+th, td {
+    border: 1px solid #e1e4e8;
+    padding: 0.5rem;
+    text-align: left;
+}
+
+th {
+    background-color: #f6f8fa;
+    font-weight: 600;
+}
+
+/* Footer */
+.site-footer {
+    background-color: #f8f9fa;
+    border-top: 1px solid #e1e4e8;
+    padding: 2rem 0;
+    text-align: center;
+}
+
+.footer-text {
+    color: #586069;
+    font-size: 0.875rem;
+}
+
+.footer-text a {
+    color: #0366d6;
+}
+
+/* Clearfix */
+.site-header::after {
+    content: "";
+    display: table;
+    clear: both;
+}
+
+/* Responsive */
+@media (max-width: 768px) {
+    .wrapper {
+        padding: 0 1rem;
+    }
+    
+    .site-title {
+        float: none;
+        display: block;
+        margin-bottom: 1rem;
+    }
+    
+    .site-nav {
+        float: none;
+    }
+    
+    .site-nav .page-link {
+        margin-left: 0;
+        margin-right: 1rem;
+    }
+}