joy2908.github.io
Science Score: 31.0%
This score indicates how likely this project is to be science-related based on various indicators:
-
✓CITATION.cff file
Found CITATION.cff file -
✓codemeta.json file
Found codemeta.json file -
○.zenodo.json file
-
○DOI references
-
○Academic publication links
-
○Academic email domains
-
○Institutional organization owner
-
○JOSS paper metadata
-
○Scientific vocabulary similarity
Unable to calculate vocabulary similarity
Last synced: 7 months ago
·
JSON representation
·
Repository
Basic Info
- Host: GitHub
- Owner: Joy2908
- Language: HTML
- Default Branch: main
- Size: 17.1 MB
Statistics
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
- Releases: 0
Created about 1 year ago
· Last pushed 12 months ago
Metadata Files
Readme
Citation
README.md
Joy2908.github.io
Owner
- Login: Joy2908
- Kind: user
- Repositories: 1
- Profile: https://github.com/Joy2908
Citation (citation.html)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Joy - UI/UX Designer & Illustrator</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link rel="stylesheet" href="css/main.css">
<script>
tailwind.config = {
theme: {
extend: {
colors: {
peach: '#FFF1D6',
navy: '#424874',
},
fontFamily: {
poppins: ['Poppins', 'sans-serif'],
},
}
}
}
</script>
</head>
<body class="font-poppins bg-stripes min-h-screen">
<!-- Navigation -->
<nav class="p-8 flex justify-end max-w-7xl mx-auto">
<div class="space-x-12">
<a href="#" class="nav-link text-navy font-medium tracking-widest">ABOUT</a>
<a href="index1.html" class="nav-link text-navy font-medium tracking-widest">PROJECTS</a>
<a href="#" class="nav-link text-navy font-medium tracking-widest">CONTACT</a>
</div>
</nav>
<!-- Hero Section -->
<header class="container mx-auto px-4 py-24">
<div class="flex flex-col items-center text-center">
<div class="w-32 h-32 mb-16 logo shadow-xl rounded-2xl hover:shadow-2xl transition-all duration-300 bg-white p-6">
<img src="img/logoj.png" alt="J Logo" class="w-full h-full">
</div>
<h1 class="text-5xl md:text-6xl font-bold mb-8 text-navy leading-tight">Hi, I'm Joy, a UI/UX designer<br>and illustrator.</h1>
<p class="text-gray-600 max-w-2xl text-lg md:text-xl leading-relaxed">I create intuitive, visually appealing designs that prioritize both user experience and creativity.</p>
</div>
</header>
<!-- Work Section -->
<section class="bg-navy text-white py-32 mt-12">
<div class="container mx-auto px-4">
<h2 class="text-4xl md:text-5xl font-bold mb-20 text-center">My Citiations</h2>
<!-- Project Card -->
<main>
<section class="project-card">
<h3 class="text-2xl md:text-3xl font-bold mb-6">Research</h3>
<br>
<p>I was research about how to make a line on youtube and then I was found it you can <a href="https://www.youtube.com/watch?v=hprsn7LkRzs">click</a> here to saw that Videos</p>
<p>I was research about how to learn css flexbox on youtube and then I was found it you can <a href="https://www.youtube.com/watch?v=wsTv9y931o8">click</a>, <a href="https://www.youtube.com/watch?v=phWxA89Dy94">click</a> here to saw that Videos</p>
<p>I was research about how to learn do toggle side bar on youtube and then I was found it you can <a href="https://www.youtube.com/watch?v=Zuy7f4iCGu4">click</a> here to saw that Videos</p>
<p>I was research about how to learn center on youtube and then I was found it you can <a href="https://www.youtube.com/shorts/bpTKNehXr5I">click</a> here to saw that Videos</p>
<p>I was research about how to learn do footer on youtube and then I was found it you can <a href="https://www.youtube.com/watch?v=nkZz9DOBzBI">click</a> here to saw that Videos</p>
<p>I was research about how to learn read box model on youtube and then I was found it you can <a href="https://www.youtube.com/watch?v=nSst4-WbEZk">click</a> here to saw that Videos</p>
<p>I was research about how to learn to do a website on youtube and then I was found it you can <a href="https://www.youtube.com/watch?v=M5JJxdrCvJQ&t=917s">click</a> here to saw that Videos</p>
<p>I was research about how to learn to do a website for all tool on youtube and then I was found it you can <a href="https://www.youtube.com/watch?v=_IiHuHtYxXA&list=PLvi9EcWzZW3vLSjrWPxM7lxSN4YujeJkW">click</a>, <a href="https://www.youtube.com/watch?v=kmM6mqvnxcs&list=PLA9oyBlTfuCjS_sWxDywD9QHjH_mO0yf1">click</a>, <a href="https://www.youtube.com/watch?v=m5ZfWFUdbAw&list=PLA9oyBlTfuCiRfaQrwXnIgETBhSiYwE8W">click</a>, <a href="https://www.youtube.com/watch?v=bbaKrRU4MVk&list=PL-u3LA3IYWVGLa4b6vMs_PDlwPRwaS4kK">click</a>, <a href="https://www.youtube.com/watch?v=eHaZlFcGl6k">click</a>, <a href="https://www.youtube.com/watch?v=qgmLDPLApBY">click</a>, <a href="https://www.youtube.com/watch?v=P0EGYTb1cBs&list=PL0Zuz27SZ-6OlAwitnFUubtE93DO-l0vu">click</a>, <a href="https://www.youtube.com/watch?v=zutb5Clb_0Y">click</a> here to saw that Videos</p>
</section>
<br><br>
<section class="project-card">
<h3 class="text-2xl md:text-3xl font-bold mb-6">Image</h3>
<br>
<p>All the image from my work and you can found it when you <a href="https://www.figma.com/design/fVbnYVmHmpDBlKm5SxbG1B/t?node-id=89-326&t=4RvctC5qvCbc7YdG-1">click</a> here.</p>
</section>
</main>
</section>
<!-- Contact Section -->
<footer class="py-24">
<div class="container mx-auto px-4">
<div class="max-w-2xl mx-auto text-left">
<h3 class="text-navy font-bold mb-6 text-xl">CONTACT ME</h3>
<p class="text-gray-600 mb-8 text-lg">
<a href="mailto:giao.nguyen2908@gmail.com" class="hover:text-navy transition-colors duration-300">giao.nguyen2908@gmail.com</a>
</p>
<!-- Social Links -->
<div class="flex mb-16">
<a href="#" class="social-icon text-navy hover:text-navy/80">
<i class="fab fa-instagram text-xl"></i>
</a>
<a href="#" class="social-icon text-navy hover:text-navy/80">
<i class="fab fa-facebook text-xl"></i>
</a>
<a href="#" class="social-icon text-navy hover:text-navy/80">
<i class="fab fa-twitter text-xl"></i>
</a>
</div>
<p class="text-gray-600 leading-relaxed text-lg mb-8">
This file was written by Joy Nguyen, based on a turtorial file created by Paul Brokenshire, watch viedeos on youtube and ask James about the code. Other images and tutorial resources I used can be found on my citation page
</p>
<p class="text-sm text-gray-500 mb-4">© 2025 Giao Nguyen</p>
<div class="flex space-x-6">
<a href="https://www.figma.com/design/fVbnYVmHmpDBlKm5SxbG1B/t?node-id=114-630&t=4RvctC5qvCbc7YdG-1" class="footer-link text-sm">Style Guide</a>
<a href="citation.html" class="footer-link text-sm">Citations</a>
</div>
</div>
</div>
</footer>
</body>
</html>
GitHub Events
Total
- Push event: 4
Last Year
- Push event: 4