update all contents

knhnd · Jun 28, 2024 · a726f8a · a726f8a
1 parent a791ec2
commit a726f8a
Show file tree

Hide file tree

Showing 9 changed files with 277 additions and 226 deletions.
diff --git a/README.md b/README.md
@@ -1,22 +1,22 @@
 # Ken HONDA Webpage
 
-This is my personal webpage for research, work and some activities.
-[Astro](https://astro.build/) で実装．テーマのテンプレートには [Astrofy](https://astro.build/themes/details/astrofy-personal-porfolio-website-template/) を採用．
+This is my personal web page for research, work and some activities.
 
-### Theme: Astrofy
+### Setup
 
-- install: `pnpm install`
-- local server: `pnpm run dev`
+Web フレームワーク [Astro](https://astro.build/) で実装．テーマのテンプレートに [Astrofy](https://astro.build/themes/details/astrofy-personal-porfolio-website-template/) を採用．
 
-## Project Structure
+- Install & Local Server
+  - [Astrofy Repository](https://github.com/manuelernestog/astrofy) からプロジェクトをクローン
+  - `pnpm install` でインストール
+  - `pnpm run dev`　でローカルサーバの起動
 
-デフォルトの構成は以下（不必要なものは削っている）
+## Project Structure
 
 ```php
 ├── src/
 │   ├── components/
-│   │   ├── cv/
-│   │   │   ├── TimeLine
+│   │   ├── TimeLine
 │   │   ├── BaseHead.astro
 │   │   ├── Card.astro
 │   │   ├── Footer.astro
@@ -26,13 +26,6 @@ This is my personal webpage for research, work and some activities.
 │   │   └── SideBarMenu.astro
 │   │   └── SideBarFooter.astro
 │   ├── content/
-│   │   ├── blog/
-│   │   │   ├── post1.md
-│   │   │   ├── post2.md
-│   │   │   └── post3.md
-│   │   ├── store/
-│   │   │   ├── item1.md
-│   │   │   ├── item2.md
 │   ├── layouts/
 │   │   └── BaseLayout.astro
 │   │   └── PostLayout.astro
@@ -57,113 +50,10 @@ This is my personal webpage for research, work and some activities.
 └── tsconfig.json
 ```
 
-### サイト設定
-
-- `/src/config.ts` を編集
-  - **SITE_TITLE**: ページタイトル
-  - **SITE_DESCRIPTION**: ページの説明
-  - **GENERATE_SLUG_FROM_TITLE**: ブログ用の slug
-  - **TRANSITION_API**: Enable and disable transition API
-
-## コンポーネント
-
-### Layout Components
-
-The `BaseHead`, `Footer`, `Header`, and `SideBar` components are already included in the layout system. To change the website content you can edit the content of these components.
-
-##### SideBar
-
-In the Sidebar you can change your profilePicture, links to all your website pages, and your social icons.
-
-You can change your avatar shape using [mask classes](https://daisyui.com/components/mask/).
-
-The used social-icons are SVG form [BoxIcons](https://boxicons.com/) pack. You can replace the icons in the `SideBarFooter` component
-
-To add a new page in the sidebar go to the `SideBarMenu` component.
-
-```
-<li><a class="py-3 text-base" id="home" href="/">Home</a></li>
-
-```
-
-**Note**: In order to change the sidebar menu's active item, you need to setup the prop `sideBarActiveItemID` in the `BaseLayout` component of your new page and add that id to the link in the `SideBarMenu`
-
-#### TimeLine
-
-The timeline components are used to confirm the Experience.
-
-```html
-<div class="time-line-container">
-  <TimeLineElement title="Element Title" subtitle="Subtitle">
-    Content that can contain
-    <div>divs</div>
-    and <span>anything else you want</span>.
-  </TimeLineElement>
-  ...
-</div>
-```
-
-#### Card & HorizontalCard
-
-The cards are primarly used for the Project and the Blog components. They include a picture, a title, and a description.
-
-```html
-<HorizontalCard title="Card Title" img="imge_url" desc="Description" url="Link URL" target="Optional link target (_blank
-default)" badge="Optional badge" tags={['Array','of','tags']} />
-```
-
-#### Adding a Custom Component
-
-To add a custom component, you can create a .astro file in the components folder under the source folder.
-
-Components must follow this template. The `---` represents the code fence and uses Javascript and can be used for imports.
-
-The HTML component is the actual style of your new component.
-
-```html
----
-// Component Script (JavaScript)
----
-
-<!-- Component Template (HTML + JS Expressions) -->
-```
-
-For more details, see the [astro components](https://docs.astro.build/en/core-concepts/astro-components/) documentation here.
-
-### Layouts
-
-Include `BaseLayout` in each page you add and `PostLayout` to your post pages.
-
-The BaseLayout defines a general template for each new webpage you want to add. It imports constants SITE_TITLE and SITE_DESCRIPTION which can be modified in the `../config` folder. Data placed there can be imported anywhere using import.
-
-### Content
-
-You can add a [content collection](https://docs.astro.build/en/guides/content-collections/) in `/content/' folder, you will need add it at config.ts.
-
-#### config.ts
-
-Where you need to define your content collections, we define our content schemas too.
-
-### Pages
-
-#### Static pages
-
-The other pages included in the template are static pages. The `index` page belongs to the root page. You can add your pages directly in the `/pages` folder and then add a link to those pages in the `sidebar` component.
-
-Feel free to modify the content included in the pages that the template contains or add the ones you need.
-
-### Theming
-
-To change the template theme change the `data-theme` attribute of the `<html>` tag in `BaseLayout.astro` file.
-
-You can choose among 30 themes available or create your custom theme. See themes available [here](https://daisyui.com/docs/themes/).
-
-## Sitemap
-
-The Sitemap is generated automatically when you build your website in the root of the domain. Please update the `robots.txt` file in the public folder with your site name URL for the Sitemap.
-
-## Deploy
+### コンテンツの編集
 
-You can deploy your site on your favourite static hosting service such as Vercel, Netlify, GitHub Pages, etc.
+- サイト設定：`/src/config.ts`
+- コンポーネント：`/src/components` の `.astro` ファイル
+- コンテンツ：`src/pages/` の `.astro` ファイル
 
-The configuration for the deployment varies depending on the platform where you are going to do it. See the [official Astro information](https://docs.astro.build/en/guides/deploy/) to deploy your website.
+詳細は[リポジトリの README](https://github.com/manuelernestog/astrofy) を参照．
diff --git a/src/components/HorizontalCard.astro b/src/components/HorizontalCard.astro
@@ -1,5 +1,5 @@
 ---
-const { title, img, desc, url, badge, tags, target = "_blank" } = Astro.props;
+const { author, title, img, desc, url, badge, tags, target = "_blank" } = Astro.props;
 import { Image } from "astro:assets";
 const tag_url = url.split("/").slice(0, -1).join("/") + "/tag";
 ---
@@ -22,9 +22,9 @@ const tag_url = url.split("/").slice(0, -1).join("/") + "/tag";
         )
       }
       <div class="grow w-full">
+        <p class="py-1 text-1xl">{author}</p>
         <h1 class="text-xl font-bold">
           {title}
-          {badge && <div class="badge badge-secondary mx-2">{badge}</div>}
         </h1>
         <p class="py-1 text-1xl">{desc}</p>
         <div class="card-actions justify-end">
@@ -37,6 +37,7 @@ const tag_url = url.split("/").slice(0, -1).join("/") + "/tag";
               ))
           }
         </div>
+        {badge && <div class="badge badge-secondary mx-2">{badge}</div>}
       </div>
     </div>
   </a>

diff --git a/src/components/SideBarMenu.astro b/src/components/SideBarMenu.astro
@@ -8,13 +8,14 @@ const activeClass = "bg-base-300"; // For primary color replace with `active` cl
     <li><a class="py-3 text-base" id="about" href="/about">About Me</a></li>
     <li><a class="py-3 text-base" id="projects" href="/projects">Projects</a></li>
     <li><a class="py-3 text-base" id="publications" href="/publications">Publications</a></li>
+    <li><a class="py-3 text-base" id="lectures" href="/lectures">Lectures</a></li>
     <li>
         <a
             class="py-3 text-base"
             href="mailto:[email protected]"
             target="_blank"
-            referrerpolicy="no-referrer-when-downgrade">Contact</a
-        >
+            referrerpolicy="no-referrer-when-downgrade">Contact
+        </a>
     </li>
 </ul>
 

diff --git a/src/components/TimeLine.astro b/src/components/TimeLine.astro
@@ -1,5 +1,5 @@
 ---
-const { title, subtitle } = Astro.props;
+const { title, subtitle, date } = Astro.props;
 ---
 
 <div class="flex">
@@ -9,7 +9,8 @@ const { title, subtitle } = Astro.props;
   </div>
   <div class="experience__data bd-grid px-5">
     <h3 class="font-semibold mb-1">{title}</h3>
-    <span class="font-light text-sm">{subtitle}</span>
+    <span class="font-light text-sm">{subtitle}</span><br>
+    <span class="font-light text-sm">{date}</span>
     <p class="my-2 text-justify">
       <slot />
     </p>

diff --git a/src/pages/about.astro b/src/pages/about.astro
@@ -3,16 +3,13 @@ import BaseLayout from "../layouts/BaseLayout.astro";
 import TimeLineElement from "../components/TimeLine.astro";
 ---
 
-<BaseLayout title="Resume" sideBarActiveItemID="cv">
+<BaseLayout title="AboutMe" sideBarActiveItemID="cv">
   <div class="mb-5">
     <div class="text-3xl w-full font-bold">Profile</div>
   </div>
 
   <div class="mb-10 text-justify">
-    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
-    aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
-    aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
-    cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+    Ken HONDA was born in Nishi-tokyo city, Tokyo, Japan. Research interests are the Media Information Processing, Database Systems, Social Computing and Human Computer Interaction.
   </div>
 
   <div class="mb-5">
@@ -21,72 +18,109 @@ import TimeLineElement from "../components/TimeLine.astro";
 
   <div class="time-line-container mb-10">
     <TimeLineElement
-      title="Job Title at Project or Company Name"
-      subtitle="From [Start Date] to [End Date] at [Company], [City], [Country]"
-    >
-      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.
+      title="Full-time Assisstant at Faculty of Engineering, International Professional University of Technology"
+      subtitle="東京国際工科専門職大学 工科学部 助手"
+      date="From 2024-04-01 to present, Tokyo, Japan">
     </TimeLineElement>
+
+    <TimeLineElement
+      title="Part-time Lecturer at Faculty of Global Studies and Collaboration, Aoyama Gakuin University"
+      subtitle="青山学院大学 地球社会共生学部 非常勤講師"
+      date="From 2021-09-01 to present, Kanagawa, Japan">
+    </TimeLineElement>
+
     <TimeLineElement
-      title="Job Title at Project or Company Name"
-      subtitle="From [Start Date] to [End Date] at [Company], [City], [Country]"
-    >
-      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.
+      title="Full-time Assisstant at Faculty of Global Media Studies, Komazawa University"
+      subtitle="駒澤大学 グローバル・メディア・スタディーズ学部 助手"
+      date="From 2021-04-01 to 2024-03-31, Tokyo, Japan">
     </TimeLineElement>
+
+    <TimeLineElement
+      title="Software Engineer at Bitkey Inc."
+      subtitle="株式会社ビットキー ソフトウェアエンジニア"
+      date="From 2019-09-01 to 2021-03-31, Tokyo, Japan">
+    </TimeLineElement>
+
+    <TimeLineElement
+    title="Researcher at OrangeTechLab Inc."
+    subtitle="株式会社オレンジテクラボ 研究員"
+    date="From 2018-06-01 to 2020-03-31, Tokyo, Japan">
+    </TimeLineElement>
+
     <TimeLineElement
-      title="Job Title at Project or Company Name"
-      subtitle="From [Start Date] to [End Date] at [Company], [City], [Country]"
-    >
-      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.
+    title="Part-time Instructor at LITALICO Inc."
+    subtitle="株式会社LITALICO 非常勤講師"
+    date="From 2015-04-01 to 2020-03-31, Tokyo, Japan">
     </TimeLineElement>
   </div>
 
   <div class="mb-5">
-    <div class="text-3xl w-full font-bold">Education</div>
+    <div class="text-3xl w-full font-bold">Academic Contributions</div>
   </div>
 
   <div class="time-line-container grid gap-4 mb-10">
     <TimeLineElement
-      title="Title Name"
-      subtitle="[start year] to [end year] at [Study Center Name], [City], [Country]"
+      title="電子情報通信学会データ工学研究会 幹事"
+      subtitle="2023-04-01 to present"
+    />
+
+    <TimeLineElement
+    title="FIT2023 プログラム委員"
+    subtitle="2022-10-01 to 2023-09-30"
+    />
+
+    <TimeLineElement
+    title="FIT2022 研究会担当委員"
+    subtitle="2021-10-01 to 2022-09-30"
     />
+
     <TimeLineElement
-      title="Title Name"
-      subtitle="[start year] to [end year] at [Study Center Name], [City], [Country]"
+    title="FIT2021 研究会担当委員"
+    subtitle="2020-10-01 to 2021-09-30"
+    />
+
+    <TimeLineElement
+    title="電子情報通信学会データ工学研究会 幹事補佐"
+    subtitle="2020-04-01 to 2023-03-31"
     />
   </div>
 
   <div class="mb-5">
-    <div class="text-3xl w-full font-bold">Certifications</div>
+    <div class="text-3xl w-full font-bold">Education</div>
+  </div>
+
+  <div class="time-line-container grid gap-4 mb-10">
+    <TimeLineElement
+      title="Recieved a Ph.D. degree in Media from Graduate School of Global Media, Komazawa University"
+      subtitle="駒澤大学大学院グローバル・メディア研究科グローバル・メディア専攻 博士後期課程 修了（博士（メディア学））"
+      date="2020-03, Tokyo, Japan."
+    />
+    <TimeLineElement
+    title="Recieved a M.A. degree in Media from Graduate School of Global Media, Komazawa University"
+    subtitle="駒澤大学大学院グローバル・メディア研究科グローバル・メディア専攻 修士課程 修了（修士（メディア学））"
+    date="2017-03, Tokyo, Japan."
+    />
+    <TimeLineElement
+    title="Recieved a B.A. degree in Media from Faculty of Global Media Studies, Komazawa University"
+    subtitle="駒澤大学グローバル・メディアスタディーズ学部グローバル・メディア学科 卒業"
+    date="2015-03, Tokyo, Japan."
+    />
   </div>
 
+  <!-- <div class="mb-5">
+    <div class="text-3xl w-full font-bold">Certifications</div>
+  </div>
   <ul class="list-disc mx-6 mb-10 grid gap-2">
     <li>
       <a href="#" target="_blank"> Certification Name (with link)</a>
     </li>
-    <li>
-      <a href="#" target="_blank"> Certification Name (with link)</a>
-    </li>
   </ul>
 
   <div class="mb-5">
-    <div class="text-3xl w-full font-bold">Skills</div>
+    <div class="text-3xl w-full font-bold">Biography</div>
   </div>
-
-  <ul class="list-disc md:columns-5 columns-2 mx-6">
-    <li>Skill Name</li>
-    <li>Skill Name</li>
-    <li>Skill Name</li>
-    <li>Skill Name</li>
-    <li>Skill Name</li>
-    <li>Skill Name</li>
-    <li>Skill Name</li>
-    <li>Skill Name</li>
-    <li>Skill Name</li>
-    <li>Skill Name</li>
-    <li>Skill Name</li>
-    <li>Skill Name</li>
-    <li>Skill Name</li>
-    <li>Skill Name</li>
-    <li>Skill Name</li>
-  </ul>
+  <ul class="list-disc mx-6 mb-10 grid gap-2">
+    <li>2019-09 to 2021-03: Software Engineer</li>
+    <li>2018-06 to 2020-03: Researcher</li>
+  </ul> -->
 </BaseLayout>