From bb8c83bb9b18a50c77db1ed7bf21fcd89932c6ef Mon Sep 17 00:00:00 2001 From: Thomas Cole Date: Fri, 24 Mar 2023 18:59:30 -0400 Subject: [PATCH] Rework and finished the boot sequence. --- index.html | 43 +++--- package-lock.json | 54 ++++++++ package.json | 2 + src/App.svelte | 96 ++++++------- src/app.css | 1 + src/components/About.svelte | 17 +++ src/components/Background.svelte | 46 +++++++ src/components/Bootup.svelte | 82 +++++++++++ src/components/Footer.svelte | 12 ++ src/components/NameSplash.svelte | 30 +++++ src/components/Nav.svelte | 10 ++ src/components/Projects.svelte | 14 ++ src/components/Resume.svelte | 119 ++++++++++++++++ src/demos/quicksort.svelte | 195 +++++++++++++++++++++++++++ src/lib/ThreeScene.svelte | 26 ---- src/utils/Divider.svelte | 1 + src/{lib => utils}/GlitchText.svelte | 10 +- src/utils/LocalDemo.svelte | 23 ++++ src/utils/Modal.svelte | 64 +++++++++ src/utils/Progress.svelte | 21 +++ src/utils/ProjectCard.svelte | 30 +++++ src/utils/ResumeItem.svelte | 11 ++ tsconfig.json | 2 +- 23 files changed, 800 insertions(+), 109 deletions(-) create mode 100644 src/components/About.svelte create mode 100644 src/components/Background.svelte create mode 100644 src/components/Bootup.svelte create mode 100644 src/components/Footer.svelte create mode 100644 src/components/NameSplash.svelte create mode 100644 src/components/Nav.svelte create mode 100644 src/components/Projects.svelte create mode 100644 src/components/Resume.svelte create mode 100644 src/demos/quicksort.svelte delete mode 100644 src/lib/ThreeScene.svelte create mode 100644 src/utils/Divider.svelte rename src/{lib => utils}/GlitchText.svelte (90%) create mode 100644 src/utils/LocalDemo.svelte create mode 100644 src/utils/Modal.svelte create mode 100644 src/utils/Progress.svelte create mode 100644 src/utils/ProjectCard.svelte create mode 100644 src/utils/ResumeItem.svelte diff --git a/index.html b/index.html index a58fe16..fa708de 100644 --- a/index.html +++ b/index.html @@ -1,23 +1,24 @@ - - - - - thomaspcole.com - - - - - - -
- - - + + + + + + thomaspcole.com + + + + + + + + +
+ + + + \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index 0f596cb..e06d8f2 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,7 +8,9 @@ "name": "temppersonal", "version": "0.0.0", "dependencies": { + "@types/node": "^18.15.7", "@types/three": "^0.149.0", + "p5-svelte": "^3.1.2", "svelte-cubed": "^0.2.1", "three": "^0.150.1" }, @@ -472,6 +474,17 @@ "@types/unist": "*" } }, + "node_modules/@types/node": { + "version": "18.15.7", + "resolved": "https://registry.npmjs.org/@types/node/-/node-18.15.7.tgz", + "integrity": "sha512-LFmUbFunqmBn26wJZgZPYZPrDR1RwGOu2v79Mgcka1ndO6V0/cwjivPTc4yoK6n9kmw4/ls1r8cLrvh2iMibFA==" + }, + "node_modules/@types/p5": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/@types/p5/-/p5-1.5.0.tgz", + "integrity": "sha512-EhaRGjqGcv5lKWvBUfC4Oxi2J5T1C1HuoQnJCdxJJMrRf+HTVdh7hCgBo88nHe6LbUXxkrxVj9tc1zOuemefFA==", + "peer": true + }, "node_modules/@types/pug": { "version": "2.0.6", "resolved": "https://registry.npmjs.org/@types/pug/-/pug-2.0.6.tgz", @@ -1273,6 +1286,23 @@ "wrappy": "1" } }, + "node_modules/p5": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/p5/-/p5-1.6.0.tgz", + "integrity": "sha512-RowF+RxfVUhJm/YKXL5TCFzTqnwAIwK6W1VGs9LAqSf3PCmLz9Igbxzlf0Ry5IMV71L42wipCdH/bDiNsqAstA==" + }, + "node_modules/p5-svelte": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/p5-svelte/-/p5-svelte-3.1.2.tgz", + "integrity": "sha512-lcfWh+cJ1/wRdIXHnjpYmDgj2h3TCy1QJVQnf/cBcFWS8CSkvyAN5F8u8H2U8qBUtZ4XaD3nd+1NoYUMHaMExQ==", + "dependencies": { + "p5": "^1.4.1" + }, + "peerDependencies": { + "@types/p5": "^1.4.2", + "p5": "^1.4.0" + } + }, "node_modules/parent-module": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz", @@ -2302,6 +2332,17 @@ "@types/unist": "*" } }, + "@types/node": { + "version": "18.15.7", + "resolved": "https://registry.npmjs.org/@types/node/-/node-18.15.7.tgz", + "integrity": "sha512-LFmUbFunqmBn26wJZgZPYZPrDR1RwGOu2v79Mgcka1ndO6V0/cwjivPTc4yoK6n9kmw4/ls1r8cLrvh2iMibFA==" + }, + "@types/p5": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/@types/p5/-/p5-1.5.0.tgz", + "integrity": "sha512-EhaRGjqGcv5lKWvBUfC4Oxi2J5T1C1HuoQnJCdxJJMrRf+HTVdh7hCgBo88nHe6LbUXxkrxVj9tc1zOuemefFA==", + "peer": true + }, "@types/pug": { "version": "2.0.6", "resolved": "https://registry.npmjs.org/@types/pug/-/pug-2.0.6.tgz", @@ -2878,6 +2919,19 @@ "wrappy": "1" } }, + "p5": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/p5/-/p5-1.6.0.tgz", + "integrity": "sha512-RowF+RxfVUhJm/YKXL5TCFzTqnwAIwK6W1VGs9LAqSf3PCmLz9Igbxzlf0Ry5IMV71L42wipCdH/bDiNsqAstA==" + }, + "p5-svelte": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/p5-svelte/-/p5-svelte-3.1.2.tgz", + "integrity": "sha512-lcfWh+cJ1/wRdIXHnjpYmDgj2h3TCy1QJVQnf/cBcFWS8CSkvyAN5F8u8H2U8qBUtZ4XaD3nd+1NoYUMHaMExQ==", + "requires": { + "p5": "^1.4.1" + } + }, "parent-module": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz", diff --git a/package.json b/package.json index 4d880e2..6f09a8b 100644 --- a/package.json +++ b/package.json @@ -22,7 +22,9 @@ "vite": "^4.2.0" }, "dependencies": { + "@types/node": "^18.15.7", "@types/three": "^0.149.0", + "p5-svelte": "^3.1.2", "svelte-cubed": "^0.2.1", "three": "^0.150.1" } diff --git a/src/App.svelte b/src/App.svelte index 27e9b8d..998744d 100644 --- a/src/App.svelte +++ b/src/App.svelte @@ -1,60 +1,44 @@ - - -
-
-
-
-
-
- -

Thomas Cole

- -
+ +
+
-
- - \ No newline at end of file +
+ +
+ +
+ +
+
diff --git a/src/app.css b/src/app.css index 5d404f4..5524ccc 100644 --- a/src/app.css +++ b/src/app.css @@ -10,4 +10,5 @@ body { -ms-overflow-style: none; scrollbar-width: none; background-color: black; + user-select: none; } diff --git a/src/components/About.svelte b/src/components/About.svelte new file mode 100644 index 0000000..c5ce07c --- /dev/null +++ b/src/components/About.svelte @@ -0,0 +1,17 @@ + + +
+

> About Me

+

+ Detail oriented IT professional with 5+ years in systems and network + administration. Excellent problem-solving skills and ability to perform + well in a team. Responsible for operation and maintenance of a + multicampus enterprise network with 500+ average daily users. + Demonstrated experience in reducing operating expenses by implementing + open-source solutions and services. +

+
diff --git a/src/components/Background.svelte b/src/components/Background.svelte new file mode 100644 index 0000000..5c1134c --- /dev/null +++ b/src/components/Background.svelte @@ -0,0 +1,46 @@ +
+
+
+
+ + diff --git a/src/components/Bootup.svelte b/src/components/Bootup.svelte new file mode 100644 index 0000000..8d02c3b --- /dev/null +++ b/src/components/Bootup.svelte @@ -0,0 +1,82 @@ + + +
+
+
+ + \ No newline at end of file diff --git a/src/components/Footer.svelte b/src/components/Footer.svelte new file mode 100644 index 0000000..958fdaf --- /dev/null +++ b/src/components/Footer.svelte @@ -0,0 +1,12 @@ + diff --git a/src/components/NameSplash.svelte b/src/components/NameSplash.svelte new file mode 100644 index 0000000..150421b --- /dev/null +++ b/src/components/NameSplash.svelte @@ -0,0 +1,30 @@ + + +
+
+ +

+ Thomas Cole +

+ +
+ + expand_more + +
diff --git a/src/components/Nav.svelte b/src/components/Nav.svelte new file mode 100644 index 0000000..fd6184c --- /dev/null +++ b/src/components/Nav.svelte @@ -0,0 +1,10 @@ + + +
+
+

> Latest Projects

+

> About Me

+
+
diff --git a/src/components/Projects.svelte b/src/components/Projects.svelte new file mode 100644 index 0000000..f05d813 --- /dev/null +++ b/src/components/Projects.svelte @@ -0,0 +1,14 @@ + + +
+

> Projects and Demos

+ + +
diff --git a/src/components/Resume.svelte b/src/components/Resume.svelte new file mode 100644 index 0000000..32ffc6e --- /dev/null +++ b/src/components/Resume.svelte @@ -0,0 +1,119 @@ + + +
+ Back to Top + + +

> Work Experience

+ +
    +
  • + > Maintain and upgrade critical network infrastructure for a + multi-campus environment. +
    • +
  • > Facilitate backups and ensure their integrity.
    • +
  • + > Integrate with action teams to develop technology plans and + solutions. +
    • +
  • + > Implement new software and hardware solutions with + increased functionality while reducing costs by $50,000/yr. +
    • +
+ + +
    +
  • + > Develop and implement new strategies in collaboration with + the Christ Providence Tech team to improve live stream services + and reach a broader audience. +
    • +
  • + > Facilitated building and installation of new computer + systems to improve recording and streaming capabilities of + worship services. +
    • +
  • + > Run graphics for in house worship and live stream services. +
    • +
+ + +
    +
  • + > Administer Office 365 and Windows Active Directory + infrastructure. +
    • +
  • + > Manage company VOIP phone system and extension listings. +
    • +
  • + > Deploy and configure virtual machines to align with + business needs. +
    • +
  • + > Develop new Android applications to suit the business needs + of customers operating in the logistics industry. +
    • +
  • + > Maintain legacy Windows Mobile applications for existing + customers. +
    • +
  • + > Preform configuration and maintenance of customer hardware + and software. +
    • +
+ + +
    +
  • + > Assisted in maintenance and troubleshooting of enterprise + network systems. +
    • +
  • + > Preformed on-boarding of new network devices at the + physical level. +
    • +
+ + +

> Education

+ +
    +
  • + > Bachelor Of Science Information Systems and Supply Chain + Management +
    • +
  • > Minor in Computer Science
    • +
+ + +

> Professional Certifications

+ +
    +
  • > Audinate | Certificate earned March 2021
    • +
+ +
diff --git a/src/demos/quicksort.svelte b/src/demos/quicksort.svelte new file mode 100644 index 0000000..04f4d34 --- /dev/null +++ b/src/demos/quicksort.svelte @@ -0,0 +1,195 @@ + + +
+ +
+
+ + + +
\ No newline at end of file diff --git a/src/lib/ThreeScene.svelte b/src/lib/ThreeScene.svelte deleted file mode 100644 index d01d0a7..0000000 --- a/src/lib/ThreeScene.svelte +++ /dev/null @@ -1,26 +0,0 @@ - - - - - - - - - - \ No newline at end of file diff --git a/src/utils/Divider.svelte b/src/utils/Divider.svelte new file mode 100644 index 0000000..70903fc --- /dev/null +++ b/src/utils/Divider.svelte @@ -0,0 +1 @@ +
diff --git a/src/lib/GlitchText.svelte b/src/utils/GlitchText.svelte similarity index 90% rename from src/lib/GlitchText.svelte rename to src/utils/GlitchText.svelte index 91b314b..6a4c37c 100644 --- a/src/lib/GlitchText.svelte +++ b/src/utils/GlitchText.svelte @@ -36,19 +36,19 @@ } itterations ++; - }, 30); + }, 40); } onMount(()=>{ stringIndex = Math.floor(Math.random()*strings.length) pickNextWord(); + + setInterval(pickNextWord,5000); }) - - -

+ +

{text}

\ No newline at end of file diff --git a/src/utils/LocalDemo.svelte b/src/utils/LocalDemo.svelte new file mode 100644 index 0000000..a981214 --- /dev/null +++ b/src/utils/LocalDemo.svelte @@ -0,0 +1,23 @@ + + + + + + + \ No newline at end of file diff --git a/src/utils/Modal.svelte b/src/utils/Modal.svelte new file mode 100644 index 0000000..96d8a04 --- /dev/null +++ b/src/utils/Modal.svelte @@ -0,0 +1,64 @@ + + + + (showModal = false)} + on:click|self={() => dialog.close()} + class="w-4/5" +> +
+ +
+ +
+ + +
+ + + \ No newline at end of file diff --git a/src/utils/Progress.svelte b/src/utils/Progress.svelte new file mode 100644 index 0000000..ef0e875 --- /dev/null +++ b/src/utils/Progress.svelte @@ -0,0 +1,21 @@ + + +
+ + diff --git a/src/utils/ProjectCard.svelte b/src/utils/ProjectCard.svelte new file mode 100644 index 0000000..fcbbf47 --- /dev/null +++ b/src/utils/ProjectCard.svelte @@ -0,0 +1,30 @@ + + +
+ +
+ +
+

{title}

+

{subtitle}

+
+
+ +
\ No newline at end of file diff --git a/src/utils/ResumeItem.svelte b/src/utils/ResumeItem.svelte new file mode 100644 index 0000000..23dc855 --- /dev/null +++ b/src/utils/ResumeItem.svelte @@ -0,0 +1,11 @@ + + +
+

{title}

+

{subtitle}

+
+ +
diff --git a/tsconfig.json b/tsconfig.json index c4e1c5f..9839ec8 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -15,6 +15,6 @@ "checkJs": true, "isolatedModules": true }, - "include": ["src/**/*.d.ts", "src/**/*.ts", "src/**/*.js", "src/**/*.svelte"], + "include": ["./**/*.d.ts", "./**/*.ts", "./**/*.js", "./**/*.svelte"], "references": [{ "path": "./tsconfig.node.json" }] }