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 { #projects {
display: grid; display: grid;
gap: 2rem; gap: 2rem;
grid-template-columns: 1fr; grid-template-columns: 1fr;
max-width: 1200px; max-width: 1200px;
margin: 0 auto; margin: 0 auto;
}
#projects a {
text-decoration: none;
} }
.project-box { .project-box {

3
css/projectStyle.css
View File

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

76
index.html
View File

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

30
project.html
View File

@@ -30,9 +30,9 @@
<!--Project 1--> <!--Project 1-->
<div class="project-card"> <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"> <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>
<div class="project-description"> <div class="project-description">
<h2>Web Scraper/Discord Bot</h2> <h2>Web Scraper/Discord Bot</h2>
@@ -43,7 +43,7 @@
<!--Project 2--> <!--Project 2-->
<div class="project-card"> <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"> <div class="project-image">
<img src="./images/project_imgs/ToDoList Project.jpg" alt="Project 2 Image"> <img src="./images/project_imgs/ToDoList Project.jpg" alt="Project 2 Image">
</div> </div>
@@ -56,39 +56,39 @@
<!--Project 3--> <!--Project 3-->
<div class="project-card"> <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"> <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>
<div class="project-description"> <div class="project-description">
<h2>Binary Search Tree</h2> <h2>API Accessing Practice</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> <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> </div>
</a> </a>
</div> </div>
<!--Project 4--> <!--Project 4-->
<div class="project-card"> <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"> <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>
<div class="project-description"> <div class="project-description">
<h2>Graph Theory Project</h2> <h2>Graph Theory: Flat Buffer</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> <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> </div>
</a> </a>
</div> </div>
<!--Project 5--> <!--Project 5-->
<div class="project-card"> <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"> <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>
<div class="project-description"> <div class="project-description">
<h2>Median of Two Sorted Arrays LeetCode Hard</h2> <h2>Project Place Holder</h2>
<p>Given two sorted arrays nums1 and nums2 of size m and n respectively, return the median of the two sorted arrays.</p> <p>Under Construction</p>
</div> </div>
</a> </a>
</div> </div>