From 3cb5e1299a2ba67c79b13f127054c41eefb2d7fa Mon Sep 17 00:00:00 2001 From: Daniel <59575049+lemoentjiez@users.noreply.github.com> Date: Thu, 2 Feb 2023 10:53:06 +0200 Subject: [PATCH] Delete starter directory --- starter/.gitignore | 2 - starter/app.js | 1 - starter/package.json | 20 -- starter/public/browser-app.js | 87 ------- starter/public/edit-task.js | 67 ----- starter/public/favicon.ico | Bin 15406 -> 0 bytes starter/public/index.html | 47 ---- starter/public/main.css | 446 ---------------------------------- starter/public/normalize.css | 351 -------------------------- starter/public/task.html | 47 ---- 10 files changed, 1068 deletions(-) delete mode 100644 starter/.gitignore delete mode 100644 starter/app.js delete mode 100644 starter/package.json delete mode 100644 starter/public/browser-app.js delete mode 100644 starter/public/edit-task.js delete mode 100644 starter/public/favicon.ico delete mode 100644 starter/public/index.html delete mode 100644 starter/public/main.css delete mode 100644 starter/public/normalize.css delete mode 100644 starter/public/task.html diff --git a/starter/.gitignore b/starter/.gitignore deleted file mode 100644 index 7af7f04..0000000 --- a/starter/.gitignore +++ /dev/null @@ -1,2 +0,0 @@ -/node_modules -.env \ No newline at end of file diff --git a/starter/app.js b/starter/app.js deleted file mode 100644 index ead4ded..0000000 --- a/starter/app.js +++ /dev/null @@ -1 +0,0 @@ -console.log('Task Manager App') diff --git a/starter/package.json b/starter/package.json deleted file mode 100644 index 12487e7..0000000 --- a/starter/package.json +++ /dev/null @@ -1,20 +0,0 @@ -{ - "name": "jobs", - "version": "1.0.0", - "description": "", - "main": "app.js", - "scripts": { - "start": "nodemon app.js" - }, - "keywords": [], - "author": "", - "license": "ISC", - "dependencies": { - "dotenv": "^8.2.0", - "express": "^4.17.1", - "mongoose": "^5.11.10" - }, - "devDependencies": { - "nodemon": "^2.0.7" - } -} diff --git a/starter/public/browser-app.js b/starter/public/browser-app.js deleted file mode 100644 index 21af4b9..0000000 --- a/starter/public/browser-app.js +++ /dev/null @@ -1,87 +0,0 @@ -const tasksDOM = document.querySelector('.tasks') -const loadingDOM = document.querySelector('.loading-text') -const formDOM = document.querySelector('.task-form') -const taskInputDOM = document.querySelector('.task-input') -const formAlertDOM = document.querySelector('.form-alert') -// Load tasks from /api/tasks -const showTasks = async () => { - loadingDOM.style.visibility = 'visible' - try { - const { - data: { tasks }, - } = await axios.get('/api/v1/tasks') - if (tasks.length < 1) { - tasksDOM.innerHTML = '
S#W?tWp=}`M@8(Y#+xet%~macX}(u z-ZPYW^A*T=W4JAe2aFDv#2lR#{wwC%81Bk0T@F{7{hF3`Q` ziYfc0XqZ0bSgKqT>CC^B >bVWIG}MLzTIDu8aJy-07w>!B$CK)X05R zWA`d=d9Dk8 O?BLtJ0Ll$wJ!2kxexKXfPYBkneJRS z{>aZdF!+mD7o_8?w(G{ - - - - - - - - - - - - - - Task Manager - - - -- - - - - - diff --git a/starter/public/main.css b/starter/public/main.css deleted file mode 100644 index 3f3f394..0000000 --- a/starter/public/main.css +++ /dev/null @@ -1,446 +0,0 @@ -@import url('https://fonts.googleapis.com/css?family=Montserrat:400|Inconsolata:400'); -*, -::after, -::before { - box-sizing: border-box; -} -:root { - /* COLORS */ - /* primary */ - --primary-0: #f0efff; - --primary-50: #d8d6ff; - --primary-100: #c1beff; - --primary-200: #aaa5ff; - --primary-300: #938dff; - --primary-400: #7b74ff; - /* main */ - --primary-500: #645cff; - --primary-600: #554ed9; - --primary-700: #4640b3; - --primary-800: #37338c; - --primary-900: #282566; - --primary-1000: #191740; - --primary-1100: #0a0919; - /* grey */ - --grey-0: #fafbfc; - --grey-50: #f2f4f8; - --grey-100: #eaedf3; - --grey-200: #e2e7ef; - --grey-300: #dbe0ea; - --grey-400: #d3dae6; - --grey-500: #cbd3e1; - --grey-600: #adb3bf; - --grey-700: #8e949e; - --grey-800: #70747c; - --grey-900: #51545a; - --grey-1000: #333538; - --grey-1100: #141516; - - /* rest */ - --black: #222; - --white: #fff; - --red-light: #f8d7da; - --red-dark: #842029; - --green-light: #d1e7dd; - --green-dark: #0f5132; - - /* typography */ - --headingFont: 'Inconsolata', monospace; - --bodyFont: 'Montserrat', sans-serif; - --smallText: 0.7em; - /* rest */ - --backgroundColor: var(--grey-50); - --textColor: var(--grey-1000); - --borderRadius: 0.25rem; - --letterSpacing: 1px; - --transition: 0.3s ease-in-out all; - --max-width: 1120px; - --fixed-width: 600px; - /* box shadows */ - --shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - --shadow-2: 0 4px 6px -1px rgba(0, 0, 0, 0.1), - 0 2px 4px -1px rgba(0, 0, 0, 0.06); - --shadow-3: 0 10px 15px -3px rgba(0, 0, 0, 0.1), - 0 4px 6px -2px rgba(0, 0, 0, 0.05); - --shadow-4: 0 20px 25px -5px rgba(0, 0, 0, 0.1), - 0 10px 10px -5px rgba(0, 0, 0, 0.04); -} - -html { - font-size: 112.5%; -} - -body { - background: var(--backgroundColor); - color: var(--textColor); - font-family: var(--bodyFont); - font-weight: 400; - line-height: 1.75; -} - -p { - margin-bottom: 1.5rem; - max-width: 40em; -} - -h1, -h2, -h3, -h4, -h5 { - margin: 0; - margin-bottom: 1.38rem; - font-family: var(--headingFont); - font-weight: 400; - line-height: 1.3; - text-transform: capitalize; - letter-spacing: var(--letterSpacing); -} - -h1 { - font-size: 3.052rem; -} - -h2 { - font-size: 2.441rem; -} - -h3 { - font-size: 1.953rem; -} - -h4 { - font-size: 1.563rem; -} - -h5 { - font-size: 1.25rem; -} - -small, -.text-small { - font-size: var(--smallText); -} - -ul { - padding: 0; - list-style-type: none; -} -a { - text-decoration: none; -} -/************* - Buttons -*************/ - -.btn { - cursor: pointer; - appearance: none; - color: var(--white); - background: var(--primary-500); - border: none; - border-radius: var(--borderRadius); - letter-spacing: var(--letterSpacing); - padding: 0.375rem 0.75rem; - box-shadow: var(--shadow-1); - transition: var(--transition); - text-transform: capitalize; -} - -.btn:hover { - color: var(--white); - background: var(--primary-700); - box-shadow: var(--shadow-2); -} -button.small { - padding: 0.25rem 0.5rem; - font-size: var(--smallText); -} -button.hipster { - color: var(--primary-500); - background: var(--primary-50); - box-shadow: var(--shadow-1); -} -button.hipster:hover { - background: var(--primary-100); - box-shadow: var(--shadow-2); -} -button.block { - width: 100%; -} - -/************* - FORM -*************/ -form { - width: 100%; - background: var(--white); - border-radius: var(--borderRadius); - box-shadow: var(--shadow-2); - padding: 2rem 2.5rem; -} -label { - display: block; - font-size: var(--smallText); - margin-bottom: 0.5rem; - text-transform: capitalize; -} - -input, -textarea { - width: 100%; - padding: 0.375rem 0.75rem; - border-radius: var(--borderRadius); - background: var(--grey-50); - border-color: transparent; - border: 1px solid var(--grey-300); -} -.form-row { - margin-bottom: 1rem; -} -textarea { - width: 100%; - height: 7rem; -} - -::placeholder { - color: var(--grey-600); -} -.form-alert { - color: var(--red-dark); - letter-spacing: var(--letterSpacing); - text-transform: capitalize; -} - -.task-form, -.single-task-form { - width: 90vw; - max-width: var(--fixed-width); - margin: 0 auto; - margin-top: 6rem; -} -.task-form h4 { - text-align: center; -} -.task-form .form-alert { - margin-top: 1rem; -} -.submit-btn { - width: 100%; - margin-top: 1rem; -} -@media screen and (min-width: 576px) { - .form-control { - display: flex; - } - .task-input { - border-radius: 0; - border-top-left-radius: var(--borderRadius); - border-bottom-left-radius: var(--borderRadius); - } - .submit-btn { - margin-top: 0; - width: 175px; - border-radius: 0; - border-top-right-radius: var(--borderRadius); - border-bottom-right-radius: var(--borderRadius); - } -} -form > :first-child { - margin-top: 0; -} -form > :last-child { - margin-bottom: 0; -} -/* Basic Classes */ -.alert { - padding: 0.375rem 0.75rem; - margin-bottom: 1rem; - border-color: transparent; - border-radius: var(--borderRadius); -} - -.alert-success { - color: var(--green-dark); - background-color: var(--green-light); -} -.alert-danger { - color: var(--red-dark); - background-color: var(--red-light); -} -.text-danger { - color: var(--red-dark); -} -.text-success { - color: var(--green-dark); -} -/* loading */ -@keyframes spinner { - to { - transform: rotate(360deg); - } -} - -.loading { - width: 6rem; - height: 6rem; - border-radius: 50%; - border: 3px solid #ccc; - border-top-color: var(--clr-primary-5); - animation: spinner 0.6s linear infinite; -} -.loading { - margin: 0 auto; -} -/* form loading */ - -.form-loading { - position: relative; -} -.form-loading::before { - background: var(--white); - position: absolute; - content: ''; - height: 100%; - width: 100%; - top: 0; - left: 0; - border-radius: var(--borderRadius); - opacity: 0.8; -} - -.form-loading::after { - content: ''; - position: absolute; - top: calc(50% - 3rem); - left: calc(50% - 3rem); - width: 6rem; - height: 6rem; - border-radius: 50%; - border: 3px solid #ccc; - border-top-color: var(--clr-primary-5); - animation: spinner 0.6s linear infinite; -} - -/************* - TASKS -*************/ -.empty-list { - text-align: center; -} -.tasks-container { - width: 100%; - width: 90vw; - max-width: var(--fixed-width); - margin: 0 auto; - margin-top: 2rem; - padding-bottom: 4rem; -} -.tasks { - display: grid; - gap: 1rem; -} -.single-task { - padding: 1rem 2.5rem; - background: var(--white); - border-radius: var(--borderRadius); - box-shadow: var(--shadow-2); - transition: var(--transition); - display: flex; - justify-content: space-between; - align-items: center; -} -.single-task:hover { - box-shadow: var(--shadow-4); -} -.single-task h5 { - margin-bottom: 0; -} -.single-task span { - display: inline-block; - width: 0.5rem; - height: 0.5rem; - margin-left: -1.25rem; - margin-right: 1.5rem; -} -.single-task .fa-check-circle { - font-size: 1rem; - color: var(--green-dark); - visibility: hidden; -} -.task-completed h5 { - text-decoration: line-through; -} -.task-completed .fa-check-circle { - visibility: visible; -} -.loading-text { - visibility: hidden; -} -/* Task Links */ -.task-links { - display: flex; - align-items: center; - gap: 0 0.5rem; -} -.delete-btn, -.edit-link { - background: transparent; - font-size: 0.75rem; - border: transparent; - cursor: pointer; -} -.edit-link { - color: var(--green-dark); -} -.delete-btn { - color: var(--red-dark); -} - -/************* - SINGLE TASK -*************/ - -.single-task-form h4 { - text-align: center; -} - -.single-task-form p { - margin-bottom: 0; - margin-top: 0; -} - -.single-task-form .form-control { - display: grid; - grid-template-columns: 150px 1fr; - align-items: center; - justify-items: start; - gap: 0 1rem; - margin-bottom: 0.75rem; -} - -.single-task-form label { - margin-bottom: 0; - font-size: 1rem; -} - -.task-edit-completed { - width: auto; -} -.back-link { - display: block; - width: 250px; - margin: 0 auto; - text-align: center; - margin-top: 6rem; - background: var(--black); -} -.back-link:hover { - background: var(--black); - opacity: 0.75; -} - -.single-task-form .form-alert { - text-align: center; - margin-top: 1rem; -} diff --git a/starter/public/normalize.css b/starter/public/normalize.css deleted file mode 100644 index 2768db4..0000000 --- a/starter/public/normalize.css +++ /dev/null @@ -1,351 +0,0 @@ -/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ - -/* Document - ========================================================================== */ - -/** - * 1. Correct the line height in all browsers. - * 2. Prevent adjustments of font size after orientation changes in iOS. - */ - -html { - line-height: 1.15; /* 1 */ - -webkit-text-size-adjust: 100%; /* 2 */ -} - -/* Sections - ========================================================================== */ - -/** - * Remove the margin in all browsers. - */ - -body { - margin: 0; -} - -/** - * Render the `main` element consistently in IE. - */ - -main { - display: block; -} - -/** - * Correct the font size and margin on `h1` elements within `section` and - * `article` contexts in Chrome, Firefox, and Safari. - */ - -h1 { - font-size: 2em; - margin: 0.67em 0; -} - -/* Grouping content - ========================================================================== */ - -/** - * 1. Add the correct box sizing in Firefox. - * 2. Show the overflow in Edge and IE. - */ - -hr { - box-sizing: content-box; /* 1 */ - height: 0; /* 1 */ - overflow: visible; /* 2 */ -} - -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ - -pre { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ -} - -/* Text-level semantics - ========================================================================== */ - -/** - * Remove the gray background on active links in IE 10. - */ - -a { - background-color: transparent; -} - -/** - * 1. Remove the bottom border in Chrome 57- - * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. - */ - -abbr[title] { - border-bottom: none; /* 1 */ - text-decoration: underline; /* 2 */ - text-decoration: underline dotted; /* 2 */ -} - -/** - * Add the correct font weight in Chrome, Edge, and Safari. - */ - -b, -strong { - font-weight: bolder; -} - -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ - -code, -kbd, -samp { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ -} - -/** - * Add the correct font size in all browsers. - */ - -small { - font-size: 80%; -} - -/** - * Prevent `sub` and `sup` elements from affecting the line height in - * all browsers. - */ - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} - -/* Embedded content - ========================================================================== */ - -/** - * Remove the border on images inside links in IE 10. - */ - -img { - border-style: none; -} - -/* Forms - ========================================================================== */ - -/** - * 1. Change the font styles in all browsers. - * 2. Remove the margin in Firefox and Safari. - */ - -button, -input, -optgroup, -select, -textarea { - font-family: inherit; /* 1 */ - font-size: 100%; /* 1 */ - line-height: 1.15; /* 1 */ - margin: 0; /* 2 */ -} - -/** - * Show the overflow in IE. - * 1. Show the overflow in Edge. - */ - -button, -input { - /* 1 */ - overflow: visible; -} - -/** - * Remove the inheritance of text transform in Edge, Firefox, and IE. - * 1. Remove the inheritance of text transform in Firefox. - */ - -button, -select { - /* 1 */ - text-transform: none; -} - -/** - * Correct the inability to style clickable types in iOS and Safari. - */ - -button, -[type='button'], -[type='reset'], -[type='submit'] { - -webkit-appearance: button; -} - -/** - * Remove the inner border and padding in Firefox. - */ - -button::-moz-focus-inner, -[type='button']::-moz-focus-inner, -[type='reset']::-moz-focus-inner, -[type='submit']::-moz-focus-inner { - border-style: none; - padding: 0; -} - -/** - * Restore the focus styles unset by the previous rule. - */ - -button:-moz-focusring, -[type='button']:-moz-focusring, -[type='reset']:-moz-focusring, -[type='submit']:-moz-focusring { - outline: 1px dotted ButtonText; -} - -/** - * Correct the padding in Firefox. - */ - -fieldset { - padding: 0.35em 0.75em 0.625em; -} - -/** - * 1. Correct the text wrapping in Edge and IE. - * 2. Correct the color inheritance from `fieldset` elements in IE. - * 3. Remove the padding so developers are not caught out when they zero out - * `fieldset` elements in all browsers. - */ - -legend { - box-sizing: border-box; /* 1 */ - color: inherit; /* 2 */ - display: table; /* 1 */ - max-width: 100%; /* 1 */ - padding: 0; /* 3 */ - white-space: normal; /* 1 */ -} - -/** - * Add the correct vertical alignment in Chrome, Firefox, and Opera. - */ - -progress { - vertical-align: baseline; -} - -/** - * Remove the default vertical scrollbar in IE 10+. - */ - -textarea { - overflow: auto; -} - -/** - * 1. Add the correct box sizing in IE 10. - * 2. Remove the padding in IE 10. - */ - -[type='checkbox'], -[type='radio'] { - box-sizing: border-box; /* 1 */ - padding: 0; /* 2 */ -} - -/** - * Correct the cursor style of increment and decrement buttons in Chrome. - */ - -[type='number']::-webkit-inner-spin-button, -[type='number']::-webkit-outer-spin-button { - height: auto; -} - -/** - * 1. Correct the odd appearance in Chrome and Safari. - * 2. Correct the outline style in Safari. - */ - -[type='search'] { - -webkit-appearance: textfield; /* 1 */ - outline-offset: -2px; /* 2 */ -} - -/** - * Remove the inner padding in Chrome and Safari on macOS. - */ - -[type='search']::-webkit-search-decoration { - -webkit-appearance: none; -} - -/** - * 1. Correct the inability to style clickable types in iOS and Safari. - * 2. Change font properties to `inherit` in Safari. - */ - -::-webkit-file-upload-button { - -webkit-appearance: button; /* 1 */ - font: inherit; /* 2 */ -} - -/* Interactive - ========================================================================== */ - -/* - * Add the correct display in Edge, IE 10+, and Firefox. - */ - -details { - display: block; -} - -/* - * Add the correct display in all browsers. - */ - -summary { - display: list-item; -} - -/* Misc - ========================================================================== */ - -/** - * Add the correct display in IE 10+. - */ - -template { - display: none; -} - -/** - * Add the correct display in IE 10. - */ - -[hidden] { - display: none; -} diff --git a/starter/public/task.html b/starter/public/task.html deleted file mode 100644 index 7b90525..0000000 --- a/starter/public/task.html +++ /dev/null @@ -1,47 +0,0 @@ - - - - - - - - - - - - - -Loading...
- -Edit Task - - -- - back to tasks -- - - - - -