feat: re-design resume-biography-3 block & support full color palettes

This commit is contained in:
Splitter
2025-09-06 20:59:41 +00:00
parent a7465c5c64
commit 8ecbaf336f
5 changed files with 132 additions and 132 deletions

View File

@@ -6,7 +6,7 @@
# Appearance # Appearance
appearance: appearance:
mode: system mode: system
color: emerald color: indigo
# SEO # SEO
marketing: marketing:
@@ -30,12 +30,12 @@ marketing:
header: header:
navbar: navbar:
enable: true enable: true
blox: "navbar" block: 'navbar'
fixed_to_top: true fixed_to_top: true
show_search: true show_search: true
show_theme_chooser: true show_theme_chooser: true
logo: logo:
text: "Your Name" text: 'Your Name'
# Site footer # Site footer
footer: footer:

View File

@@ -1,36 +1,56 @@
--- ---
# Leave the homepage title empty to use the site title # Leave the homepage title empty to use the site title
title: "" title: ''
date: 2022-10-24 date: 2022-10-24
type: landing type: landing
design: design:
# Default section spacing # Default section spacing
spacing: "6rem" spacing: '6rem'
sections: sections:
- block: resume-biography-3 - block: resume-biography-3
content: content:
# Choose a user profile to display (a folder name within `content/authors/`) # Choose a user profile to display (a folder name within `content/authors/`)
username: admin username: admin
text: "" text: ''
# Show a call-to-action button under your biography? (optional) # Show a call-to-action button under your biography? (optional)
button: button:
text: Download CV text: Download CV
url: uploads/resume.pdf url: uploads/resume.pdf
headings:
about: ''
education: ''
interests: ''
design: design:
css_class: dark css_class: hbx-bg-gradient
# Avatar customization # Avatar customization
avatar: avatar:
size: medium # Options: small (150px), medium (200px, default), large (320px), xl (400px), xxl (500px) size: medium # Options: small (150px), medium (200px, default), large (320px), xl (400px), xxl (500px)
shape: circle # Options: circle (default), square, rounded shape: circle # Options: circle (default), square, rounded
background: background:
color: black #color: black
image: #image:
# Add your image background to `assets/media/`. # RECOMMENDED: Modern gradient mesh backgrounds
filename: stacked-peaks.svg # Option 1: Abstract neural network visualization (perfect for AI researchers)
filters: # filename: https://images.unsplash.com/photo-1635070041078-e363dbe005cb
brightness: 1.0
# Option 2: Dark gradient mesh (sophisticated and modern)
# filename: https://images.unsplash.com/photo-1557683316-973673baf926
# Option 3: Subtle tech pattern (professional)
# filename: https://images.unsplash.com/photo-1451187580459-43490279c0fa
# Current: Generic geometric pattern (consider upgrading)
#filename: stacked-peaks.svg
# For best 2025 results, consider:
# 1. Using a CSS gradient instead (remove image section)
# 2. Implementing particle.js for interactive background
# 3. Using a subtle video background with neural network visualization
#filters:
#brightness: 0.7 # Darkened for better text contrast
size: cover size: cover
position: center position: center
parallax: false parallax: false
@@ -60,7 +80,7 @@ sections:
- block: collection - block: collection
content: content:
title: Recent Publications title: Recent Publications
text: "" text: ''
filters: filters:
folders: folders:
- publication - publication
@@ -89,13 +109,13 @@ sections:
count: 5 count: 5
# Filter on criteria # Filter on criteria
filters: filters:
author: "" author: ''
category: "" category: ''
tag: "" tag: ''
exclude_featured: false exclude_featured: false
exclude_future: false exclude_future: false
exclude_past: false exclude_past: false
publication_type: "" publication_type: ''
# Choose how many pages you would like to offset by # Choose how many pages you would like to offset by
offset: 0 offset: 0
# Page order: descending (desc) or ascending (asc) date. # Page order: descending (desc) or ascending (asc) date.
@@ -124,6 +144,6 @@ sections:
design: design:
card: card:
# Card background color (CSS class) # Card background color (CSS class)
css_class: "bg-primary-700" css_class: 'bg-primary-700'
css_style: "" css_style: ''
--- ---

View File

@@ -1,20 +1,20 @@
--- ---
# Display name # Display name
title: 吳健雄 title: Alex Johnson
# Name pronunciation (optional) # Name pronunciation (optional)
name_pronunciation: Chien Shiung Wu name_pronunciation: ''
# Full name (for SEO) # Full name (for SEO)
first_name: Shiung Wu first_name: Alex
last_name: Chien last_name: Johnson
# Pronouns (optional) # Pronouns (optional)
pronouns: she/her pronouns: he/him
# Status emoji # Status emoji
status: status:
icon: ☕️ icon: 🚀
# Is this the primary user of the site? # Is this the primary user of the site?
superuser: true superuser: true
@@ -23,167 +23,147 @@ superuser: true
highlight_name: true highlight_name: true
# Role/position/tagline # Role/position/tagline
role: Chief Scientist role: Senior AI Research Scientist
# Organizations/Affiliations to display in Biography blox # Organizations/Affiliations to display in Biography blox
organizations: organizations:
- name: OpenAI - name: Meta AI
url: https://openai.com/ url: https://ai.meta.com/
# Social network links # Social network links
# Need to use another icon? Simply download the SVG icon to your `assets/media/icons/` folder. # Need to use another icon? Simply download the SVG icon to your `assets/media/icons/` folder.
profiles: profiles:
- icon: at-symbol - icon: at-symbol
url: 'mailto:your-email@example.com' url: 'mailto:alex.johnson@meta.com'
label: E-mail Me label: E-mail Me
- icon: brands/x - icon: brands/x
url: https://twitter.com/GetResearchDev url: https://twitter.com/AlexAIResearch
- icon: brands/instagram
url: https://www.instagram.com/
- icon: brands/github - icon: brands/github
url: https://github.com/gcushen url: https://github.com/alexjohnsonai
- icon: brands/linkedin - icon: brands/linkedin
url: https://www.linkedin.com/ url: https://www.linkedin.com/in/alexjohnsonai/
- icon: academicons/google-scholar - icon: academicons/google-scholar
url: https://scholar.google.com/ url: https://scholar.google.com/citations?user=alexjohnson
- icon: academicons/orcid - icon: academicons/orcid
url: https://orcid.org/ url: https://orcid.org/0000-0002-1825-0097
interests: interests:
- Artificial Intelligence - Large Language Models
- Computational Linguistics - Computer Vision
- Information Retrieval - Reinforcement Learning
- AI Ethics
education: education:
- area: PhD Artificial Intelligence - area: PhD Computer Science (AI Focus)
institution: Stanford University institution: Stanford University
date_start: 2016-01-01 date_start: 2015-09-01
date_end: 2020-12-31 date_end: 2019-06-30
summary: | summary: |
Thesis on _Why LLMs are awesome_. Supervised by [Prof Joe Smith](https://example.com). Presented papers at 5 IEEE conferences with the contributions being published in 2 Springer journals. Thesis on _Scaling Laws for Neural Language Models_. Supervised by Prof. Andrew Ng. Published 5 papers in NeurIPS and ICML, with 2 best paper awards.
button: button:
text: 'Read Thesis' text: 'Read Thesis'
url: 'https://example.com' url: 'https://example.com/thesis.pdf'
- area: MEng Artificial Intelligence - area: MS Computer Science
institution: Massachusetts Institute of Technology institution: Carnegie Mellon University
date_start: 2016-01-01 date_start: 2013-09-01
date_end: 2020-12-31 date_end: 2015-05-31
summary: | summary: |
GPA: 3.8/4.0 GPA: 4.0/4.0
Courses included: Specialized in machine learning and robotics.
- lorem ipsum dolor sit amet, consectetur adipiscing elit - area: BS Computer Science
- lorem ipsum dolor sit amet, consectetur adipiscing elit institution: MIT
- lorem ipsum dolor sit amet, consectetur adipiscing elit date_start: 2009-09-01
- area: BSc Artificial Intelligence date_end: 2013-05-31
institution: Massachusetts Institute of Technology
date_start: 2016-01-01
date_end: 2020-12-31
summary: | summary: |
GPA: 3.4/4.0 GPA: 3.9/4.0
Minored in Mathematics. President of AI Club.
Courses included:
- lorem ipsum dolor sit amet, consectetur adipiscing elit
- lorem ipsum dolor sit amet, consectetur adipiscing elit
- lorem ipsum dolor sit amet, consectetur adipiscing elit
work: work:
- position: Director of Cloud Infrastructure - position: Senior AI Research Scientist
company_name: GenCoin company_name: Meta AI
company_url: '' company_url: 'https://ai.meta.com/'
company_logo: '' company_logo: ''
date_start: 2021-01-01 date_start: 2020-01-01
date_end: '' date_end: ''
summary: |2- summary: |2-
Responsibilities include: Leading research on multimodal AI systems. Contributed to Llama 2 and other open-source models. 50+ citations in 3 years.
- lorem ipsum dolor sit amet, consectetur adipiscing elit - position: AI Research Intern
- lorem ipsum dolor sit amet, consectetur adipiscing elit company_name: OpenAI
- lorem ipsum dolor sit amet, consectetur adipiscing elit company_url: 'https://openai.com/'
- position: Backend Software Engineer
company_name: X
company_url: ''
company_logo: '' company_logo: ''
date_start: 2016-01-01 date_start: 2019-06-01
date_end: 2020-12-31 date_end: 2019-12-31
summary: | summary: |
Responsibilities include: Worked on GPT-3 scaling. Co-authored paper on prompt engineering.
- Migrated infrastructure to a new data center
- lorem ipsum dolor sit amet, consectetur adipiscing elit
- lorem ipsum dolor sit amet, consectetur adipiscing elit
# Skills # Skills
# Add your own SVG icons to `assets/media/icons/` # Add your own SVG icons to `assets/media/icons/`
skills: skills:
- name: Technical Skills - name: Technical Skills
items: items:
- name: Python - name: Python & PyTorch
description: '' description: ''
percent: 80 percent: 95
icon: code-bracket icon: code-bracket
- name: Data Science - name: Machine Learning
description: '' description: ''
percent: 100 percent: 100
icon: chart-bar icon: chart-bar
- name: SQL - name: Cloud Computing (AWS/GCP)
description: '' description: ''
percent: 40 percent: 85
icon: circle-stack icon: cloud
- name: Hobbies - name: Hobbies
color: '#eeac02' color: '#eeac02'
color_border: '#f0bf23' color_border: '#f0bf23'
items: items:
- name: Hiking - name: Hiking in the Rockies
description: ''
percent: 60
icon: person-simple-walk
- name: Cats
description: ''
percent: 100
icon: cat
- name: Photography
description: '' description: ''
percent: 80 percent: 80
icon: camera icon: person-simple-walk
- name: Building Custom PCs
description: ''
percent: 90
icon: cpu-chip
- name: Sci-Fi Reading
description: ''
percent: 70
icon: book-open
languages: languages:
- name: English - name: English
percent: 100 percent: 100
- name: Chinese - name: Spanish
percent: 75 percent: 50
- name: Portuguese
percent: 25
# Awards. # Awards.
# Add/remove as many awards below as you like. # Add/remove as many awards below as you like.
# Only `title`, `awarder`, and `date` are required. # Only `title`, `awarder`, and `date` are required.
# Begin multi-line `summary` with YAML's `|` or `|2-` multi-line prefix and indent 2 spaces below. # Begin multi-line `summary` with YAML's `|` or `|2-` multi-line prefix and indent 2 spaces below.
awards: awards:
- title: Neural Networks and Deep Learning - title: Best Paper Award
url: https://www.coursera.org/learn/neural-networks-deep-learning url: https://neurips.cc/
date: '2023-11-25' date: '2022-12-01'
awarder: Coursera awarder: NeurIPS
icon: coursera icon: hero/trophy
summary: | summary: |
I studied the foundational concept of neural networks and deep learning. By the end, I was familiar with the significant technological trends driving the rise of deep learning; build, train, and apply fully connected deep neural networks; implement efficient (vectorized) neural networks; identify key parameters in a neural networks architecture; and apply deep learning to your own applications. Awarded for groundbreaking work on efficient training of large models.
- title: Blockchain Fundamentals - title: AI Innovation Grant
url: https://www.edx.org/professional-certificate/uc-berkeleyx-blockchain-fundamentals url: https://www.nsf.gov/
date: '2023-07-01' date: '2021-06-15'
awarder: edX awarder: National Science Foundation
icon: edx icon: hero/currency-dollar
summary: | summary: |
Learned: $500,000 grant for research in ethical AI development.
- Synthesize your own blockchain solutions - title: Outstanding PhD Thesis
- Gain an in-depth understanding of the specific mechanics of Bitcoin url: https://www.stanford.edu/
- Understand Bitcoins real-life applications and learn how to attack and destroy Bitcoin, Ethereum, smart contracts and Dapps, and alternatives to Bitcoins Proof-of-Work consensus algorithm date: '2019-06-30'
- title: 'Object-Oriented Programming in R' awarder: Stanford University
url: https://www.datacamp.com/courses/object-oriented-programming-with-s3-and-r6-in-r icon: hero/academic-cap
certificate_url: https://www.datacamp.com
date: '2023-01-21'
awarder: datacamp
icon: datacamp
summary: | summary: |
Object-oriented programming (OOP) lets you specify relationships between functions and the objects that they can act on, helping you manage complexity in your code. This is an intermediate level course, providing an introduction to OOP, using the S3 and R6 systems. S3 is a great day-to-day R programming tool that simplifies some of the functions that you write. R6 is especially useful for industry-specific analyses, working with web APIs, and building GUIs. Recognized for contributions to scaling laws in deep learning.
--- ---
## About Me Alex Johnson is a Senior AI Research Scientist at Meta AI, where he leads groundbreaking work on large language models and multimodal systems. His research has been published in top conferences like NeurIPS and ICML, with over 10,000 citations. Alex is passionate about pushing the boundaries of AI while ensuring ethical development. Outside of work, he enjoys hiking in the Rockies, building custom PCs, and mentoring the next generation of AI talent.
Chien Shiung Wu is a professor of artificial intelligence at the Stanford AI Lab. Her research interests include distributed robotics, mobile computing and programmable matter. She leads the Robotic Neurobiology group, which develops self-reconfiguring robots, systems of self-organizing robots, and mobile sensor networks.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 125 KiB