diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..fc42c70 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,6 @@ +{ + "editor.insertSpaces": true, + "editor.tabSize": 2, + "editor.detectIndentation": false, + "editor.defaultFormatter": "esbenp.prettier-vscode", +} diff --git a/package-lock.json b/package-lock.json index bcca7d3..542f8e3 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,7 +8,8 @@ "name": "nedew.net", "version": "0.0.1", "dependencies": { - "astro": "^3.0.10" + "astro": "^3.0.10", + "sass": "^1.66.1" } }, "node_modules/@ampproject/remapping": { @@ -2148,6 +2149,11 @@ } ] }, + "node_modules/immutable": { + "version": "4.3.4", + "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.4.tgz", + "integrity": "sha512-fsXeu4J4i6WNWSikpI88v/PcVflZz+6kMhUfIwc5SY+poQRPnaf5V7qds6SUyUN3cVxEzuCab7QIoLOQ+DQ1wA==" + }, "node_modules/import-meta-resolve": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/import-meta-resolve/-/import-meta-resolve-3.0.0.tgz", @@ -4249,6 +4255,22 @@ } ] }, + "node_modules/sass": { + "version": "1.66.1", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.66.1.tgz", + "integrity": "sha512-50c+zTsZOJVgFfTgwwEzkjA3/QACgdNsKueWPyAR0mRINIvLAStVQBbPg14iuqEQ74NPDbXzJARJ/O4SI1zftA==", + "dependencies": { + "chokidar": ">=3.0.0 <4.0.0", + "immutable": "^4.0.0", + "source-map-js": ">=0.6.2 <2.0.0" + }, + "bin": { + "sass": "sass.js" + }, + "engines": { + "node": ">=14.0.0" + } + }, "node_modules/section-matter": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/section-matter/-/section-matter-1.0.0.tgz", @@ -6985,6 +7007,11 @@ "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz", "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==" }, + "immutable": { + "version": "4.3.4", + "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.4.tgz", + "integrity": "sha512-fsXeu4J4i6WNWSikpI88v/PcVflZz+6kMhUfIwc5SY+poQRPnaf5V7qds6SUyUN3cVxEzuCab7QIoLOQ+DQ1wA==" + }, "import-meta-resolve": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/import-meta-resolve/-/import-meta-resolve-3.0.0.tgz", @@ -8334,6 +8361,16 @@ "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz", "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==" }, + "sass": { + "version": "1.66.1", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.66.1.tgz", + "integrity": "sha512-50c+zTsZOJVgFfTgwwEzkjA3/QACgdNsKueWPyAR0mRINIvLAStVQBbPg14iuqEQ74NPDbXzJARJ/O4SI1zftA==", + "requires": { + "chokidar": ">=3.0.0 <4.0.0", + "immutable": "^4.0.0", + "source-map-js": ">=0.6.2 <2.0.0" + } + }, "section-matter": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/section-matter/-/section-matter-1.0.0.tgz", diff --git a/package.json b/package.json index 679a236..0a12ad5 100644 --- a/package.json +++ b/package.json @@ -10,6 +10,7 @@ "astro": "astro" }, "dependencies": { - "astro": "^3.0.10" + "astro": "^3.0.10", + "sass": "^1.66.1" } } diff --git a/src/components/Card.astro b/src/components/Card.astro deleted file mode 100644 index bd6d597..0000000 --- a/src/components/Card.astro +++ /dev/null @@ -1,61 +0,0 @@ ---- -interface Props { - title: string; - body: string; - href: string; -} - -const { href, title, body } = Astro.props; ---- - -
  • - -

    - {title} - → -

    -

    - {body} -

    -     -
    • - diff --git a/src/components/Links.astro b/src/components/Links.astro new file mode 100644 index 0000000..05828ed --- /dev/null +++ b/src/components/Links.astro @@ -0,0 +1,87 @@ +--- +const links = [ + { + title: "GitHub", + url: "https://github.com/nedew", + }, + { + title: "Twitter", + url: "https://twitter.com/nedew", + }, + { + title: "Scrapbox", + url: "https://scrapbox.io/nedew", + }, + { + title: "Blog", + url: "https://nedew.dev", + }, +]; +--- + +
    + { + links.map((link) => ( +
    + +
    {link.title}
    +     +
    + )) + } +
    + diff --git a/src/components/Profile.astro b/src/components/Profile.astro new file mode 100644 index 0000000..09a1a5e --- /dev/null +++ b/src/components/Profile.astro @@ -0,0 +1,75 @@ +--- +import { Image } from "astro:assets"; +import icon from "../images/icon.png"; +import Links from "./Links.astro"; +--- + +
    +
    +
    + Profile Icon +
    +
    +

    Nero Nakamichi

    +
    +

    I'm a software engineer

    +
    +
    + +
    + + +
    diff --git a/src/images/icon.png b/src/images/icon.png new file mode 100644 index 0000000..ca87a81 Binary files /dev/null and b/src/images/icon.png differ diff --git a/src/layouts/Frame.astro b/src/layouts/Frame.astro new file mode 100644 index 0000000..a25db15 --- /dev/null +++ b/src/layouts/Frame.astro @@ -0,0 +1,26 @@ +--- + +--- + +
    +
    + +
    +
    + diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index 7b552be..b54a817 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -1,51 +1,61 @@ --- interface Props { - title: string; + title: string; } const { title } = Astro.props; --- - - - - - - - - {title} - - - - + + + + + + + {title} + + + + - diff --git a/src/pages/index.astro b/src/pages/index.astro index d5c08eb..fa1546a 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -1,128 +1,15 @@ --- import Layout from "../layouts/Layout.astro"; -import Card from "../components/Card.astro"; +import Frame from "../layouts/Frame.astro"; +import Profile from "../components/Profile.astro"; --- -
    - -

    Welcome to Astro

    -

    - To get started, open the directory src/pages in your project.
    - Code Challenge: Tweak the "Welcome to Astro" message - above. -

    -
      - - - - -
    -
    + +
    + +
    +     - +