removal of SLCC portfolio

2025-01-07 15:34:32 -07:00
parent ce253bd79f
commit 3c48b126ea
9 changed files with 0 additions and 525 deletions
@@ -1,28 +0,0 @@
 import React, { useState } from "react";
 import SlccCourseView from "./SlccCourseView.jsx";
 import SlccNav from "./components/SlccNav.jsx";
 import SlccSplash from "./components/SlccSplash.jsx";
 import SlccGoals from "./components/SlccGoals.jsx";
 export default function Slcc() {
  var currentPageComponent;
  const pages = [<SlccSplash />, <SlccGoals />, <SlccCourseView />];
  const [currentPage, setCurrentPage] = useState(0);
  if (currentPage === 0) {
    currentPageComponent = pages[0];
  } else if (currentPage === 1) {
    currentPageComponent = pages[1];
  } else if (currentPage === 2) {
    currentPageComponent = pages[2];
  }
  return (
    <>
      <div className="center-column">
        <SlccNav currentPage={currentPage} setCurrentPage={setCurrentPage} />
      </div>
      {currentPageComponent}
    </>
  );
 }
@@ -1,240 +0,0 @@
 import React, { useState } from "react";
 import SlccCoursePage from "./components/SlccCoursePage.jsx";
 export default function SlccCourseView() {
  const courseData = [
    {
      name: "POLS 1100",
      header: "POLS 1100 - Intro. to US Government and Politics",
      sections: [
        {
          header: "Overview",
          text: "I thoroughly enjoyed the assignments in POLS 1100, as I have always struggled to relay my thoughts effectively to others, and writing my political thoughts in this course seems to be a natural outlet for my internal dialogue. This course, paired with ENGL 1010, has inspired me to pursue writing -not as a career, but for my own enjoyment as I have truly come to enjoy the writing I have done over the Summer 2021 semester when I took these courses.",
          pathToPdf: null,
        },
        {
          header: "Public Policy Project",
          text: "On this signature assignment, I wrote a research paper broken into four parts: defining the problems caused by unsafe storage of firearms, criteria to determine the efficacy of a policy, three possible policy solutions, and in-depth analysis on my chosen public policy solution, creating a tax credit for safe storage options. This project challenged me to think critically about the existing positions that I have regarding safe firearm storage, and to communicate those thoughts with data and clear speech. Part of why I chose this topic was because of my experience as the Political Director for March for our Lives Arizona, a youth-led gun violence prevention organization in which I advocated for the principles and policy agenda I write about. I enjoyed this assignment fully, and it acted as part of the push towards my own personal enjoyment of writing when paired with the Rhetorical Analysis Essay for ENGL 1010.",
          pathToPdf: "/slcc/Public Policy Project.pdf",
        },
        {
          header: "The First Amendment",
          text: "In this essay, I examined how and why our First Amendment is the most critical foundation to the United States. These three essays allowed me to confront some big issues in our formal and informal political systems, that are unfortunately rarely mentioned in our political discourse. The thinking that I've had on these issues has largely remained the same but pushed towards writing to more clearly convey my thoughts and opinions. These essays in particular played an enormous role in kickstarting my long-dead love of writing and changed my perspective to approach life looking to learn.",
          pathToPdf: "/slcc/Unit 1 Analytical Essay.pdf",
        },
        {
          header: "The Danger of Hyper-Partisanship",
          text: "Here, I investigated the Founder's Vision for the United States Congress -and how today we fail to meet that standard. These three essays allowed me to confront some big issues in our formal and informal political systems, that are unfortunately rarely mentioned in our political discourse. The thinking that I've had on these issues has largely remained the same but pushed towards writing to more clearly convey my thoughts and opinions. These essays in particular played an enormous role in kickstarting my long-dead love of writing and changed my perspective to approach life looking to learn.",
          pathToPdf: "/slcc/Unit 2 Analytical Essay.pdf",
        },
        {
          header: "Big Tech's Bubble Effect on Politics",
          text: "In this paper, I scrutinized the role Big Tech has in our politics, particularly how the content we consume is designed to reinforce our existing beliefs. These three essays allowed me to confront some big issues in our formal and informal political systems, that are unfortunately rarely mentioned in our political discourse. The thinking that I've had on these issues has largely remained the same but pushed towards writing to more clearly convey my thoughts and opinions. These essays in particular played an enormous role in kickstarting my long-dead love of writing and changed my perspective to approach life looking to learn.",
          pathToPdf: "/slcc/Unit 3 Analytical Essay.pdf",
        },
      ],
    },
    {
      name: "COMM 2110",
      header: "COMM 2110 - Interpersonal Communications",
      sections: [
        {
          header: "",
          text: "",
          pathToPdf: "",
        },
      ],
    },
    {
      name: "ENGL 1010",
      header: "ENGL 1010 - Introduction to Writing",
      sections: [
        {
          header: "Rhetorical Analysis",
          text: "This signature assignment had a focus on examining the rhetorical devices authors use, and how they use those devices, to determine the effectiveness of their voice and argument.",
          pathToPdf: "/slcc/Rhetorical Analysis.pdf",
        },
        {
          header: "Portrait of My Writing Life",
          text: "This assignment acts as a reflection of my writing over the Summer 2021 semester, where I've begun, and where I am now. I wrote about the two considerations that were talked about every day in class: audience and purpose, and practice.",
          pathToPdf: "/slcc/Portrait of My Writing Life.pdf",
        },
        {
          header: "Sensory Paper",
          text: "This introductory essay had the task of writing a description of 5 senses in as much detail as possible. This essay in particular was a challenge for me, as I am unfamiliar and unpracticed with writing with sensory details.",
          pathToPdf: "/slcc/Sensory Paper.pdf",
        },
      ],
    },
    {
      name: "ENGL 2010",
      header: "ENGL 2010 - Intermediate Writing",
      sections: [
        {
          header: "Non-Profit Evaluation",
          text: "In this designed paper, I evaluated the American Civil Liberties Union (ACLU) based on the following criteria: the number of lawsuits won, the number of landmark lawsuits, and how non-partisan the ACLU has been. This was written as if I was the Executive Director or Political Director for the ACLU, and I used the ACLU's design book to make this appear as if it was an official ACLU document as well.",
          pathToPdf: "/slcc/ENGL 2010 Evaluation.pdf",
        },
        {
          header: "Non-Profit Report",
          text: "This report was designed with the same principles in mind as the above evaluation. This report detailed the current issues the ACLU is involved with regarding court-packing and explored some of the primary reasons the ACLU should push for court reform.",
          pathToPdf: "/slcc/ENGL 2010 Report.pdf",
        },
        {
          header: "Non-Profit Proposal",
          text: "With this conclusion of the non-profit assignments, I proposed three measures the ACLU could potentially take to advocate and lobby for court reform. I then elaborated and expanded upon one, a Nomination Commission, that would still remain within the bounds of our Constitution.",
          pathToPdf: "/slcc/ENGL 2010 Proposal.pdf",
        },
      ],
    },
    {
      name: "THEA 1033",
      header: "THEA 1033 - Acting I",
      sections: [
        {
          header: "",
          text: "",
          pathToPdf: "",
        },
      ],
    },
    {
      name: "PHIL 1000",
      header: "PHIL 1000 - Introduction to Philosophy",
      sections: [
        {
          header: "Signature Assignment",
          text: "Introduction to Philosophy was an incredible course to take. Beyond the excitement of learning about Ancient Greek sophists, I was pleasantly surprised by the intensity of the course content. The more we dove into various philosophies, the more I began to examine my own philosophies more closely. When I form views and beliefs, I tend to be somewhat unwavering in them, but this course pushed me to examine the beliefs I hold more critically. That isn't to indicate any kind of belief changing, rather deconstructing the belief into the same foundations of Ontology and Epistemology that we learned about for dozens of philosophers.",
          pathToPdf: "/slcc/Individual Creative Paper.pdf",
        },
      ],
    },
    {
      name: "HIST 1310",
      header: "HIST 1310 - Modern Latin America",
      sections: [
        {
          header: "",
          text: "",
          pathToPdf: "",
        },
      ],
    },
    {
      name: "NUTR 1020",
      header: "NUTR 1020 - Human Nutrition",
      sections: [
        {
          header: "",
          text: "",
          pathToPdf: "",
        },
      ],
    },
    {
      name: "HLAC 1000",
      header: "HLAC 1000 - Cardio Fitness",
      sections: [
        {
          header: "",
          text: "",
          pathToPdf: "",
        },
      ],
    },
    {
      name: "PHYS",
      header: "PHYS",
      sections: [
        {
          header: "",
          text: "",
          pathToPdf: "",
        },
      ],
    },
    {
      name: "MATH 1050",
      header: "MATH 1050 - College Algebra",
      sections: [
        {
          header: "Signature Assignment",
          text: "",
          pathToPdf: "/slcc/Credit Card Lab.pdf",
        },
      ],
    },
    {
      name: "MATH 1210",
      header: "MATH 1210 - Calculus I",
      sections: [
        {
          header: "Related Rates",
          text: "Solving related rates problems involves a systematic approach: first, identifying the variables that are changing and how they are related, then setting up equations that describe these relationships. After that, differentiation with respect to time is used to relate the rates of change. A common challenge I encountered was ensuring that all terms in the equation were differentiated correctly. When I stumbled on a particularly tricky problem, I revisited the relationships and diagrams, which helped clarify the dependencies between the variables. Completing this assignment deepened my understanding of how different rates of change interact, enhancing my problem-solving skills. I’m curious to explore the application of related rates within graph data structures, but similarly they seem very applicable to networking in computer science. If we have two rates, the number of active users and the amount of data being sent and received, those two rates could be used to identify the rate with which an increase in users increases data. Given that related rate, this would serve as a useful metric in optimizing server-side code, as the goal would be to lower that rate. Having this knowledge would allow me to write it into a test function, so every time I make a change to my code it calculates the related rate of data per user.",
          pathToPdf: "/slcc/Related Rates.pdf",
        },
        {
          header: "The Optimization Problem",
          text: "In tackling optimization problems, I’ve learned that a systematic approach is essential. Drawing diagrams and identifying variables helps clarify the relationships between different elements of the problem. In this assignment, I utilized key formulas related to perimeter and area, specifically for a Norman window. However, I encountered challenges in deriving the equations and ensuring accuracy in my calculations. When my initial attempts at finding the maximum area didn’t yield plausible results, I revisited my derivatives, which allowed me to pinpoint errors in my algebra. This iterative process taught me the value of double-checking each step. One key insight I gained was the importance of translating real-world scenarios into mathematical terms, which enhances problem-solving skills. A contrasting real-world optimization problem in computer science is the Traveling Salesman Problem (TSP), where the goal is to determine the shortest route that visits a set of cities exactly once and returns to the origin. This problem is crucial in logistics and transportation, as optimizing delivery routes can significantly reduce costs and improve efficiency. Understanding TSP emphasizes how optimization techniques are vital not only in theoretical contexts but also in practical applications that affect everyday business operations.",
          pathToPdf: "/slcc/Optimization Problem.pdf",
        },
        {
          header: "Course Reflection",
          text: "",
          pathToPdf: "/slcc/Math - Course Reflection.pdf",
        },
      ],
    },
    {
      name: "SOC 1010",
      header: "SOC 1010 - Introduction to Sociology",
      sections: [
        {
          header: "",
          text: "",
          pathToPdf: "",
        },
      ],
    },
    {
      name: "CJ 1010",
      header: "CJ 1010 - Intro. to Criminal Justice.",
      sections: [
        {
          header: "",
          text: "",
          pathToPdf: "",
        },
      ],
    },
  ];
  const [selectedCourse, setSelectedCourse] = useState(0);
  const handleCourseSelect = (index) => {
    setSelectedCourse(index);
  };
  return (
    <>
      <div id="course-view-container">
        <div id="course-view-selector">
          <div className="course-nav">
            {courseData.map((course, index) => (
              <div
                key={index}
                className={`course-nav-selector ${selectedCourse === index ? "course-nav-selector-active" : ""}`}
                onClick={() => handleCourseSelect(index)}
              >
                {course.name}
              </div>
            ))}
          </div>
        </div>
        <div id="course-view">
          {<SlccCoursePage course={courseData[selectedCourse]} />}
        </div>
      </div>
    </>
  );
 }
@@ -1,32 +0,0 @@
 import React, { useRef, useEffect } from "react";
 import { Swiper, SwiperSlide } from "swiper/react";
 import { Navigation } from "swiper/modules";
 import SlccCourseSection from "./SlccCourseSection";
 // Import Swiper styles
 import "swiper/css";
 import "swiper/css/navigation";
 export default function SlccCoursePage({ course }) {
  return (
    <>
      <h2 className="course-header">{course.header}</h2>
      <Swiper
        navigation={true}
        modules={[Navigation]}
        className="course-page-slider"
      >
        {course.sections.map((section, index) => (
          <SwiperSlide>
            <SlccCourseSection
              key={index}
              header={section.header}
              text={section.text}
              pathToPdf={section.pathToPdf}
            />
          </SwiperSlide>
        ))}
      </Swiper>
    </>
  );
 }
@@ -1,16 +0,0 @@
 import React from "react";
 import PdfViewer from "./PdfViewer";
 export default function SlccCourseSection({ header, text, pathToPdf }) {
  return (
    <>
      <div className="course-section">
        <div className="course-section-text">
          <h3>{header}</h3>
          <p>{text}</p>
        </div>
        {pathToPdf !== null && <PdfViewer file={pathToPdf} />}{" "}
      </div>
    </>
  );
 }
@@ -1,13 +0,0 @@
 import React from "react";
 export default function SlccGEGoal({ goal, text, link }) {
  return (
    <>
      <div className="slcc-ge-goal">
        <p>
          <strong>{goal}</strong> {text}
        </p>
      </div>
    </>
  );
 }
@@ -1,100 +0,0 @@
 import React from "react";
 import SlccGEGoal from "./SlccGEGoal";
 export default function SlccGoals() {
  const geGoals = [
    {
      goal: "Students acquire substantive knowledge.",
      text: "This includes substantive knowledge throughout the General Education requirements for their program.",
      link: "TODO",
    },
    {
      goal: "Students communicate effectively.",
      text: "This includes developing critical literacies—reading, writing, speaking, listening, visual understanding—that they can apply in various contexts; organizing and presenting ideas and information orally, visually, and in writing according to standard usage; and understanding and using the elements of effective communication in interpersonal, small group, and mass settings.",
      link: "TODO",
    },
    {
      goal: "Students develop quantitative literacies necessary for their chosen field of study.",
      text: "This includes interpreting, calculating, and communicating with quantitative evidence; and collecting, interpreting, analyzing, and visualizing data.",
      link: "TODO",
    },
    {
      goal: "Students think critically.",
      text: "This includes reasoning effectively from available evidence; taking imaginative and complex positions in their work; engaging in reflective thinking and expression; demonstrating higher-order skills such as analysis, synthesis, and evaluation; problem solving; and applying interdisciplinary and scientific methods to the inquiry process.",
      link: "TODO",
    },
    {
      goal: "Students express themselves creatively.",
      text: "This includes engaging in the creative process to produce unique artwork, designs, or performances; analyzing, interpreting, and critiquing creative works; and producing a unique and professional General Education ePortfolio.",
      link: "",
    },
    {
      goal: "Students develop civic literacy and the capacity to be community-engaged learners who act in mutually beneficial ways with community partners.",
      text: "This includes producing learning artifacts indicating understanding of the political, historical, economic or sociological aspects of social change and continuity; thinking critically about—and weighing the evidence surrounding—issues important to local, national, or global communities; and participating in a broad range of community-engagement and/or service-learning courses for community building and an enhanced academic experience.",
      link: "",
    },
    {
      goal: "Students develop the knowledge and skills to work with others in a professional and constructive manner.",
      text: "This includes engaging with a diverse set of others to produce professional work, contributing to team meetings and performances, making individual contributions outside of team meetings and performances, fostering a constructive team climate, and creating fair and equitable roles based on team members’ diverse backgrounds and skills.",
      link: "",
    },
    {
      goal: "Students develop information literacy.",
      text: "This includes the demonstrated ability to find, synthesize, assess, create, engage with, and cite information in a professional and ethical manner; to conceive that the research process is reflective and iterative; and to understand how information is produced and valued. These abilities and dispositions are rooted in the Framework for Information Literacy developed and adopted by the Association of College & Research Libraries (ACRL).",
      link: "",
    },
    {
      goal: "Students develop computer literacy.",
      text: "This includes demonstrating the ability to create, name, organize, save and retrieve data and/or information in an electronic file management system; using online and electronic resources to communicate, collaborate, and retrieve information; using a variety of technology to support personal, academic, and professional life-long learning and productivity; determining when technology is useful and selecting the appropriate tool(s) and technology resources to address a variety of tasks and problems; and advocating and applying security principles and ethical behaviors when using technology and identify the consequences of misuse.",
      link: "",
    },
  ];
  return (
    <>
      <div id="slcc-goals-section">
        <h1>Goals & Outcomes</h1>
        <div id="slcc-goals">
          <table>
            <thead>
              <tr>
                <th>Short-term Goals</th>
                <th>Long-term Goals</th>
              </tr>
            </thead>
            <tr>
              <th>
                Proficiency of Java, from core syntax and object-oriented
                programming to data structures.
              </th>
              <th>Develop grit and follow-through.</th>
            </tr>
            <tr>
              <th>Develop a personal portfolio.</th>
              <th>
                Focus on web development by mastering a full technology stack.
              </th>
            </tr>
            <tr>
              <th>Contribute to an open-source project.</th>
              <th>
                Become a freelance developer and build a successful independent
                career.
              </th>
            </tr>
          </table>
        </div>
        <div id="slcc-ge-goals-section">
          <h2>SLCC's General Education Learning Outcomes</h2>
          {geGoals.map((goal, index) => (
            <SlccGEGoal
              key={index}
              goal={goal.goal}
              text={goal.text}
              link={goal.link}
            />
          ))}
        </div>
      </div>
    </>
  );
 }
@@ -1,56 +0,0 @@
 import React, { useState } from "react";
 export default function SlccNav({ currentPage, setCurrentPage }) {
  const [isActive, setIsActive] = useState(currentPage);
  function navigateWelcome() {
    if (isActive === 0 && currentPage === 0) return;
    setIsActive(0);
    setCurrentPage(0);
  }
  function navigateGoals() {
    if (isActive === 1 && currentPage === 1) return;
    setIsActive(1);
    setCurrentPage(1);
  }
  function navigateCourseView() {
    if (isActive === 2 && currentPage === 2) return;
    setIsActive(2);
    setCurrentPage(2);
  }
  return (
    <>
      <div className="nav">
        <ul className="nav-list">
          <li
            className={`center-column nav-item ${isActive === 0 ? "nav-item-active" : ""}`}
            onClick={() => navigateWelcome()}
          >
            Welcome
          </li>
          <li
            className={`center-column nav-item ${isActive === 1 ? "nav-item-active" : ""}`}
            onClick={() => navigateGoals()}
          >
            Goals & Outcomes
          </li>
          <li
            className={`center-column nav-item ${isActive === 2 ? "nav-item-active" : ""}`}
            onClick={() => navigateCourseView()}
          >
            Coursework
          </li>
          <li
            className="center-column nav-sublist nav-item"
            onClick={() => viewOutside()}
          >
            Outside Learning
          </li>
        </ul>
      </div>
    </>
  );
 }
@@ -1,38 +0,0 @@
 import React from "react";
 export default function SlccSplash() {
  return (
    <>
      <div id="slcc-splash">
        <div className="header">
          <div className="header-image">
            <img id="profile" src="/images/profile.jpg" />
          </div>
          <div className="header-text">
            <div className="center-column">
              <h1>Hi, I'm Josh Ashton.</h1>
              <h3>
                A Computer Science student at Salt Lake Community College.
              </h3>
            </div>
          </div>
        </div>
        <div className="center-row">
          <div className="text-section center-column">
            <h3>About Me</h3>
            <p className="center-column">
              A mentor once told me that a Political Science degree is useless
              if I want to pursue public policy work. They were absolutely
              right. I'm pursuing a degree in Computer Science. The government
              needs to be more proactive in regulating new developing
              technologies, and I'm hopeful that one day I'll be able to bridge
              that gap. Aside from computers, coding, and politics, some of my
              other interests are Dungeons & Dragons, video games, backpacking,
              and Doctor Who.
            </p>
          </div>
        </div>
      </div>
    </>
  );
 }
@@ -4,7 +4,6 @@ import { BrowserRouter as Router, Routes, Route } from "react-router";
 import App from "./App.jsx";
 import Resume from "./Resume.jsx";
 import PageNotFound from "./PageNotFound.jsx";
 import Slcc from "./Slcc.jsx";
 const container = document.getElementById("app");
 const root = createRoot(container); // createRoot(container!) if you use TypeScript
@@ -13,7 +12,6 @@ root.render(
    <Routes>
      <Route exact path="/" element={<App />} />
      <Route exact path="/resume" element={<Resume />} />
      <Route exact path="/slcc" element={<Slcc />} />
      <Route path="*" element={<PageNotFound />} />
    </Routes>
  </Router>,