-
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Automated site generation KatsuteDev/site-dev@1527d1e
- Loading branch information
0 parents
commit 1e6400f
Showing
125 changed files
with
405 additions
and
0 deletions.
There are no files selected for viewing
Empty file.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1 @@ | ||
| <!DOCTYPE html><html> <head> <meta http-equiv="refresh" content="0;url=/"> <meta name="robots" content="noindex, nofollow, none, noarchive, nosnippet"> <style> html, body { padding: 0; margin : 0; width: 100vw; max-width: 100vw; height: 100vh; max-height: 100vh; display: flex; align-items: center; justify-content: center; } noscript { font-family: "Segoe UI Adjusted", "Segoe UI", "Open Sans", Helvetica, Arial, sans-serif, "Segoe UI Emoji"; } </style> <script> window.location.replace("/"); </script> </head> <body> <noscript>JavaScript is disabled, click to redirect: <a href="/">/</a></noscript> </body> </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1 @@ | ||
| uat.katsute.dev |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1 @@ | ||
| <!DOCTYPE html><html lang="en" class="flex min-h-full bg-slate-800"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Academic coursework on programming, analytics, data visualization, databases, and the web."> <title>katsute.dev - Courses</title> <link rel="canonical" href="https://katsute.dev/courses"> <meta property="og:locale" content="en_US"> <meta property="og:type" content="website"> <meta name="og:title" content="Courses"> <meta name="og:description" content="Academic coursework on programming, analytics, data visualization, databases, and the web."> <meta name="og:site_name" content="Katsute"> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebSite", "url": "https://katsute.dev", "logo": "https://katsute.dev/favicon.png", "name": "Courses", "description": "Academic coursework on programming, analytics, data visualization, databases, and the web." } </script> <link rel="icon" type="image/svg+xml" href="/favicon.ico"> <link rel="alternate icon" type="image/png" href="/favicon.png"> <link rel="stylesheet" href="/dependencies/node/fontawesome/css/all.min.css"> <script defer src="/dependencies/node/fontawesome/js/all.min.js"></script> <link rel="stylesheet" href="/dependencies/node/highlight.js/css/github-dark.css"> <link rel="stylesheet" href="/dependencies/katsute/css/style.css"> </head> <body class="flex flex-col min-h-full w-full overflow-auto"> <div class="container mx-auto max-w-screen-xl flex flex-col md:flex-row h-full"> <div class="relative bg-slate-900 md:before:absolute md:before:bg-slate-900 md:before:w-screen md:before:h-full md:before:left-[-99vw] md:before:-z-10 [&>*]:p-4"> <nav class="min-w-[250px] sticky top-0 space-y-2"> <div class="flex justify-center"> <a class="p-1.5 rounded-md hover:bg-slate-800 ease-in-out duration-300" href="/"> <img src="/favicon.png" alt="logo" class="w-[70px] md:w-[150px] aspect-square rounded-md select-none"> </a> </div> <div> <a href="/"> <h1 class="text-white text-center text-2xl md:text-lg font-semibold">Keith Chiu</h1> </a> </div> <ul class="space-y-2 text-slate-300"> <li> <a href="/"> <div class="p-2 hover:bg-slate-800 ease-in-out duration-300 rounded-md "> <p> <i class="fa-solid fa-house fa-fw mr-1"></i> Home </p> </div> </a> </li> <li> <a href="/products"> <div class="p-2 hover:bg-slate-800 ease-in-out duration-300 rounded-md "> <p> <i class="fa-solid fa-code fa-fw mr-1"></i> Products </p> </div> </a> </li> <li> <a href="/projects"> <div class="p-2 hover:bg-slate-800 ease-in-out duration-300 rounded-md "> <p> <i class="fa-solid fa-box-archive fa-fw mr-1"></i> Projects </p> </div> </a> </li> <li> <a href="/courses"> <div class="p-2 bg-slate-800 ease-in-out duration-300 rounded-md before:absolute before:bg-slate-800 before:w-20"> <p> <i class="fa-solid fa-graduation-cap fa-fw mr-1"></i> Courses </p> </div> </a> </li> </ul> </nav> </div> <div class="flex flex-col grow [&>*]:px-4 py-4 space-y-4"> <div class="flex justify-end"> <ul class="text-white"> <li class="inline-block ml-2"> <a href="https://github.com/Katsute" rel="noopener noreferrer"> <div class="p-2 rounded-md hover:bg-slate-900 ease-in-out duration-300"> <i class="fa-brands fa-github fa-fw fa-lg"></i> </div> </a> </li> <li class="inline-block ml-2"> <a href="https://www.linkedin.com/in/keith-chiu" rel="noopener noreferrer"> <div class="p-2 rounded-md hover:bg-slate-900 ease-in-out duration-300"> <i class="fa-brands fa-linkedin fa-fw fa-lg"></i> </div> </a> </li> </ul> </div> <main class="grow"> <div class="flex flex-row space-x-4"> <div class="flex flex-col w-full space-y-4"> <section> <a href="https://github.com/Katsute?tab=repositories&q=baruch+OR+bayside&type=&language=&sort=name" rel="noopener noreferrer"> <div class="rounded-md p-2 hover:bg-slate-900 ease-in-out duration-300 [text-shadow:0_0_0.5rem_black] [&_svg]:[filter:drop-shadow(0_0_0.5rem_black)]"> <div class="rounded-md text-white flex flex-col p-4 md:p-8 space-y-6 w-full from-yellow-200 to-amber-200 bg-gradient-to-br"> <div> <h1 class="text-2xl font-semibold">Courses</h1> <p class="text-lg">Academic coursework on programming, analytics, data visualization, databases, and the web.</p> </div> <ul class="columns md:columns-2 font-semibold space-y-2"> <li> <i class="fa-solid fa-circle-chevron-right fa-fw"></i> Programming </li> <li> <i class="fa-solid fa-circle-chevron-right fa-fw"></i> Analytics </li> <li> <i class="fa-solid fa-circle-chevron-right fa-fw"></i> Data Visualization </li> <li> <i class="fa-solid fa-circle-chevron-right fa-fw"></i> Databases </li> <li> <i class="fa-solid fa-circle-chevron-right fa-fw"></i> Websites </li> </ul> <div class="flex justify-end"> <div class="rounded-md font-medium bg-[#181717]"> <div class="px-4 py-2 flex items-center"> <span class="flex justify-center items-center w-6 h-6 py-1"> <i class="fa-brands fa-github fa-lg"></i> </span> <p class="ml-2">View on GitHub</p> </div> </div> </div> </div> </div> </a> </section> <section id="Bayside High School"> <h1 class="text-white font-bold mx-4 py-1 mb-4 border-b border-slate-300">Bayside High School</h1> <ul class="space-y-2"> <li class="text-white"> <a href="https://github.com/Katsute/Bayside-High-School" > <div class="flex p-4 rounded-md hover:bg-slate-900 ease-in-out duration-300"> <div class="flex flex-col grow space-y-2"> <div class="flex flex-row items-center space-x-1"> <p class="font-semibold">Computer Programming and Web Design</p> </div> <div> <p class="text-slate-300">The Computer Programming & Web Design program involves using web-based technologies HTML, CSS, JavaScript, Bootstrap, REST APIs; and object-oriented-programming with Python and Java.</p> </div> <div class="flex flex-row items-center space-x-2"> <span class="shrink-0 w-3 h-3 rounded-full bg-[#e34c26]"></span> <p class="text-sm text-slate-300"> HTML • September 2016 - June 2019 </p> </div> </div> <div class="flex items-center p-4"> <i class="fa-solid fa-chevron-right fa-fw fa-1x"></i> </div> </div> </a> </li> </ul> </section> <section id="Baruch College"> <h1 class="text-white font-bold mx-4 py-1 mb-4 border-b border-slate-300">Baruch College</h1> <ul class="space-y-2"> <li class="text-white"> <a href="https://github.com/Katsute/Baruch-CIS-2300" > <div class="flex p-4 rounded-md hover:bg-slate-900 ease-in-out duration-300"> <div class="flex flex-col grow space-y-2"> <div class="flex flex-row items-center space-x-1"> <p class="font-semibold">Programming and Computational Thinking</p> </div> <div> <p class="text-slate-300">Introduction to programming constructs such as abstraction, decomposition, control statements, and data structures using Python.</p> </div> <div class="flex flex-row items-center space-x-2"> <span class="shrink-0 w-3 h-3 rounded-full bg-[#3572A5]"></span> <p class="text-sm text-slate-300"> Python • Fall 2020 </p> </div> </div> <div class="flex items-center p-4"> <i class="fa-solid fa-chevron-right fa-fw fa-1x"></i> </div> </div> </a> </li> <li class="text-white"> <a href="https://github.com/Katsute/Baruch-CIS-3120" > <div class="flex p-4 rounded-md hover:bg-slate-900 ease-in-out duration-300"> <div class="flex flex-col grow space-y-2"> <div class="flex flex-row items-center space-x-1"> <p class="font-semibold">Programming for Analytics</p> </div> <div> <p class="text-slate-300">Programming for data analytics using BeautifulSoup for web-scraping, REST APIs for data collection; and pandas, numpy, and matpotlib for data analysis.</p> </div> <div class="flex flex-row items-center space-x-2"> <span class="shrink-0 w-3 h-3 rounded-full bg-[#3572A5]"></span> <p class="text-sm text-slate-300"> Python • Spring 2021 </p> </div> </div> <div class="flex items-center p-4"> <i class="fa-solid fa-chevron-right fa-fw fa-1x"></i> </div> </div> </a> </li> <li class="text-white"> <a href="https://github.com/Katsute/Baruch-CIS-3100" > <div class="flex p-4 rounded-md hover:bg-slate-900 ease-in-out duration-300"> <div class="flex flex-col grow space-y-2"> <div class="flex flex-row items-center space-x-1"> <p class="font-semibold">Object-Oriented Programming I</p> </div> <div> <p class="text-slate-300">Introduction to object-oriented concepts including encapsulation, inheritance, abstraction, and polymorphism using C++.</p> </div> <div class="flex flex-row items-center space-x-2"> <span class="shrink-0 w-3 h-3 rounded-full bg-[#f34b7d]"></span> <p class="text-sm text-slate-300"> C++ • Spring 2021 </p> </div> </div> <div class="flex items-center p-4"> <i class="fa-solid fa-chevron-right fa-fw fa-1x"></i> </div> </div> </a> </li> <li class="text-white"> <a href="https://github.com/Katsute/Baruch-CIS-4170" > <div class="flex p-4 rounded-md hover:bg-slate-900 ease-in-out duration-300"> <div class="flex flex-col grow space-y-2"> <div class="flex flex-row items-center space-x-1"> <p class="font-semibold">Data Visualization</p> </div> <div> <p class="text-slate-300">Programming for data analytics and data visualization using pandas, numpy, matplotlib, networkx, and seaborn. Introduction to Tableau for data visualization.</p> </div> <div class="flex flex-row items-center space-x-2"> <span class="shrink-0 w-3 h-3 rounded-full bg-[#3572A5]"></span> <p class="text-sm text-slate-300"> Python • Spring 2021 </p> </div> </div> <div class="flex items-center p-4"> <i class="fa-solid fa-chevron-right fa-fw fa-1x"></i> </div> </div> </a> </li> <li class="text-white"> <a href="https://github.com/Katsute/Baruch-CIS-3400" > <div class="flex p-4 rounded-md hover:bg-slate-900 ease-in-out duration-300"> <div class="flex flex-col grow space-y-2"> <div class="flex flex-row items-center space-x-1"> <p class="font-semibold">Database Management Systems</p> </div> <div> <p class="text-slate-300">Introduction to database management systems (DBMS) using structured query language (SQL) along with Microsoft Access. Concepts include data integrity, security, privacy, transaction processing, and ethical data collection.</p> </div> <div class="flex flex-row items-center space-x-2"> <span class="shrink-0 w-3 h-3 rounded-full bg-[#e38c00]"></span> <p class="text-sm text-slate-300"> SQL • Fall 2021 </p> </div> </div> <div class="flex items-center p-4"> <i class="fa-solid fa-chevron-right fa-fw fa-1x"></i> </div> </div> </a> </li> <li class="text-white"> <a href="https://github.com/Katsute/Baruch-CIS-4100" > <div class="flex p-4 rounded-md hover:bg-slate-900 ease-in-out duration-300"> <div class="flex flex-col grow space-y-2"> <div class="flex flex-row items-center space-x-1"> <p class="font-semibold">Object-Oriented Programming II</p> </div> <div> <p class="text-slate-300">Advanced object-oriented programming techniques and concepts including abstraction, inheritance, polymorphism, pointers, lists, and file IO using C++.</p> </div> <div class="flex flex-row items-center space-x-2"> <span class="shrink-0 w-3 h-3 rounded-full bg-[#f34b7d]"></span> <p class="text-sm text-slate-300"> C++ • Spring 2022 </p> </div> </div> <div class="flex items-center p-4"> <i class="fa-solid fa-chevron-right fa-fw fa-1x"></i> </div> </div> </a> </li> <li class="text-white"> <a href="https://github.com/Katsute/Baruch-CIS-5800" > <div class="flex p-4 rounded-md hover:bg-slate-900 ease-in-out duration-300"> <div class="flex flex-col grow space-y-2"> <div class="flex flex-row items-center space-x-1"> <p class="font-semibold">Information Technology Development and Project Management</p> </div> <div> <p class="text-slate-300">Management and development of an IT project through SDLC.</p> </div> <div class="flex flex-row items-center space-x-2"> <span class="shrink-0 w-3 h-3 rounded-full bg-[#b07219]"></span> <p class="text-sm text-slate-300"> Java • Fall 2022 </p> </div> </div> <div class="flex items-center p-4"> <i class="fa-solid fa-chevron-right fa-fw fa-1x"></i> </div> </div> </a> </li> <li class="text-white"> <a href="https://github.com/Katsute/Baruch-CIS-3630" > <div class="flex p-4 rounded-md hover:bg-slate-900 ease-in-out duration-300"> <div class="flex flex-col grow space-y-2"> <div class="flex flex-row items-center space-x-1"> <p class="font-semibold">Principles of Web Design</p> </div> <div> <p class="text-slate-300">Web development fundamentals, including web design, navigation, and multimedia presentation.</p> </div> <div class="flex flex-row items-center space-x-2"> <span class="shrink-0 w-3 h-3 rounded-full bg-[#e34c26]"></span> <p class="text-sm text-slate-300"> HTML • Spring 2023 </p> </div> </div> <div class="flex items-center p-4"> <i class="fa-solid fa-chevron-right fa-fw fa-1x"></i> </div> </div> </a> </li> <li class="text-white"> <a href="https://github.com/Katsute/Baruch-CIS-4400" > <div class="flex p-4 rounded-md hover:bg-slate-900 ease-in-out duration-300"> <div class="flex flex-col grow space-y-2"> <div class="flex flex-row items-center space-x-1"> <p class="font-semibold">Data Warehousing for Analytics</p> </div> <div> <p class="text-slate-300">Advanced design and implementation of database warehousing and database analytics.</p> </div> <div class="flex flex-row items-center space-x-2"> <span class="shrink-0 w-3 h-3 rounded-full bg-[#e38c00]"></span> <p class="text-sm text-slate-300"> SQL • Spring 2023 </p> </div> </div> <div class="flex items-center p-4"> <i class="fa-solid fa-chevron-right fa-fw fa-1x"></i> </div> </div> </a> </li> </ul> </section> </div> <div class="shrink-0 w-[250px] hidden lg:block mt-2"> <div class="sticky top-4 space-y-4"> <div class="rounded-md font-medium bg-[#181717]/[.25] text-white border border-transparent hover:border-white ease-in-out duration-300"> <a href="https://github.com/Katsute" rel="noopener noreferrer"> <div class="px-4 py-2 flex items-center"> <span class="flex justify-center items-center w-6 h-6 py-1 text-white"> <i class="fa-brands fa-github fa-lg"></i> </span> <p class="ml-2">View on GitHub</p> </div> </a> </div> </div> </div> </div></main> <footer class="flex flex-end"> <p class="text-sm text-slate-500">Copyright © 2024 Keith Chiu</p> </footer> </div> </div> <script> </script> </body> </html> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Large diffs are not rendered by default.
Oops, something went wrong.
Oops, something went wrong.