added new projects to portfolio

ufosc · Oct 10, 2023 · f72172f · f72172f
1 parent c98ccef
commit f72172f
Show file tree

Hide file tree

Showing 2 changed files with 51 additions and 11 deletions.
diff --git a/public/css/index.css b/public/css/index.css
@@ -136,6 +136,17 @@ body {
 .portfolio .portfolio__cards__scroll #card5 {
     background-color: #eb54bc;
 }
+.portfolio .portfolio__cards__scroll #card6 {
+    background-color: #29b5bb;
+}
+.portfolio .portfolio__cards__scroll #card7 {
+    background-color: #fe754a;
+}
+
+.portfolio .portfolio__cards__scroll #card8 {
+    background-color: #eb54bc;
+}
+
 
 .portfolio .portfolio__cards__scroll .card>h2, p {
     margin-bottom: 20px;
@@ -177,6 +188,19 @@ body {
     box-shadow: 0px 0px 0px 2.5px #eb54bc inset, 0px 0px 0px 5px #000;
     transition: 0.5s ease-in-out;
 }
+.portfolio .portfolio__cards__scroll #card6 button:hover {
+    box-shadow: 0px 0px 0px 2.5px #29b5bb inset, 0px 0px 0px 5px #000;
+    transition: 0.5s ease-in-out;
+}
+.portfolio .portfolio__cards__scroll #card7 button:hover {
+    box-shadow: 0px 0px 0px 2.5px #fe754a inset, 0px 0px 0px 5px #000;
+    transition: 0.5s ease-in-out;
+}
+
+.portfolio .portfolio__cards__scroll #card8 button:hover {
+    box-shadow: 0px 0px 0px 2.5px #eb54bc inset, 0px 0px 0px 5px #000;
+    transition: 0.5s ease-in-out;
+}
 
 .portfolio .portfolio__cards__scroll .portfolio__cards__scroll__btn-left,
 .portfolio__cards__scroll__btn-right {

diff --git a/views/index.ejs b/views/index.ejs
@@ -59,41 +59,57 @@
                 <div class="portfolio__cards">
                     <div class="portfolio__cards__scroll">
                         <div id="card1" class="card">
+                            <h2>Bytes of Love</h2>
+                            <p>A visual novel dating simulator where you can play as a college student trying to rizz up anime girl-ified versions of your favorite programming languages!
+                                Built in python with Tool: Ren'py.
+                            </p>
+                            <button onclick="location.href = 'https://github.com/ufosc/VisualNovel';">SOURCE</button>
+                        </div>
+                        <div id="card2" class="card">
+                            <h2>JukeBox</h2>
+                            <p>A web application that allows group members to queue up songs to their group’s playlist, and enables members to collect points for future use.
+                                Buit in react and typescript with frameworks: MongoDB, Express.js, React.js, and Nodejs
+                            </p>
+                            <button onclick="location.href = 'https://github.com/ufosc/Jukebox-Frontend';">SOURCE</button>
+                        </div>
+                        <div id="card3" class="card">
+                            <h2>Proximity Chat</h2>
+                            <p>An application that allow users to chat with people that they are physically around, say in the same building!
+                                Built with TypeScript with frameworks/tool: React native, Firebase, Node.js, Express.js, Expo.
+                            </p>
+                            <button onclick="location.href = 'https://github.com/ufosc/OSC-Proximity-Chat-App';">SOURCE</button>
+                        </div>
+                        <div id="card4" class="card">
                             <h2>OSC Website</h2>
                             <p>A website to serve as a landing page for new members as a hub of information about the club, with a dynamic blog and content management system.
                                 Built in Javascript, HTML, CSS, with the frameworks/tools: NodeJS, Express, EJS.
                             </p>
                             <button onclick="location.href = 'https://github.com/ufosc/Club_Website_2';">SOURCE</button>
-
                         </div>
-                        <div id="card2" class="card">
+                        <div id="card5" class="card">
                             <h2>Schedule Helper</h2>
                             <p> A website to assist students in creating schedules that work for them by using UF's Schedule of Courses along with
                                 RateMyProfessor and GatorEval scores. Built in Typescript and Python, with the frameworks/tools: React, Tailwind.
                             </p>
                             <button onclick="location.href = 'https://github.com/ufosc/Schedule_Helper';">SOURCE</button>
                         </div>
-                        <div id="card3" class="card">
-                            <h2>Lunch Buddy</h2>
-                            <p>An application that lets you find and match with like-minded students on campus to study, have a meal with, and more!
-                                Built with React Native for the front-end, Golang for the back-end, and MySQL. Working to be better than Tinder.
-                            </p>
-                            <button onclick="location.href = 'https://github.com/ufosc/Lunch_Buddies';">SOURCE</button>
-                        </div>
-                        <div id="card4" class="card">
+
+                        <div id="card6" class="card">
                             <h2>Manim</h2>
                             <p>Inspired by 3Blue1Brown, creating a plug-in that adds to the Manim project which would allow for programmatic animation of computer science concepts.
                                 Built in Python, with the frameworks/tools: Poetry, Manim.
                             </p>
                             <button onclick="location.href = 'https://github.com/ufosc/manim-data-structures';">SOURCE</button>
                         </div>
-                        <div id="card5" class="card">
+                        <div id="card7" class="card">
                             <h2>API Group</h2>
                             <p>Working on several small projects that involve APIs to gain knowledge about building and using them. Built in Python,
                                 with FastAPI.
                             </p>
                             <button onclick="location.href = 'https://github.com/ufosc/UF-API-GROUP';">SOURCE</button>
                         </div>
+
+
                         <button class="portfolio__cards__scroll__btn-left"><img src="./assets/left-swipe-arrow.png" alt="left arrow"></button>
                         <button class="portfolio__cards__scroll__btn-right"><img src="./assets/left-swipe-arrow.png" alt="right arrow"></button>
                     </div>