1

.github/workflows/jekyll.yml

@@ -1,20 +1,71 @@
-name: Jekyll site CI
+# This workflow uses actions that are not certified by GitHub.
+# They are provided by a third-party and are governed by
+# separate terms of service, privacy policy, and support
+# documentation.
+
+# Sample workflow for building and deploying a Jekyll site to GitHub Pages
+name: Deploy Jekyll site to Pages
 
 on:
+  # Runs on pushes targeting the default branch
   push:
-    branches: [ master ]
-  pull_request:
-    branches: [ master ]
+    branches: ["master"]
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
+# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
 
 jobs:
+  # Build job
   build:
-
     runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Setup Ruby
+        uses: ruby/setup-ruby@v1
+        with:
+          ruby-version: '3.4'
+          bundler-cache: true
+          cache-version: 1
+      # - name: Setup Ruby
+        # https://github.com/ruby/setup-ruby/releases/tag/v1.207.0
+        #uses: ruby/setup-ruby@4a9ddd6f338a97768b8006bf671dfbad383215f4
+        #with:
+        #  ruby-version: '3.1' # Not needed with a .ruby-version file
+        #  bundler-cache: true # runs 'bundle install' and caches installed gems automatically
+        #  cache-version: 0 # Increment this number if you need to re-download cached gems
+      - name: Setup Pages
+        id: pages
+        uses: actions/configure-pages@v5
+      - name: Build with Jekyll
+        # Outputs to the './_site' directory by default
+        run: bundle exec jekyll build --baseurl "${{ steps.pages.outputs.base_path }}"
+        env:
+          JEKYLL_ENV: production
+      - name: Upload artifact
+        # Automatically uploads an artifact from the './_site' directory by default
+        uses: actions/upload-pages-artifact@v3
 
+  # Deployment job
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    needs: build
     steps:
-    - uses: actions/checkout@v2
-    - name: Build the site in the jekyll/builder container
-      run: |
-        docker run \
-        -v ${{ github.workspace }}:/srv/jekyll -v ${{ github.workspace }}/_site:/srv/jekyll/_site \
-        jekyll/builder:latest /bin/bash -c "chmod -R 777 /srv/jekyll && jekyll build --future"
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

README.md

@@ -23,14 +23,14 @@
 ### System Requirements
 * [Ruby](https://www.ruby-lang.org/en/)
 * [Jekyll](https://jekyllrb.com/)
-> You can read **What is Jekyll** [**here**](https://thedevslot.github.io/WhatATheme/blog/what-is-jekyll-how-to-use-it)
+> You can read **What is Jekyll** [**here**](https://thedevslot.github.io/WhatATheme/game/what-is-jekyll-how-to-use-it)
 ### Up and Running
 * Fork the [Repository](https://github.com/thedevslot/WhatATheme/)
 * Clone or download the repository into directory of your choice: `git clone https://github.com/thedevslot/WhatATheme.git`
 * Inside the directory run `bundle install`
 * Host WhatATheme locally by running `bundle exec jekyll s`
 
-> You can read **How to Install and use WhatATheme?** [**here**](https://thedevslot.github.io/WhatATheme/blog/how-to-install-whatatheme)
+> You can read **How to Install and use WhatATheme?** [**here**](https://thedevslot.github.io/WhatATheme/game/how-to-install-whatatheme)
 
 [<img src="https://i.imgur.com/TVI946Z.png" width="250" />](https://youtu.be/VfPa2c9kwhQ)
 

_config.yml

@@ -7,9 +7,9 @@ url: ''
 baseurl: 
 
 # Title of the Site
-title: What A Theme
+title: Xinbei Luo
 # Description of the Site
-description: A customizable Jekyll portfolio theme
+description: Love, Order, Life
 # URL of Image of the Site
 site-image: /WhatATheme/assets/images/meta.jpg
 # Keywords of the Site
@@ -18,17 +18,17 @@ site-keywords: Site, Template, Theme
 favicon-url: 
 
 # URL of the Image of Custom Hero Image (i.e., the image in the background of the very first section of the Homepage)
-heroimage: https://images.pexels.com/photos/220444/pexels-photo-220444.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940
+heroimage: https://luo63211.github.io/images/Personal/LifeMap.png
 
 # Social Media and Contact
 # If you don't want to use any icon, you can leave them blank.
-email: thedevslot@gmail.com
-facebook_username: thedevslot
-twitter_username: thedevslot
-instagram_username: thedevslot
-linkedin_username: thedevslot
-github_username:  thedevslot
-youtube_channel_id: UCk_93NXYP-U_AOB5GfWlOow
+email: xinbei,luo,0917@gmail.com
+facebook_username: 
+twitter_username: 
+instagram_username: 
+linkedin_username: 
+github_username: luo63211
+youtube_channel_id: 
 reddit_username: /
 behance_username: /
 dribbble_username: /
@@ -41,11 +41,13 @@ google-analytics: UA-163806439-1
 disqus-shortname: thedevslot
 
 # Name of the Author
-author-name: TheDevsLot
+author-name: Xinbei Luo
 # URL for the Image of the Author
-author-image: https://cdn.pixabay.com/photo/2015/10/05/22/37/blank-profile-picture-973460_960_720.png
+author-image: https://luo63211.github.io/images/Personal/1.png
 # 60 Words About the Author
-author-about: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eget pharetra velit, dapibus bibendum ex. Maecenas vitae laoreet mauris, ac luctus metus. Aliquam luctus velit vel ipsum feugiat, vel venenatis mauris hendrerit. Sed at vulputate sapien, eget vehicula dolor. Aliquam volutpat pulvinar neque sit amet sodales.
+author-about: Hi, welcome to my website. Here, I'll showcase my projects and share my journey.  
+small-talk:  Link! Where are you going? --- I've seen all the sights. Time to save the princess.
+
 # URL to the Author's Profile (i.e., Github, Twitter, Stackoverflow, etc)
 author-url: https://github.com/thedevslot
 
@@ -60,7 +62,7 @@ plugins:
   - jekyll-feed
 
 # Permalink
-permalink: "blog/:title"
+permalink: "game/:title"
 
 # Compress
 compress_html:
@@ -95,3 +97,4 @@ exclude:
   - vendor/cache/
   - vendor/gems/
   - vendor/ruby/
+

_data/arch-projects.yml

@@ -0,0 +1,4 @@
+- name: Panan Ancient Tea Plantation Hotel Architectural Design
+  image: https://luo63211.github.io/images/Architecture/Guaduation_Half.jpg
+  link: https://luo63211.github.io/arch-project-graduate
+  description: Undergraduate graduation project. 

_data/doc-projects.yml

@@ -0,0 +1,12 @@
+- name: Script of Self-Proof
+  image: https://luo63211.github.io/images/Self-Proof/half.png
+  link: https://luo63211.github.io/doc-project-Selfproof-Script
+  description: Created for game project Self-Proof.
+- name: Tower Defense Game Unit Design Document
+  image: https://luo63211.github.io/images/documents/C&E-Design/0.jpg
+  link: https://luo63211.github.io/doc-project-C&E-Design
+  description: Created for a 2D Tower Defense Game (In Development).
+- name: AFK Shop System Breakdown Document
+  image: https://luo63211.github.io/images/documents/AFK-Shop-System/0.jpg
+  link: https://luo63211.github.io/doc-project-AFK-Storesystem
+  description: Breakdown AFK Shop System based on functions and interfaces.

_data/game-projects.yml

@@ -0,0 +1,12 @@
+- name: Nutri-Planner
+  image: https://luo63211.github.io/images/Nutri-Planner/half.png
+  link: https://luo63211.github.io/game/Nutri-Planner
+  description: A meal planning simulation game based on principles of nutrition using Unity.
+- name: Self-Proof
+  link: https://luo63211.github.io/game/Self-Proof
+  image: https://luo63211.github.io/images/Self-Proof/half.png
+  description: A narrative game inspired by personal love experiences using Unity. 
+- name: Order
+  link: https://luo63211.github.io/game/Order
+  image: https://luo63211.github.io/images/order/Half.png
+  description: A pen-and-paper puzzle board game inspired by mathematical aesthetics.

_data/inst-projects.yml

@@ -0,0 +1,4 @@
+- name: 42
+  image: https://luo63211.github.io/images/42/half.png
+  link: https://luo63211.github.io/inst-project-42
+  description: A music-to-light performance installation using Arduino.

_includes/about.html

@@ -8,18 +8,20 @@
                     </figure>
                 </div>
                 <div class="column has-text-left-desktop has-text-left-tablet has-text-left-fullhd has-text-left-widescreen">
-                    <p>{{site.author-about}}</p>
+                    <p class="author-about">{{site.author-about}}</p>
+                    <hr class="has-background-grey-lighter" style="height:1px; border:none;">
+                    <p class="small-talk">{{site.small-talk}}</p>
                     <br>
                     <div class="container columns is-centered">
                         <div>
-                            <a href="{{site.url}}{{site.baseurl}}/#contact"
-                                class="button is-rounded is-uppercase has-text-weight-normal is-black is-outlined">Contact
-                                Me</a>
+                            <a href="{{site.url}}{{site.baseurl}}/#project"
+                                class="button is-rounded is-uppercase has-text-weight-normal is-black is-outlined">Works Overview
+                                </a>
                             </a>
                         </div>
                         <div>
-                            <a href="{{site.url}}{{site.baseurl}}/blog"
-                                class="button is-rounded is-uppercase has-text-weight-normal is-black is-outlined">Blog</a>
+                            <a href="{{site.url}}{{site.baseurl}}/game"
+                                class="button is-rounded is-uppercase has-text-weight-normal is-black is-outlined">Game Projects</a>
                             </a>
                         </div>
                     </div>