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
+ + +
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"