Skip to content

Commit 440e05a

Browse files
helenclxhelenclx
authored
Merge pull request #1 from helenclx/eleventy
Rebuild my developer portfolio website with Eleventy
2 parents d85ea84 + 107b90a commit 440e05a

File tree

309 files changed

+11684
-2056
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

309 files changed

+11684
-2056
lines changed

‎.github/workflows/gh-pages.yml

Lines changed: 51 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
1+
# Mini-tutorial for deploying Eleventyproject to GitHub Pages:
2+
# https://www.11ty.dev/docs/deployment/#deploy-an-eleventy-project-to-github-pages
3+
4+
name: Deploy to GitHub Pages
5+
6+
on:
7+
push:
8+
branches:
9+
- main
10+
pull_request:
11+
12+
jobs:
13+
deploy:
14+
runs-on: ubuntu-latest
15+
permissions:
16+
contents: write
17+
concurrency:
18+
group: ${{ github.workflow }}-${{ github.ref }}
19+
steps:
20+
- uses: actions/checkout@v4
21+
22+
- name: Setup Node
23+
uses: actions/setup-node@v4
24+
with:
25+
node-version: current
26+
27+
# Set up bun
28+
- name: Use Bun
29+
uses: oven-sh/setup-bun@v1
30+
with:
31+
bun-version: latest
32+
- name: Install deps and build
33+
run: |
34+
bun i
35+
bun run build
36+
37+
- name: Persist Eleventy .cache
38+
uses: actions/cache@v4
39+
with:
40+
path: ./.cache
41+
key: ${{ runner.os }}-eleventy-fetch-cache
42+
43+
- run: bun install
44+
- run: bun run build-ghpages
45+
46+
- name: Deploy
47+
uses: peaceiris/actions-gh-pages@v3
48+
if: github.ref == 'refs/heads/main'
49+
with:
50+
github_token: ${{ secrets.GITHUB_TOKEN }}
51+
publish_dir: ./_site

‎.gitignore

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
11
.DS_Store
22
**/blog/posts/2020-11-10-Post-Template.html
3-
__Old
3+
__Old
4+
node_modules

‎Helen-Chong-portfolio-thumbnail.png

-115 KB
Binary file not shown.

‎README.md

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,10 @@
11
# Helen Chong's Portfolio
22

3-
My developer portfolio website.
3+
Source code of my developer portfolio website. Built with Eleventy.
44

55
## Credits
66

7-
- Kolade Chris for the tutorial: [How to Build Your Own Developer Portfolio Website with HTML, CSS, and JavaScript](https://www.freecodecamp.org/news/how-to-build-a-developer-portfolio-website/)
7+
- Gerard Hynes for providing inspiration with the tutorial: [Learn the Eleventy Static Site Generator by Building and Deploying a Portfolio Website](https://www.freecodecamp.org/news/learn-eleventy/)
8+
- Raymond Camden for providing inspiration with the tutorial: [A Complete Guide to Building a Blog with Eleventy](https://cfjedimaster.github.io/eleventy-blog-guide/guide.html)
9+
- Eleventy's official [blog starter project](https://github.com/11ty/eleventy-base-blog) for the inspiration
810
- [icons8](https://icons8.com/)
9-
- [Vector Logo Zone](https://www.vectorlogo.zone/)
10-
- [unDraw](https://undraw.co/)
11-
- [Zonelets](https://zonelets.net/)

‎_site/about/index.html

Lines changed: 127 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,127 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<meta name="description" content="I'm a Frontend software developer who builds sites and apps that help people reach their personal and professional goals."/>
8+
9+
10+
<link rel="preconnect" href="https://fonts.googleapis.com">
11+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
12+
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
13+
14+
15+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
16+
17+
18+
<link rel="apple-touch-icon" sizes="180x180" href="/assets/icons/favicon/apple-touch-icon.png">
19+
<link rel="icon" type="image/png" sizes="32x32" href="/assets/icons/favicon/favicon-32x32.png">
20+
<link rel="icon" type="image/png" sizes="16x16" href="/assets/icons/favicon/favicon-16x16.png">
21+
<link rel="manifest" href="/assets/icons/favicon/site.webmanifest">
22+
23+
24+
<link rel="stylesheet" href="/assets/css/style.css">
25+
26+
27+
<script src="/assets/js/scroll.js" defer></script>
28+
<script src="/assets/js/header-links.js" defer></script>
29+
30+
<title> About | Helen Chong | Front-End Web Developer</title>
31+
</head>
32+
<body>
33+
<button class="top-btn hidden" aria-label="Scroll to top">
34+
<img src="/assets/icons/top.svg" alt="">
35+
</button>
36+
<div class="content">
37+
<header class="header">
38+
<h1 class="header__title">
39+
<a href="/">Helen Chong</a>
40+
</h1>
41+
<h2 class="visually-hidden">Navigation Links:</h2>
42+
<ul class="header__links">
43+
<li>
44+
<a class="header__link" href="/about">About</a>
45+
</li>
46+
<li>
47+
<a class="header__link" href="/projects">Projects</a>
48+
</li>
49+
<li>
50+
<a class="header__link" href="/blog">Blog</a>
51+
</li>
52+
<li>
53+
<a class="header__link" href="/contact">Contact</a>
54+
</li>
55+
</ul>
56+
<button class="header__toggle" aria-label="Toggle navigation menu">
57+
<i class="fa-solid fa-bars"></i>
58+
</button>
59+
</header>
60+
61+
<main class="main container">
62+
63+
<section class="bio prose">
64+
<h2 class="heading--main">About Me</h2>
65+
66+
<div class="profile__image-wrapper">
67+
<picture><source type="image/avif" srcset="/assets/images/OmYY2t_GWa-300.avif 300w, /assets/images/OmYY2t_GWa-800.avif 800w, /assets/images/OmYY2t_GWa-2000.avif 2000w" sizes="(min-width: 16em) 50vw, 100vw"><img alt="Helen Chong, Front-End Developer" loading="lazy" decoding="async" src="/assets/images/OmYY2t_GWa-300.jpeg" width="2000" height="2000" srcset="/assets/images/OmYY2t_GWa-300.jpeg 300w, /assets/images/OmYY2t_GWa-800.jpeg 800w, /assets/images/OmYY2t_GWa-2000.jpeg 2000w" sizes="(min-width: 16em) 50vw, 100vw"></picture>
68+
</div>
69+
70+
<p>Hi, I am Helen Chong (they/she). I am a front-end web developer with 8 years of working experience as a graphic designer.</p>
71+
72+
<p>Currently I specialise in front-end web development. I intend to transfer my graphic design experience into web design and web development expertise.</p>
73+
74+
<h3>My Certificates:</h3>
75+
76+
<ul>
77+
<li>freeCodeCamp's <a href="https://www.freecodecamp.org/certification/helenclx/responsive-web-design" target="_blank">Responsive Web Design Certification</a></li>
78+
<li>freeCodeCamp's <a href="https://www.freecodecamp.org/certification/helenclx/javascript-algorithms-and-data-structures-v8" target="_blank">JavaScript Algorithms and Data Structures (Beta) Certification</a></li>
79+
<li>freeCodeCamp's <a href="https://www.freecodecamp.org/certification/helenclx/javascript-algorithms-and-data-structures" target="_blank">Legacy JavaScript Algorithms and Data Structures Certification</a></li>
80+
<li>Chingu Voyage #46 <a href="/assets/documents/Chingu-Voyage46-Completion-Cert.pdf" target="blank">Certificate of Completion</a></li>
81+
</ul>
82+
</section>
83+
</main>
84+
</div>
85+
<footer class="footer container">
86+
<nav class="socials">
87+
<h2 class="visually-hidden">Social Links:</h2>
88+
<ul class="socials__links">
89+
<li>
90+
<a href="https://github.com/helenclx" target="_blank">
91+
<p class="visually-hidden">GitHub</p>
92+
<i class="fa-brands fa-github socials__icon" aria-hidden="true"></i>
93+
</a>
94+
</li>
95+
<li>
96+
<a href="https://twitter.com/helen_clx" target="_blank">
97+
<p class="visually-hidden">Twitter</p>
98+
<i class="fa-brands fa-twitter socials__icon" aria-hidden="true"></i>
99+
</a>
100+
</li>
101+
<li>
102+
<a href="https://tech.lgbt/@helenclx" target="_blank">
103+
<p class="visually-hidden">Mastodon</p>
104+
<i class="fa-brands fa-mastodon socials__icon" aria-hidden="true"></i>
105+
</a>
106+
</li>
107+
<li>
108+
<a href="https://bsky.app/profile/helenclx.bsky.social" target="_blank">
109+
<p class="visually-hidden">Bluesky</p>
110+
<i class="fa-brands fa-bluesky socials__icon" aria-hidden="true"></i>
111+
</a>
112+
</li>
113+
<li>
114+
<a href="https://www.linkedin.com/in/helenclx/" target="_blank">
115+
<p class="visually-hidden">LinkedIn</p>
116+
<i class="fa-brands fa-linkedin socials__icon" aria-hidden="true"></i>
117+
</a>
118+
</li>
119+
</ul>
120+
</nav>
121+
122+
123+
<p>Built with &#x2661; by Helen Chong.</p>
124+
<p>2022–2024. <a href="https://github.com/helenclx/helenclx.github.io" target="_blank">Source Code</a>.</p>
125+
</footer>
126+
</body>
127+
</html>

0 commit comments

Comments
 (0)