Rapturate/Web_Dev_Project
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Reworked my project.html to remove any text-decoration and put that styling into the projectStyle.css file. Additionally, updated the project.html page to reflect current projects.

Browse Source
This commit is contained in:
Lewis Price
2026-03-23 14:02:44 +00:00
parent 46145e40b7
commit 346f868784
9 changed files with 70 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
css/indexStyle.css
View File

@@ -190,11 +190,17 @@ img.hero-img {
}
#projects {
display: grid;
gap: 2rem;
grid-template-columns: 1fr;
max-width: 1200px;
margin: 0 auto;
}
#projects a {
text-decoration: none;
}
.project-box {

3
css/projectStyle.css
View File

@@ -135,6 +135,9 @@ a {
overflow: hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.project-card a {
text-decoration: none;
}
.project-card:hover {
transform: translateY(-4px);

0
images/project_imgs/Project1.jpg → images/project_imgs/Discord_Bot.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 65 KiB

After

Width:  |  Height:  |  Size: 65 KiB

BIN
images/project_imgs/Doubly Linked List.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 112 KiB

BIN
images/project_imgs/Find Median Sorted Array.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 113 KiB

BIN
images/project_imgs/Graph Theory Project.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 92 KiB

BIN
images/project_imgs/SSH Login.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 148 KiB

42
index.html
View File

@@ -53,41 +53,57 @@
<section class="list-all-projects">
<h2>Personal Projects</h2>
<div id="projects">
<a href="https://git.lewispricedev.com/Rapturate/SHiFT_Codes_Bot">
<div class="project-box">
<img src="./images/project_imgs/Project1.jpg" alt="project picture">
<img src="./images/project_imgs/Discord_Bot.jpg" alt="discord bot picture">
<div class="proj-text">
<h3>Web Scraper/Discord Bot</h3>
<p>- Golang</p>
</div>
</div>
</a>
<a href="https://git.lewispricedev.com/Rapturate/To_Do_List">
<div class="project-box">
<img src="./images/project_imgs/ToDoList Project.jpg" alt="project picture">
<img src="./images/project_imgs/ToDoList Project.jpg" alt="ToDo List picture">
<div class="proj-text">
<h3>To-Do List</h3>
<p>- Java</p>
</div>
</div>
</a>
<a href="https://lewispricedev.com/project.html">
<div class="project-box">
<img src="./images/project_imgs/Doubly Linked List.jpg" alt="project picture">
<img src="./images/project_imgs/<some_image>" alt="Under Construction">
<div class="proj-text">
<h3>Binary Search Tree</h3>
<h3>Graph Theory: Flat Buffer Memory</h3>
<p>- C++</p>
</div>
</div>
</a>
<a href="https://git.lewispricedev.com/Rapturate/API_Practice">
<div class="project-box">
<img src="./images/project_imgs/Graph Theory Project.jpg" alt="project picture">
<img src="./images/project_imgs/api_practice.jpg" alt="api project picture">
<div class="proj-text">
<h3>Graph Theory Project</h3>
<p>- C++</p>
</div>
</div>
<div class="project-box">
<img src="./images/project_imgs/Find Median Sorted Array.jpg" alt="project picture">
<div class="proj-text">
<h3>Median of Two Sorted Arrays</h3>
<h3>API Accessing</h3>
<p>- Golang</p>
</div>
</div>
</a>
<a href="https://lewispricedev.com/project.html">
<div class="project-box">
<img src="./images/project_imgs/<some project image>" alt="project picture">
<div class="proj-text">
<h3>PROJECT TBD (Under Construction)</h3>
<p>- Programming Language</p>
</div>
</div>
</a>
</div>
</section>

30
project.html
View File

@@ -30,9 +30,9 @@
<!--Project 1-->
<div class="project-card">
<a href="https://git.lewispricedev.com/Rapturate/SHiFT_Codes_Bot/releases/tag/R1" style="text-decoration: none;">
<a href="https://git.lewispricedev.com/Rapturate/SHiFT_Codes_Bot/releases/tag/R1" >
<div class="project-image">
<img src="./images/project_imgs/Project1.jpg" alt="Project 1 Image">
<img src="./images/project_imgs/ToDoList Project.jpg" alt="Project 1 Image">
</div>
<div class="project-description">
<h2>Web Scraper/Discord Bot</h2>
@@ -43,7 +43,7 @@
<!--Project 2-->
<div class="project-card">
<a href="https://git.lewispricedev.com/Rapturate/To_Do_List/releases/tag/R1" style="text-decoration: none;">
<a href="https://git.lewispricedev.com/Rapturate/To_Do_List/releases/tag/R1">
<div class="project-image">
<img src="./images/project_imgs/ToDoList Project.jpg" alt="Project 2 Image">
</div>
@@ -56,39 +56,39 @@
<!--Project 3-->
<div class="project-card">
<a href="https://git.lewispricedev.com/Rapturate/To_Do_List/releases/tag/R1" style="text-decoration: none;">
<a href="https://git.lewispricedev.com/Rapturate/API_Practice/releases/tag/R1">
<div class="project-image">
<img src="./images/project_imgs/Doubly Linked List.jpg" alt="Project 3 Image">
<img src="./images/project_imgs/api_practice.jpg" alt="API Practice Image">
</div>
<div class="project-description">
<h2>Binary Search Tree</h2>
<p>A program that I wrote as a singly linked list then modified into a doubly linked list, and then modified into a binary search tree.</p>
<h2>API Accessing Practice</h2>
<p>A program written in golang for accessing a public API website. This demonstrates my ability to access APIs and display and manipulate data retrieved.</p>
</div>
</a>
</div>
<!--Project 4-->
<div class="project-card">
<a href="https://git.lewispricedev.com/Rapturate/To_Do_List/releases/tag/R1" style="text-decoration: none;">
<a href="https://git.lewispricedev.com/Rapturate/">
<div class="project-image">
<img src="./images/project_imgs/Graph Theory Project.jpg" alt="Project 4 Image">
<img src="./images/project_imgs/<place_holder>" alt="Graph Theory Image">
</div>
<div class="project-description">
<h2>Graph Theory Project</h2>
<p>An exploration of weighted graph theory using “Cities” and “Roads” as nodes and edges. Search functions include Breadth First, Depth First, and Dijkstra's.</p>
<h2>Graph Theory: Flat Buffer</h2>
<p>A graph theory project optimized for a consistent memory usage graph. There should be no duplications of objects, only addition, growth, reduction, or deletion of objects.</p>
</div>
</a>
</div>
<!--Project 5-->
<div class="project-card">
<a href="https://git.lewispricedev.com/Rapturate/To_Do_List/releases/tag/R1" style="text-decoration: none;">
<a href="https://git.lewispricedev.com/Rapturate/">
<div class="project-image">
<img src="./images/project_imgs/Find Median Sorted Array.jpg" alt="Project 5 Image">
<img src="./images/project_imgs/<Place_holder>" alt="Project Image">
</div>
<div class="project-description">
<h2>Median of Two Sorted Arrays LeetCode Hard</h2>
<p>Given two sorted arrays nums1 and nums2 of size m and n respectively, return the median of the two sorted arrays.</p>
<h2>Project Place Holder</h2>
<p>Under Construction</p>
</div>
</a>
</div>