From c8013947719e831cfebd743195cc4c8f613dd559 Mon Sep 17 00:00:00 2001 From: Dan Kotowski Date: Sun, 7 May 2023 01:39:52 -0500 Subject: [PATCH] Fill in initial layout and resume details --- package.json | 5 +- src/App.svelte | 30 +++++++-- src/lib/ContactSection.svelte | 32 +++++++++ src/lib/ExpSection.svelte | 107 ++++++++++++++++++++++++++++++ src/lib/SkillsSection.svelte | 24 +++++++ src/lib/components/Header.svelte | 3 + src/lib/components/Hero.svelte | 4 +- src/lib/components/Link.svelte | 9 +++ src/lib/icons/EnvelopeIcon.svelte | 10 +++ src/lib/icons/GithubIcon.svelte | 9 +++ src/lib/icons/LinkedInIcon.svelte | 9 +++ yarn.lock | 8 +++ 12 files changed, 243 insertions(+), 7 deletions(-) create mode 100644 src/lib/ContactSection.svelte create mode 100644 src/lib/ExpSection.svelte create mode 100644 src/lib/SkillsSection.svelte create mode 100644 src/lib/components/Header.svelte create mode 100644 src/lib/components/Link.svelte create mode 100644 src/lib/icons/EnvelopeIcon.svelte create mode 100644 src/lib/icons/GithubIcon.svelte create mode 100644 src/lib/icons/LinkedInIcon.svelte diff --git a/package.json b/package.json index b3b895f..eee6601 100644 --- a/package.json +++ b/package.json @@ -22,5 +22,8 @@ "typescript": "^5.0.4", "vite": "^4.3.2" }, - "packageManager": "yarn@3.5.1" + "packageManager": "yarn@3.5.1", + "dependencies": { + "tailwind-merge": "^1.12.0" + } } diff --git a/src/App.svelte b/src/App.svelte index 258e132..57efbed 100644 --- a/src/App.svelte +++ b/src/App.svelte @@ -1,10 +1,32 @@ -
-
- -
+
+
+
+ +

+ Senior web software engineer with strong technical and interpersonal skills +

+

+ Note: This webpage is a work in progress. +

+ +
+
+ +
+ + + +
diff --git a/src/lib/ContactSection.svelte b/src/lib/ContactSection.svelte new file mode 100644 index 0000000..4c7be0b --- /dev/null +++ b/src/lib/ContactSection.svelte @@ -0,0 +1,32 @@ + + +
+
Contact
+ +
+
+ + +
Email me: dan@dankotowski.dev
+ +
+
+ + +
Go to my Github account (@djkotowski)
+ +
+
+ + +
Go to my LinkedIn account (@djkotowski)
+ +
+
+
diff --git a/src/lib/ExpSection.svelte b/src/lib/ExpSection.svelte new file mode 100644 index 0000000..56d2d1e --- /dev/null +++ b/src/lib/ExpSection.svelte @@ -0,0 +1,107 @@ + + +
+
Experience
+ +
    +
  • +

    + Brilliant +

    +
    + Software Engineer + (Jul 2022 - Present) +
    + +
    + +
    Tech used:
    +

    Ruby on Rails, React, TypeScript, Alpine.js, MySQL, Web Components, AWS, Redis, ActiveJob/Sidekiq

    +
    • +
  • +

    + Buildout +

    +
      +
    • + Lead Software Engineer + (May 2021 - Jun 2022) +
      • +
    • + Senior Software Engineer + (Oct 2019 - May 2021) +
      • +
    • + Software Engineer + (May 2017 - Oct 2019) +
      • +
    +
    + +
    Tech used:
    +

    Ruby on Rails, React, TypeScript, Alpine.js, MySQL, AWS, Redis, Sidekiq

    +
    • +
  • +

    + College of DuPage +

    +
    + Adjunct Faculty + (Aug 2014 - Dec 2017) +
    + +
    + +
    Courses taught:
    +

    CIS 1510: GUI Programming

    +

    (using Visual Basic .NET)

    +
    • +
  • +

    + Enova International +

    +
      +
    • + Internal Learning Coordinator + (Dec 2014 - Mar 2017) +
      • +
    • + Software Engineer + (Aug 2014 - Dec 2014) +
      • +
    + +
    + +
    Tech used:
    +

    Ruby on Rails, Sinatra, Sidekiq

    +
    • +
  • +

    + + Blue Horseshoe Solutions + +
    + (now part of Accenture) +

    +
    + Consultant + (May 2011 - Jan 2013) +
    + +
    + +
    Tech used:
    +

    C#, ASP.NET MVC 3, Microsoft SQL Server, jQuery, Manhattan SCALE

    +
    • +
+
diff --git a/src/lib/SkillsSection.svelte b/src/lib/SkillsSection.svelte new file mode 100644 index 0000000..3cc913b --- /dev/null +++ b/src/lib/SkillsSection.svelte @@ -0,0 +1,24 @@ + + +
+
Skills
+ +
+ + + + + + + + + + + + + +
Backend:Ruby, Ruby on Rails, Node.js, Sinatra
Frontend:ES6, TypeScript, React, Redux, Svelte, CSS/Sass, Webpack, Vite
Data Stores/Indexes:PostgreSQL, MySQL, Redis, Elasticsearch
+
+
diff --git a/src/lib/components/Header.svelte b/src/lib/components/Header.svelte new file mode 100644 index 0000000..38d72f4 --- /dev/null +++ b/src/lib/components/Header.svelte @@ -0,0 +1,3 @@ +

+ +

diff --git a/src/lib/components/Hero.svelte b/src/lib/components/Hero.svelte index 7270471..4bc6c43 100644 --- a/src/lib/components/Hero.svelte +++ b/src/lib/components/Hero.svelte @@ -5,10 +5,10 @@ export let imageAlt: string; -
+
{imageAlt}

{title}

-

{text}

+
diff --git a/src/lib/components/Link.svelte b/src/lib/components/Link.svelte new file mode 100644 index 0000000..4441045 --- /dev/null +++ b/src/lib/components/Link.svelte @@ -0,0 +1,9 @@ + + + + diff --git a/src/lib/icons/EnvelopeIcon.svelte b/src/lib/icons/EnvelopeIcon.svelte new file mode 100644 index 0000000..b84dc3e --- /dev/null +++ b/src/lib/icons/EnvelopeIcon.svelte @@ -0,0 +1,10 @@ + + + + + + + diff --git a/src/lib/icons/GithubIcon.svelte b/src/lib/icons/GithubIcon.svelte new file mode 100644 index 0000000..484898e --- /dev/null +++ b/src/lib/icons/GithubIcon.svelte @@ -0,0 +1,9 @@ + + + + + + diff --git a/src/lib/icons/LinkedInIcon.svelte b/src/lib/icons/LinkedInIcon.svelte new file mode 100644 index 0000000..ae53e54 --- /dev/null +++ b/src/lib/icons/LinkedInIcon.svelte @@ -0,0 +1,9 @@ + + + + + + diff --git a/yarn.lock b/yarn.lock index 2d08c04..fe8ff0b 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1526,6 +1526,7 @@ __metadata: postcss: ^8.4.23 svelte: ^3.58.0 svelte-check: ^3.3.1 + tailwind-merge: ^1.12.0 tailwindcss: ^3.3.2 tslib: ^2.5.0 typescript: ^5.0.4 @@ -2050,6 +2051,13 @@ __metadata: languageName: node linkType: hard +"tailwind-merge@npm:^1.12.0": + version: 1.12.0 + resolution: "tailwind-merge@npm:1.12.0" + checksum: 5ef323eec1051c4aa9626e29498f6c058dbbb242ca8156aa298de41ada3eda05a8f5f1260a57112c155f63b2e94c4b4ccab5386d60fae54de07aac6d9dbc60e4 + languageName: node + linkType: hard + "tailwindcss@npm:^3.3.2": version: 3.3.2 resolution: "tailwindcss@npm:3.3.2"