pesto-students · github-classroom · Jul 19, 2022 · Jul 22, 2022 · Jul 22, 2022 · Jul 22, 2022
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,127 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+*.lcov
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# TypeScript v1 declaration files
+typings/
+
+# TypeScript cache
+*.tsbuildinfo
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Microbundle cache
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+.env.test
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+
+# Next.js build output
+.next
+
+# Nuxt.js build / generate output
+.nuxt
+dist
+
+# Gatsby files
+.cache/
+# Comment in the public line in if your project uses Gatsby and *not* Next.js
+# https://nextjs.org/blog/next-9-1#public-directory-support
+# public
+
+# vuepress build output
+.vuepress/dist
+
+# Serverless directories
+.serverless/
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
+
+# TernJS port file
+.tern-port
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,5 @@
+{
+  "cSpell.words": [
+    "Cattyboard"
+  ]
+}
diff --git a/Week-1/Assignment/index.html b/Week-1/Assignment/index.html
@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Assignment 1</title>
+  <link href="./style.css" rel="stylesheet">
+  <link rel="stylesheet"
+    href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css" />
+  <link rel="preconnect" href="https://fonts.googleapis.com" />
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+  <link href="https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700&display=swap" rel="stylesheet" />
+</head>
+
+<body>
+  <!-- Header side Section -->
+  <section class="sideNav">
+    <nav class="side-nav">
+      <ul>
+        <li><i class="las la-bars"></i></li>
+        <li><i class="las la-home"></i></li>
+        <li><i class="las la-search"></i></li>
+        <li><i class="las la-volume-up"></i></li>
+        <li><i class="las la-user"></i></li>
+        <li><i class="las la-cog"></i></li>
+        <li><i class="lab la-spotify"></i></li>
+        <li><i class="lab la-soundcloud"></i></li>
+      </ul>
+    </nav>
+  </section>
+  <section class="center">
+    <!-- image and description sections -->
+    <section class="description">
+      <div class="image-section">
+        <img src="https://vif1g.csb.app/src/assets/cattyboard.jpg" alt="Cattyboard Hot Chart 100!" srcset="">
+      </div>
+      <div class="description-section">
+        <h2>CattyBoard Top 100 Single Charts (11.06.36)</h2>
+        <p>UnKnown Artist</p>
+        <p>2016.Artists. 100 Songs</p>
+        <ul class="mini-controller">
+          <li><i class="las la-play"></i>Play All</li>
+          <li><i class="las la-plus"></i>Add to</li>
+          <li><i class="las la-ellipsis-h"></i>More</li>
+        </ul>
+      </div>
+    </section>
+    <!-- controller section -->
+    <section class="controller">
+      <table>
+        <tr>
+          <td>1. One Dance</td>
+          <td>Crake feat CatKid & Cyla</td>
+          <td>2:54</td>
+          <td><a href="#">CATTY CLOUD SYNC</a></td>
+        </tr>
+        <tr>
+          <td>2. Panda</td>
+          <td>Cattee</td>
+          <td>4:06</td>
+          <td><a href="#">CATTY CLOUD SYNC</a></td>
+        </tr>
+        <tr>
+          <td>3. Can't stop the feeling</td>
+          <td>Catin Cimberlake</td>
+          <td>3:56</td>
+          <td><a href="#">CATTY CLOUD SYNC</a></td>
+        </tr>
+        <tr>
+          <td>4. Work From Home</td>
+          <td>Cat Harmony from Colla</td>
+          <td>3:34</td>
+          <td><a href="#">CATTY CLOUD SYNC</a></td>
+        </tr>
+      </table>
+    </section>
+  </section>
+  <!-- Footer Section -->
+  <section class="footer">
+    <img src="https://vif1g.csb.app/src/assets/cattyboard.jpg" alt="Cattyboard Hot Chart 100!" />
+    <div class="left-info">
+      <p>If it Ain't Love</p>
+      <p>Catson Derulo</p>
+    </div>
+    <div class="player-icons">
+      <i class="las la-step-backward"></i>
+      <i class="las la-pause pause-icon"></i>
+      <i class="las la-step-forward"></i>
+      <i class="las la-undo-alt"></i>
+      <i class="las la-random"></i>
+    </div>
+  </section>
+</body>
+
+</html>