updated socials, added faq

This commit is contained in:
liyunze 2024-06-29 23:10:51 +10:00
parent 0b13b82462
commit 6f05d793bd
6 changed files with 287 additions and 205 deletions

View file

@ -14,23 +14,29 @@ import Line from "../elements/NetworkLine.astro";
Frontend Web Developer Intern
</h2>
<h3 class="font-bold">@ Studio20 Malaysia</h3>
<h3>Jan - April 2024</h3>
<h3>Jan 2024 - April 2024</h3>
</div>
<hr class="w-full mb-3" />
<p class="mb-3">
During my internship, I learnt how to do WordPress and
further enhanced my skills in PHP. I also learnt how to
closely work with UI/UX designers and pay close
attention to details with the design I am given.
During my internship, I learnt how to build WordPress
sites and further enhance my skills in PHP. I also
learnt how to closely work with UI/UX designers and pay
close attention to details with the designs I am given.
</p>
<h3 class="mb-1 font-bold text-lg">Relevant skills:</h3>
<div
class="flex flex-col md:flex-row justify-start items-start gap-0 md:gap-10"
>
<ul class="list-disc list-inside">
<li>WordPress & PHP</li>
<li>NextJS</li>
<li>Typescript</li>
<li>TailwindCSS</li>
<li>Adobe XD</li>
</ul>
<ul class="list-disc list-inside">
<li>Adobe XD</li>
<li>NextJS & React</li>
</ul>
</div>
</div>
</Card>
<Line height="50px" />
@ -38,8 +44,8 @@ import Line from "../elements/NetworkLine.astro";
<div class="card-content md:px-8 md:py-8 px-4 py-4">
<div class="flex flex-col justify-start w-full mb-3 gap-1">
<h2 class="font-bold text-xl">
Diploma in Computer Science
</h2><h3>Jan 2022 - 2024</h3>
Diploma in Computer Science student
</h2><h3>Jan 2022 - June 2024</h3>
</div>
<hr class="w-full mb-3" />
<h3 class="mb-1 font-bold text-lg">Achievements</h3>

76
src/pages/faq.astro Normal file
View file

@ -0,0 +1,76 @@
---
import Layout from "../layouts/Layout.astro";
import Card from "../components/elements/Card.astro";
---
<Layout title="Socials" description="Check out Ryan's socials">
<div class="mx-auto my-10 max-w-full w-[90%] md:w-1/2">
<Card primaryColor="aquamarine">
<div class="card-content md:px-8 md:py-8 px-4 py-4">
<h1 class="font-bold text-3xl text-center">
Frequently Asked Questions
</h1>
<hr class="my-2" />
<!-- Who are you? -->
<h2 class="font-bold text-xl">Who are you?</h2>
<p>
I'm Ryan, I am a software developer and a coworking & study
streamer.
<br /> <br/>
See my website <a
target="_blank"
href="https://rython.dev/"
class="text-blue-400 underline">here</a
> to learn more about me, including my software development portfolio and my content creation projects.
</p>
<hr class="my-2" />
<h2 class="font-bold text-xl">Where are you from? What languages do you speak?</h2>
<p>
I'm born and raised in Malaysia, studying in Australia. I speak English, Mandarin Chinese, and some Malay. I can read both traditional and simplified Chinese characters.
</p>
<hr class="my-2" />
<!-- How to pronounce? -->
<h2 class="font-bold text-xl">How to pronounce your username?</h2>
<p>
Try to pronounce Python, and then replace the "Py" with "Ry". You can also call me "Ry" or "Ryan" if you prefer.
</p>
<hr class="my-2" />
<!-- What is a coworking stream? -->
<h2 class="font-bold text-xl">What is a coworking stream?</h2>
<p>
That question is answered <a target="_blank"
class="text-blue-400 underline"
href="https://coworking-guide.vercel.app/get-started/introduction#what-are-coworking-streams">here</a>.
</p>
<hr class="my-2" />
<!-- What is a coworking stream? -->
<h2 class="font-bold text-xl">Why are you muted? Why aren't you reading chat?</h2>
<p>
During work time, I am muted and not reading chat to focus on my work. I will try to catch up on chat during break time.
</p>
<hr class="my-2" />
<!-- What is a coworking stream? -->
<h2 class="font-bold text-xl">Is that a keychron?</h2>
<p>
No. It's an Epomaker GK64x modded with black switches.
</p>
<hr class="my-2" />
</div>
</Card>
</div>
<style>
.card-content {
display: flex;
flex-direction: column;
gap: 1rem;
background-image: radial-gradient(
rgba(255, 255, 255, 0.1) 1px,
transparent 1px
);
background-position: 50% 50%;
background-size: 1.1rem 1.1rem;
border-radius: 1.25rem;
overflow: hidden;
}
</style>
</Layout>

View file

@ -452,7 +452,7 @@ import Layout from "../layouts/Layout.astro";
</svg>
<div>
<h2 class="font-bold text-xl">Location</h2>
<p class="text-[#ccc]">Asia, Malaysia</p>
<p class="text-[#ccc]">Melbourne, Australia</p>
</div>
</div>
<div
@ -845,7 +845,7 @@ import Layout from "../layouts/Layout.astro";
}
</style>
<script is:inline>
const MY_TIMEZONE = "Asia/Kuala_Lumpur";
const MY_TIMEZONE = "Australia/Melbourne";
document.getElementById("cards").onmousemove = (e) => {
for (const card of document.getElementsByClassName("social-card")) {
const rect = card.getBoundingClientRect(),
@ -930,7 +930,7 @@ import Layout from "../layouts/Layout.astro";
setInterval(() => {
time = new Date().toLocaleTimeString("en-UK", {
timeZone: "Asia/Kuala_Lumpur",
timeZone: MY_TIMEZONE,
hour: "numeric",
minute: "numeric",
hour12: true,

View file

@ -158,8 +158,8 @@ import Line from "../components/elements/NetworkLine.astro";
);
background-position: 50% 50%;
background-size: 1.1rem 1.1rem;
padding: 2rem 2rem;
border-radius: 1.25rem;
padding: 2rem;
overflow: hidden;
}