APCSP & Index

2026-04-19 22:05:07 +00:00 · 2024-11-07 10:43:13 -07:00 · 2024-11-07 10:43:13 -07:00 · 9696d7d70b
commit 9696d7d70b
parent 4b439ea854
8 changed files with 264 additions and 0 deletions
--- a/.editorconfig
+++ b/.editorconfig
@ -0,0 +1,9 @@
+# Top-most EditorConfig file
+root = true
+
+# Unix-style newlines with a newline ending and 4 space indents on every file
+[*]
+end_of_line = lf
+insert_final_newline = true
+indent_style = space
+indent_size = 4
--- a/.github/workflows/jekyll-gh-pages.yml
+++ b/.github/workflows/jekyll-gh-pages.yml
@ -0,0 +1,51 @@
+# Sample workflow for building and deploying a Jekyll site to GitHub Pages
+name: Deploy Jekyll with GitHub Pages dependencies preinstalled
+
+on:
+    # Runs on pushes targeting the default branch
+    push:
+        branches: ["main"]
+
+    # Allows you to run this workflow manually from the Actions tab
+    workflow_dispatch:
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+    contents: read
+    pages: write
+    id-token: write
+
+# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
+# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
+concurrency:
+    group: "pages"
+    cancel-in-progress: false
+
+jobs:
+    # Build job
+    build:
+        runs-on: ubuntu-latest
+        steps:
+            - name: Checkout
+              uses: actions/checkout@v4
+            - name: Setup Pages
+              uses: actions/configure-pages@v4
+            - name: Build with Jekyll
+              uses: actions/jekyll-build-pages@v1
+              with:
+                  source: ./
+                  destination: ./_site
+            - name: Upload artifact
+              uses: actions/upload-pages-artifact@v3
+
+    # Deployment job
+    deploy:
+        environment:
+            name: github-pages
+            url: ${{ steps.deployment.outputs.page_url }}
+        runs-on: ubuntu-latest
+        needs: build
+        steps:
+            - name: Deploy to GitHub Pages
+              id: deployment
+              uses: actions/deploy-pages@v4
--- a/.vscode/launch.json
+++ b/.vscode/launch.json
@ -0,0 +1,29 @@
+{
+  // Use IntelliSense to learn about possible attributes.
+  // Hover to view descriptions of existing attributes.
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "Attach to Chrome",
+      "port": 8080,
+      "request": "attach",
+      "type": "chrome",
+      "webRoot": "${workspaceFolder}"
+    },
+    {
+      "name": "Launch Chrome",
+      "request": "launch",
+      "type": "chrome",
+      "url": "https://localhost:8080",
+      "webRoot": "${workspaceFolder}"
+    },
+    {
+      "type": "chrome",
+      "request": "launch",
+      "name": "Launch Chrome against localhost",
+      "url": "https://localhost:9222",
+      "webRoot": "${workspaceFolder}"
+    }
+  ]
+}
--- a/1
+++ b/1
@ -0,0 +1 @@
+https://resume.masoncucci.com
--- a/index.html
+++ b/index.html
@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>My Project Website</title>
+    <link rel="stylesheet" href="pages/style.css">
+</head>
+<body>
+
+    <!-- Include the Navbar -->
+    <div id="navbar"></div>
+
+    <script>
+        // Load the navbar
+        fetch('pages/navbar.html')
+            .then(response => response.text())
+            .then(data => {
+                document.getElementById('navbar').innerHTML = data;
+            });
+    </script>
+
+    <main>
+        <h1>Welcome to my resume website</h1>
+        <p>This is the homepage. It is currently a WIP.</p>
+    </main>
+    
+</body>
+</html>
--- a/pages/APCSP.html
+++ b/pages/APCSP.html
@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>APCSP Project</title>
+    <link rel="stylesheet" href="/pages/style.css"> <!-- CSS with correct path -->
+</head>
+<body>
+
+    <!-- Include the Navbar -->
+    <div id="navbar"></div>
+
+    <script>
+        // Load the navbar
+        fetch('/pages/navbar.html') <!-- Correct path within pages folder -->
+            .then(response => response.text())
+            .then(data => {
+                document.getElementById('navbar').innerHTML = data;
+            });
+    </script>
+
+    <!-- Page Content -->
+    <header class="header">
+        <div class="header-content">
+            <h1>APCSP</h1>
+            <p class="apcsp-blurb">AP Computer Science Principles (APCSP) offers a multidisciplinary approach to teaching the foundations of modern computing. The course will introduce students to the creative aspects of programming, abstractions, algorithms, large data sets, the Internet, cybersecurity concerns, and societal impacts of computing. APCSP also gives students the opportunity to use current technologies to create computational artifacts for both self-expression and problem solving. This course seeks to provide knowledge and skills to meaningfully participate in our increasingly digital society, economy, and culture. Together, these aspects of the course make up a rigorous and rich curriculum that aims to broaden participation in computer science.</p>
+        </div>
+    </header>
+
+    <main class="main-content">
+        <h2 class="section-title">APCSP Project</h2>
+        <div class="project-demo">
+            <h3>Demo of My Project</h3>
+            <iframe 
+                src="https://drive.google.com/file/d/1JT7nZ82QJh5NIxFVHyewRBR1MLsWohEF/preview" 
+                width="640" 
+                height="480" 
+                allow="autoplay">
+            </iframe>
+            <p><a href="https://drive.google.com/file/d/1JT7nZ82QJh5NIxFVHyewRBR1MLsWohEF/view" target="_blank">View the full demo</a></p>
+        </div>
+    </main>
+
+    <script src="/pages/theme-toggle.js"></script> <!-- Correct path within pages folder -->
+</body>
+</html>
--- a/pages/navbar.html
+++ b/pages/navbar.html
@ -0,0 +1,6 @@
+<nav>
+    <ul>
+        <li><a href="../index.html">Home</a></li>
+        <li><a href="/pages/APCSP.html">APCSP Project</a></li>
+    </ul>
+</nav>
--- a/pages/style.css
+++ b/pages/style.css
@ -0,0 +1,92 @@
+/* General reset */
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    font-family: Arial, sans-serif;
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
+}
+
+:root {
+    --background-color-light: #f9f9f9;
+    --text-color-light: #333;
+    --background-color-dark: #1e1e1e;
+    --text-color-dark: #e0e0e0;
+    --primary-color: #4a90e2;
+    --accent-color: #ff5722;
+}
+
+
+body {
+    background-color: var(--background-color);
+    color: var(--text-color);
+}
+
+/* Navbar styling */
+nav {
+    background-color: var(--primary-color);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 10px;
+}
+
+nav ul {
+    list-style: none;
+    display: flex;
+    gap: 15px;
+}
+
+nav ul li a {
+    color: white;
+    text-decoration: none;
+    font-weight: bold;
+}
+
+}
+
+/* Header styling */
+.header {
+    text-align: center;
+    padding: 20px;
+}
+
+.header-content {
+    max-width: 800px;
+    margin: 0 auto;
+}
+
+.apcsp-blurb {
+    margin-top: 10px;
+    font-size: 1rem;
+    line-height: 1.5;
+}
+
+/* Main content styling */
+.main-content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    flex-grow: 1;
+    padding: 20px;
+}
+
+.section-title {
+    margin-bottom: 20px;
+}
+
+.project-demo {
+    text-align: center;
+}
+
+.project-demo iframe {
+    border: none;
+    margin-bottom: 10px;
+}
+