Rain/Rainyy21.github.io
1
0
Fork 0
mirror of https://github.com/Rainyy21/Rainyy21.github.io.git synced 2026-10-11 00:30:17 -04:00
Code Issues Packages Projects Releases Wiki Activity

added project info and design to it

Browse Source
This commit is contained in:
Rainyy21
2026-05-29 01:27:34 -04:00
parent e76a02b17b
commit e4239f20b1
5 changed files with 152 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
page/project.html
+73 -9
View File
@@ -4,12 +4,13 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Rain links</title>
<title>Rain projects</title>
<!-- css and js -->
<link rel="stylesheet" href="../css/style.css">
<link rel="stylesheet" href="../css/mainpage.css">
<link rel="stylesheet" href="../css/main_button.css">
<link rel="stylesheet" href="../css/about.css">
<link rel="stylesheet" href="../css/project.css">
<script type="text/javascript" src="../js/darkmode.js" defer></script>
<script type="text/javascript" src="../js/main.js" defer></script>
@@ -32,15 +33,78 @@
</div>
<div class="content_container">
<div class="square_content">
<div class="website_top">
<div class="website_text">
Projects
</div>
</div>
<div class="box_body">
</div>
<div class="square_content">
<div class="website_top">
<div class="website_text">
Projects
</div>
</div>
<div class="box_body">
<div class="project_container">
<!-- the title for the project-->
<div class="project_title">
Hackathon project creation
</div>
<!-- tool use for the project -->
<ul class="tool_bullet">
<li>Next.js</li>
<li>gemini</li>
<li>tailwind</li>
</ul>
<!-- what i learn from the project-->
<div class="project-body">
<p>
Developed a website using next.js and gemini. It will take a form that user fill out and gemini will make five project idea and user can choose one and go more in depth on the project through a chatbot
</p>
</div>
</div>
<div class="project_container">
<!-- the title for the project-->
<div class="project_title">
BookLog Web app
</div>
<!-- tool use for the project -->
<ul class="tool_bullet">
<li>html</li>
<li>css</li>
<li>js</li>
</ul>
<!-- what i learn from the project-->
<ul class="project-body">
<li>Developed a book tracking web app that stores book data in LocalStorage as JSON.</li>
<li>Built dynamic JavaScript card rendering to display stored books in a responsive UI.</li>
<li>Implemented client-side CRUD-style functionality for managing book entries</li>
</ul>
</div>
<div class="project_container">
<!-- the title for the project-->
<div class="project_title">
Homelab Infrastructure
</div>
<!-- tool use for the project -->
<ul class="tool_bullet">
<li>Proxmox</li>
<li>Linux</li>
<li>WireGuard</li>
<li>NAS</li>
</ul>
<!-- what i learn from the project-->
<ul class="project-body">
<li>Deployed a Proxmox-based virtualization server hosting multiple Linux VMs.</li>
<li>Configured NAS storage for centralized file management and backups.</li>
<li>Implemented WireGuard VPN for secure remote access to the home network.</li>
</ul>
</div>
</div>
</div>
</div>
</div>