From 15f8f0ecd79a31c9989a29d3724b9e04059ea837 Mon Sep 17 00:00:00 2001 From: hwakabh Date: Wed, 27 Nov 2024 04:01:34 +0900 Subject: [PATCH 01/28] chore: updated deps for frontend. --- web-frontend/package-lock.json | 55 ---------------------------------- web-frontend/package.json | 6 ++-- 2 files changed, 2 insertions(+), 59 deletions(-) diff --git a/web-frontend/package-lock.json b/web-frontend/package-lock.json index 0790a578..285b8ace 100644 --- a/web-frontend/package-lock.json +++ b/web-frontend/package-lock.json @@ -8,9 +8,6 @@ "name": "web-frontend", "version": "0.0.0", "dependencies": { - "@ionic/vue": "^8.4.0", - "@ionic/vue-router": "^8.4.0", - "@rollup/rollup-linux-arm64-gnu": "4.27.4", "axios": "^1.7.8", "vue": "^3.5.13", "vue-router": "^4.5.0", @@ -442,33 +439,6 @@ "node": ">=12" } }, - "node_modules/@ionic/core": { - "version": "8.4.0", - "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.0.tgz", - "integrity": "sha512-mZ2Ni9QByFGWBNr5W/F/nyPV+cXLhK+6W5BRziy7QPX6YIS57KH8FpY+CjE7BEcpE78anyY49bZt3eOWcES02g==", - "dependencies": { - "@stencil/core": "4.20.0", - "ionicons": "^7.2.2", - "tslib": "^2.1.0" - } - }, - "node_modules/@ionic/vue": { - "version": "8.4.0", - "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-8.4.0.tgz", - "integrity": "sha512-mtSerl9oC21d6xv1q+QuGm61IzJbqpkWbt0lQryXZ3kK1/aVVOnHAN5bX8tPPUN2ALA7CyTWXaCvhxceRV/paA==", - "dependencies": { - "@ionic/core": "8.4.0", - "ionicons": "^7.0.0" - } - }, - "node_modules/@ionic/vue-router": { - "version": "8.4.0", - "resolved": "https://registry.npmjs.org/@ionic/vue-router/-/vue-router-8.4.0.tgz", - "integrity": "sha512-g9cLVES3svWnhLbZI4qRTlk2PbbdNB+xAjaMAUGVNZqJRMhIzU3vs4Wiazmd90Bwx39bgr/1o2TPYWzDt1yw0g==", - "dependencies": { - "@ionic/vue": "8.4.0" - } - }, "node_modules/@isaacs/cliui": { "version": "8.0.2", "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz", @@ -713,18 +683,6 @@ "win32" ] }, - "node_modules/@stencil/core": { - "version": "4.20.0", - "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.20.0.tgz", - "integrity": "sha512-WPrTHFngvN081RY+dJPneKQLwnOFD60OMCOQGmmSHfCW0f4ujPMzzhwWU1gcSwXPWXz5O+8cBiiCaxAbJU7kAg==", - "bin": { - "stencil": "bin/stencil" - }, - "engines": { - "node": ">=16.0.0", - "npm": ">=7.10.0" - } - }, "node_modules/@types/estree": { "version": "1.0.6", "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz", @@ -1655,14 +1613,6 @@ "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==", "dev": true }, - "node_modules/ionicons": { - "version": "7.4.0", - "resolved": "https://registry.npmjs.org/ionicons/-/ionicons-7.4.0.tgz", - "integrity": "sha512-ZK94MMqgzMCPPMhmk8Ouu6goyVHFIlw/ACP6oe3FrikcI0N7CX0xcwVaEbUc0G/v3W0shI93vo+9ve/KpvcNhQ==", - "dependencies": { - "@stencil/core": "^4.0.3" - } - }, "node_modules/is-fullwidth-code-point": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz", @@ -2352,11 +2302,6 @@ "node": ">=14.0.0" } }, - "node_modules/tslib": { - "version": "2.8.1", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz", - "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==" - }, "node_modules/union": { "version": "0.5.0", "resolved": "https://registry.npmjs.org/union/-/union-0.5.0.tgz", diff --git a/web-frontend/package.json b/web-frontend/package.json index d3c120ec..cdcef5de 100644 --- a/web-frontend/package.json +++ b/web-frontend/package.json @@ -12,8 +12,6 @@ "node": "20.9.0" }, "dependencies": { - "@ionic/vue": "^8.4.0", - "@ionic/vue-router": "^8.4.0", "axios": "^1.7.8", "vue": "^3.5.13", "vue-router": "^4.5.0", @@ -28,7 +26,7 @@ "vitest": "^2.1.5" }, "optionalDependencies": { - "@rollup/rollup-linux-x64-gnu": "4.27.4", - "@rollup/rollup-linux-arm64-gnu": "4.27.4" + "@rollup/rollup-linux-arm64-gnu": "4.27.4", + "@rollup/rollup-linux-x64-gnu": "4.27.4" } } From cfdc60713d11cc48b1de32bce9fbeeff3a6b53d1 Mon Sep 17 00:00:00 2001 From: hwakabh Date: Wed, 27 Nov 2024 05:35:29 +0900 Subject: [PATCH 02/28] feat: implemented html5up to vue project (WIP) --- web-frontend/index.html | 15 +- web-frontend/src/App.vue | 43 +- web-frontend/src/assets/_main.js | 190 + web-frontend/src/assets/base.css | 74 - web-frontend/src/assets/breakpoints.min.js | 2 + web-frontend/src/assets/browser.min.js | 2 + web-frontend/src/assets/font-awesome.min.css | 4 + web-frontend/src/assets/jquery.min.js | 2 + .../src/assets/jquery.scrollex.min.js | 2 + web-frontend/src/assets/jquery.scrolly.min.js | 2 + web-frontend/src/assets/main.css | 3907 ++++++++++++++++- web-frontend/src/assets/noscript.css | 43 + web-frontend/src/assets/util.js | 587 +++ web-frontend/src/components/FooterContent.vue | 7 +- web-frontend/src/components/SocialLink.vue | 2 +- web-frontend/src/main.js | 32 +- web-frontend/src/pages/About.vue | 138 +- web-frontend/src/pages/Contact.vue | 37 +- web-frontend/src/pages/Cv.vue | 103 - web-frontend/src/pages/Home.vue | 27 +- web-frontend/src/pages/Works.vue | 22 +- web-frontend/src/router/index.js | 14 +- 22 files changed, 5008 insertions(+), 247 deletions(-) create mode 100755 web-frontend/src/assets/_main.js delete mode 100644 web-frontend/src/assets/base.css create mode 100755 web-frontend/src/assets/breakpoints.min.js create mode 100755 web-frontend/src/assets/browser.min.js create mode 100755 web-frontend/src/assets/font-awesome.min.css create mode 100755 web-frontend/src/assets/jquery.min.js create mode 100755 web-frontend/src/assets/jquery.scrollex.min.js create mode 100755 web-frontend/src/assets/jquery.scrolly.min.js create mode 100755 web-frontend/src/assets/noscript.css create mode 100755 web-frontend/src/assets/util.js delete mode 100644 web-frontend/src/pages/Cv.vue diff --git a/web-frontend/index.html b/web-frontend/index.html index 22210c4d..89f2669f 100644 --- a/web-frontend/index.html +++ b/web-frontend/index.html @@ -1,11 +1,14 @@ - - - - - Hiroyuki Wakabayashi - hwakabh - + + hwakabh + + + + + + +
diff --git a/web-frontend/src/App.vue b/web-frontend/src/App.vue index 7b96f346..8c2e8aef 100644 --- a/web-frontend/src/App.vue +++ b/web-frontend/src/App.vue @@ -1,13 +1,47 @@ diff --git a/web-frontend/src/components/SocialLink.vue b/web-frontend/src/components/SocialLink.vue index bc30e29c..2170ea8c 100644 --- a/web-frontend/src/components/SocialLink.vue +++ b/web-frontend/src/components/SocialLink.vue @@ -40,28 +40,29 @@ const snsIcons = [ diff --git a/web-frontend/src/pages/About.vue b/web-frontend/src/pages/About.vue index b4f4fcb6..4dbb698d 100644 --- a/web-frontend/src/pages/About.vue +++ b/web-frontend/src/pages/About.vue @@ -20,15 +20,6 @@ axios.get('/api/v1/about/movies') }) }) - const projectData = ref([]); -axios.get('/api/v1/cv/projects') - .then((resp) => { - projectData.value = resp.data.content; - }) - .catch((err) => { - console.log(err); - }) - const educationData = ref([]); axios.get('/api/v1/cv/educations') .then((resp) => { @@ -46,147 +37,106 @@ axios.get('/api/v1/cv/publications') .catch((err) => { console.log(err); }) - -const certificationData = ref([]); -axios.get('/api/v1/cv/certifications') - .then((resp) => { - certificationData.value = resp.data.content; - }) - .catch((err) => { - console.log(err); - }) diff --git a/web-frontend/src/pages/Works.vue b/web-frontend/src/pages/Works.vue index 0bc916b9..8d13c81c 100644 --- a/web-frontend/src/pages/Works.vue +++ b/web-frontend/src/pages/Works.vue @@ -2,8 +2,6 @@ import axios from "axios"; import { ref, onMounted } from "vue"; -import GitHubIcon from '../components/icons/GitHub.vue'; - const workData = ref([]); axios.get('/api/v1/works') .then((resp) => { @@ -14,7 +12,6 @@ axios.get('/api/v1/works') console.log(err); }) - // Vue lifecycle hooks onMounted(() => { console.log(workData); @@ -23,45 +20,21 @@ onMounted(() => { diff --git a/web-frontend/src/router/index.js b/web-frontend/src/router/index.js index 7514d3b1..fd77a900 100644 --- a/web-frontend/src/router/index.js +++ b/web-frontend/src/router/index.js @@ -1,11 +1,10 @@ import { createRouter, createWebHistory } from 'vue-router' -// import { createRouter, createWebHistory } from '@ionic/vue-router'; import Home from '../pages/Home.vue'; import About from '../pages/About.vue'; -// import Cv from '../pages/Cv.vue'; import Works from '../pages/Works.vue'; import Contact from '../pages/Contact.vue'; +import Help from '../pages/help.vue'; const routes = [ { @@ -16,10 +15,6 @@ const routes = [ path: "/about", component: About }, - // { - // path: "/cv", - // component: Cv - // }, { path: "/works", component: Works @@ -28,6 +23,10 @@ const routes = [ path: "/contact", component: Contact }, + { + path: "/help", + component: Help + }, ]; export const router = createRouter({ From d0bb519033299fcc65e0c21fbd84af72039d7645 Mon Sep 17 00:00:00 2001 From: hwakabh Date: Wed, 27 Nov 2024 14:46:19 +0900 Subject: [PATCH 05/28] chore: removed image_url from payload. --- api-server/fixtures/payloads/works.json5 | 5 ----- 1 file changed, 5 deletions(-) diff --git a/api-server/fixtures/payloads/works.json5 b/api-server/fixtures/payloads/works.json5 index 45500b43..64d88496 100644 --- a/api-server/fixtures/payloads/works.json5 +++ b/api-server/fixtures/payloads/works.json5 @@ -4,7 +4,6 @@ { "title": "Bennu Official Homepage", "url": "https://bennu-official.page/home/", - "imageUrl": "", "gitHubRepoUrl": "https://github.com/hwakabh/bennu-official", "descriptions": "Official Homepage of Bennu", "techStacks": [ @@ -17,7 +16,6 @@ { "title": "random-travelers", "url": "https://random-travelers.com", - "imageUrl": "", "gitHubRepoUrl": "https://github.com/hwakabh/random-travelers", "descriptions": "People who make thier decisions decided by Cloud Native", "techStacks": [ @@ -29,7 +27,6 @@ { "title": "6ow3idGirl", "url": "https://6ow3idgirl.com", - "imageUrl": "", "gitHubRepoUrl": "https://github.com/hwakabh/6ow3idGirl", "descriptions": "Official Homepage of 6ow 3id girl", "techStacks": [ @@ -39,7 +36,6 @@ { "title": "waseda-mochida", "url": "", - "imageUrl": "", "gitHubRepoUrl": "https://github.com/hwakabh/waseda-mochida", "descriptions": "Official Homepage of Waseda Mochida", "techStacks": [ @@ -51,7 +47,6 @@ { "title": "Luana Shanti", "url": "https://luana-shanti.jp", - "imageUrl": "", "gitHubRepoUrl": "", "descriptions": "Luana Shanti Homepage hosted by WordPress", "techStacks": [ From 12dbd7d084b32c7c56aadc5b7c425e93ca3696e9 Mon Sep 17 00:00:00 2001 From: hwakabh Date: Wed, 27 Nov 2024 15:24:03 +0900 Subject: [PATCH 06/28] chore: applied code-rabbit reviews. --- web-frontend/index.html | 2 +- web-frontend/src/assets/main.css | 7 +++--- web-frontend/src/main.js | 1 - web-frontend/src/pages/About.vue | 38 +++++++++++++++++--------------- web-frontend/src/pages/Home.vue | 3 ++- web-frontend/src/pages/Works.vue | 2 +- web-frontend/src/router/index.js | 2 +- 7 files changed, 29 insertions(+), 26 deletions(-) diff --git a/web-frontend/index.html b/web-frontend/index.html index 11237c30..01763063 100644 --- a/web-frontend/index.html +++ b/web-frontend/index.html @@ -3,7 +3,7 @@ hwakabh - + diff --git a/web-frontend/src/assets/main.css b/web-frontend/src/assets/main.css index 94644c5c..65ca2b9c 100644 --- a/web-frontend/src/assets/main.css +++ b/web-frontend/src/assets/main.css @@ -24,7 +24,8 @@ section, summary, time, mark, audio, video { article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { - display: block;} + display: block; +} body { line-height: 1; @@ -115,7 +116,7 @@ input, select, textarea { body, input, select, textarea { color: rgba(255, 255, 255, 0.55); font-family: Arial, Helvetica, sans-serif; - font-size: 16.5pt; + font-size: 14pt; font-weight: normal; line-height: 1.75; } @@ -3021,7 +3022,7 @@ input, select, textarea { } .spotlights > section > .content { - padding: 4em 5em 2em 5em ; + padding: 4em 0em 2em 4em ; display: -moz-flex; display: -webkit-flex; display: -ms-flex; diff --git a/web-frontend/src/main.js b/web-frontend/src/main.js index 1b8f74db..9eee0884 100644 --- a/web-frontend/src/main.js +++ b/web-frontend/src/main.js @@ -10,7 +10,6 @@ import './assets/noscript.css'; axios.defaults.baseURL = import.meta.env.VITE_API_ENDPOINT ?? 'http://localhost:3000'; const app = createApp(App); -// app.use(IonicVue); app.use(router); router.isReady().then(() => { diff --git a/web-frontend/src/pages/About.vue b/web-frontend/src/pages/About.vue index 4dbb698d..0ea8602d 100644 --- a/web-frontend/src/pages/About.vue +++ b/web-frontend/src/pages/About.vue @@ -54,7 +54,7 @@ axios.get('/api/v1/cv/publications')

Musics

-

+

Fetched from Personal Apple Music playlist -

+

Books

-

+

Fetched from latest books in bookshelf API from booklog
  • {{ b }}
    • -

    +

    Movies

    -

    +

    Fetched from latest clips from Filmarks
  • {{ m }}
    • -

    +
    • Blog
      • @@ -95,42 +95,44 @@ axios.get('/api/v1/cv/publications')

      Professional

      -
      +

      +

      Born in 1991 in Tokyo, and got into IT from maintaining a university club's homepage.
      Currently works as a software engineer and also works as a freelancer.
      Likes coffee, gin, music and relaxing cafes
      Dislike sweet or spicy foods
      + Please see more details including major accomplishments in LinkedIn +

      Career History

      -

      +

      • 2024-10 - Present: Resident Solutions Engineer / HashiCorp
      • 2019-06 - 2024-10: Telco Solutions Architect / VMware (merged by Broadcom Software)
      • 2015-04 - 2019-06: Delivery Specialist / EMC Corporation (merged by Dell Technologies)
      - Please see more details including major accomplishments in LinkedIn -

      +

      Educations

      -

      +

      {{ e.start }} - {{ e.end }} : {{ e.title }}
      {{ e.descriptions }}
      -

      +

      Publications / Exposures

      -

      +

      {{ pb.title }}
      -
      {{ pb.descriptions }}
      -
      Presented at {{ pb.date }}, Download Link(pdf)
      -

      +
    • {{ pb.descriptions }}
      • +
    • Presented at {{ pb.date }}, Download Link(pdf)
      • +
      @@ -140,8 +142,8 @@ axios.get('/api/v1/cv/publications') diff --git a/web-frontend/src/pages/Home.vue b/web-frontend/src/pages/Home.vue index a4e0a183..4dc4d32b 100644 --- a/web-frontend/src/pages/Home.vue +++ b/web-frontend/src/pages/Home.vue @@ -40,7 +40,8 @@ const words = ref([
      diff --git a/web-frontend/src/pages/Works.vue b/web-frontend/src/pages/Works.vue index 8d13c81c..2b4de38b 100644 --- a/web-frontend/src/pages/Works.vue +++ b/web-frontend/src/pages/Works.vue @@ -23,7 +23,7 @@ onMounted(() => {

      Personal Works

      -

      Full repository list in GitHub

      +

      Full repository list in GitHub

        Date: Wed, 27 Nov 2024 15:29:47 +0900 Subject: [PATCH 07/28] ui: activated blog buttons. --- web-frontend/src/pages/About.vue | 14 ++++++++------ web-frontend/src/pages/Home.vue | 1 - 2 files changed, 8 insertions(+), 7 deletions(-) diff --git a/web-frontend/src/pages/About.vue b/web-frontend/src/pages/About.vue index 0ea8602d..1ea9476c 100644 --- a/web-frontend/src/pages/About.vue +++ b/web-frontend/src/pages/About.vue @@ -82,10 +82,12 @@ axios.get('/api/v1/cv/publications')
      -
        -
      • Blog
        • - -
      +
      +
      +
        +
      • Blog
        • +
      +
      @@ -95,13 +97,13 @@ axios.get('/api/v1/cv/publications')

      Professional

      -

      -

      +
      Born in 1991 in Tokyo, and got into IT from maintaining a university club's homepage.
      Currently works as a software engineer and also works as a freelancer.
      Likes coffee, gin, music and relaxing cafes
      Dislike sweet or spicy foods
      +

      Please see more details including major accomplishments in LinkedIn

      diff --git a/web-frontend/src/pages/Home.vue b/web-frontend/src/pages/Home.vue index 4dc4d32b..50fe2c83 100644 --- a/web-frontend/src/pages/Home.vue +++ b/web-frontend/src/pages/Home.vue @@ -40,7 +40,6 @@ const words = ref([
        -
      • Learn more
      From f9c8d76a2e510281867f7fadfd744b510d68dce5 Mon Sep 17 00:00:00 2001 From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com> Date: Wed, 27 Nov 2024 22:22:18 +0000 Subject: [PATCH 08/28] build(deps): bump buildpacks/github-actions in the non-majors group Bumps the non-majors group with 1 update: [buildpacks/github-actions](https://github.com/buildpacks/github-actions). Updates `buildpacks/github-actions` from 5.8.2 to 5.8.3 - [Release notes](https://github.com/buildpacks/github-actions/releases) - [Commits](https://github.com/buildpacks/github-actions/compare/v5.8.2...v5.8.3) --- updated-dependencies: - dependency-name: buildpacks/github-actions dependency-type: direct:production update-type: version-update:semver-patch dependency-group: non-majors ... Signed-off-by: dependabot[bot] --- .github/workflows/backend.yaml | 2 +- .github/workflows/build.yaml | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/.github/workflows/backend.yaml b/.github/workflows/backend.yaml index 674ca55f..5589366e 100644 --- a/.github/workflows/backend.yaml +++ b/.github/workflows/backend.yaml @@ -27,7 +27,7 @@ jobs: uses: actions/checkout@v4 - name: Install pack - uses: buildpacks/github-actions/setup-pack@v5.8.2 + uses: buildpacks/github-actions/setup-pack@v5.8.3 # https://github.com/buildpacks/github-actions#setup-pack-cli-action # https://github.com/google-github-actions/auth diff --git a/.github/workflows/build.yaml b/.github/workflows/build.yaml index 633ed3ef..e9cffcf4 100644 --- a/.github/workflows/build.yaml +++ b/.github/workflows/build.yaml @@ -46,7 +46,7 @@ jobs: - name: Install pack if: steps.filter.outputs.api == 'true' - uses: buildpacks/github-actions/setup-pack@v5.8.2 + uses: buildpacks/github-actions/setup-pack@v5.8.3 - name: Build Express App if: steps.filter.outputs.api == 'true' From 4d1502f5f96736d29ba78bab23c4ed999c55f6c5 Mon Sep 17 00:00:00 2001 From: hwakabh Date: Thu, 28 Nov 2024 15:36:37 +0900 Subject: [PATCH 09/28] chore: applied reviews and enabled fullscreen in each page. --- web-frontend/src/pages/About.vue | 16 +++++++++------- web-frontend/src/pages/Contact.vue | 2 +- web-frontend/src/pages/Works.vue | 2 +- 3 files changed, 11 insertions(+), 9 deletions(-) diff --git a/web-frontend/src/pages/About.vue b/web-frontend/src/pages/About.vue index 1ea9476c..239972a1 100644 --- a/web-frontend/src/pages/About.vue +++ b/web-frontend/src/pages/About.vue @@ -41,7 +41,7 @@ axios.get('/api/v1/cv/publications')