minor updates including fixing the gap between the hero banner and the nav-bar, correcting the image locations for the linkin and mail icons for the projects page, and removing the facebook and instagram links.
This commit is contained in:
@@ -7,6 +7,7 @@ Road Map:
|
|||||||
1) Add direct connections from project cards to the git.lewispricedev.com/rapturate/<project-name>/<release-name> urls.
|
1) Add direct connections from project cards to the git.lewispricedev.com/rapturate/<project-name>/<release-name> urls.
|
||||||
2) Remove hyperlink underlines that occur when the hyperlinks are added
|
2) Remove hyperlink underlines that occur when the hyperlinks are added
|
||||||
-- Home Page --
|
-- Home Page --
|
||||||
1) Possibly remove the projects section at the bottom of the page.
|
1) Alter my photo location in the hero banner
|
||||||
|
2) Possibly remove the projects section at the bottom of the page.
|
||||||
-- Site Configuration --
|
-- Site Configuration --
|
||||||
1) Port my project over to node.js/vite
|
1) Port my project over to node.js/vite
|
||||||
@@ -92,7 +92,6 @@ nav ul.nav-links a:focus {
|
|||||||
/* Main content */
|
/* Main content */
|
||||||
main {
|
main {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
padding-top: 120px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Hero */
|
/* Hero */
|
||||||
@@ -114,7 +113,7 @@ div.hero-text {
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
max-width: 500px;
|
max-width: 500px;
|
||||||
gap: 1rem;
|
/* gap: 1rem; */
|
||||||
}
|
}
|
||||||
|
|
||||||
div.hero-text h1 {
|
div.hero-text h1 {
|
||||||
@@ -150,9 +149,9 @@ div.hero-text p {
|
|||||||
|
|
||||||
img.hero-img {
|
img.hero-img {
|
||||||
width: 200px;
|
width: 200px;
|
||||||
height: 200px;
|
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
|
justify-self: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* About Section */
|
/* About Section */
|
||||||
@@ -385,7 +384,6 @@ footer p {
|
|||||||
|
|
||||||
img.hero-img {
|
img.hero-img {
|
||||||
order: 1;
|
order: 1;
|
||||||
justify-self: center;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#projects {
|
#projects {
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 929 B After Width: | Height: | Size: 929 B |
|
Before Width: | Height: | Size: 844 B After Width: | Height: | Size: 844 B |
|
Before Width: | Height: | Size: 1.0 KiB After Width: | Height: | Size: 1.0 KiB |
|
Before Width: | Height: | Size: 1.0 KiB After Width: | Height: | Size: 1.0 KiB |
|
Before Width: | Height: | Size: 65 KiB After Width: | Height: | Size: 65 KiB |
|
Before Width: | Height: | Size: 112 KiB After Width: | Height: | Size: 112 KiB |
|
Before Width: | Height: | Size: 113 KiB After Width: | Height: | Size: 113 KiB |
|
Before Width: | Height: | Size: 92 KiB After Width: | Height: | Size: 92 KiB |
|
Before Width: | Height: | Size: 65 KiB After Width: | Height: | Size: 65 KiB |
|
Before Width: | Height: | Size: 148 KiB After Width: | Height: | Size: 148 KiB |
|
Before Width: | Height: | Size: 168 KiB After Width: | Height: | Size: 168 KiB |
30
index.html
30
index.html
@@ -11,12 +11,12 @@
|
|||||||
|
|
||||||
<link rel="stylesheet" href="css/indexStyle.css">
|
<link rel="stylesheet" href="css/indexStyle.css">
|
||||||
<title>Lewis Price</title>
|
<title>Lewis Price</title>
|
||||||
<link rel="icon" type="image/svg+xml" href="./images/Lew Header icon.svg">
|
<link rel="icon" type="image/svg+xml" href="./images/icons/favicon.svg">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<div class="nav-bar">
|
<div class="nav-bar">
|
||||||
<a href="index.html"><img class ="nav-logo" src="./images/Lew Header.svg" alt="lew's logo" width="180" height="auto"></a>
|
<a href="index.html"><img class ="nav-logo" src="./images/icons/logo.svg" alt="lew's logo" width="180" height="auto"></a>
|
||||||
<nav>
|
<nav>
|
||||||
<ul class="nav-links">
|
<ul class="nav-links">
|
||||||
<li><a href="./project.html">Projects</a></li>
|
<li><a href="./project.html">Projects</a></li>
|
||||||
@@ -28,7 +28,7 @@
|
|||||||
|
|
||||||
<main>
|
<main>
|
||||||
<section id="hero">
|
<section id="hero">
|
||||||
<img class="hero-img" src="./images/Lew's Images/Lew.JPG" alt="profile picture">
|
<img class="hero-img" src="./images/profile_img/Lew.JPG" alt="profile picture">
|
||||||
<div class="hero-text">
|
<div class="hero-text">
|
||||||
<h1>Lewis Price</h1>
|
<h1>Lewis Price</h1>
|
||||||
<p>This site is a live document that will be changing as I learn more and complete more projects.</p>
|
<p>This site is a live document that will be changing as I learn more and complete more projects.</p>
|
||||||
@@ -54,35 +54,35 @@
|
|||||||
<h2>Personal Projects</h2>
|
<h2>Personal Projects</h2>
|
||||||
<div id="projects">
|
<div id="projects">
|
||||||
<div class="project-box">
|
<div class="project-box">
|
||||||
<img src="./images/Lew's Images/Project 1jpg.jpg" alt="project picture">
|
<img src="./images/project_imgs/Project1.jpg" alt="project picture">
|
||||||
<div class="proj-text">
|
<div class="proj-text">
|
||||||
<h3>Web Scraper/Discord Bot</h3>
|
<h3>Web Scraper/Discord Bot</h3>
|
||||||
<p>- Golang</p>
|
<p>- Golang</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="project-box">
|
<div class="project-box">
|
||||||
<img src="./images/Lew's Images/ToDoList Project.jpg" alt="project picture">
|
<img src="./images/project_imgs/ToDoList Project.jpg" alt="project picture">
|
||||||
<div class="proj-text">
|
<div class="proj-text">
|
||||||
<h3>To-Do List</h3>
|
<h3>To-Do List</h3>
|
||||||
<p>- Java</p>
|
<p>- Java</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="project-box">
|
<div class="project-box">
|
||||||
<img src="./images/Lew's Images/Doubly Linked List.jpg" alt="project picture">
|
<img src="./images/project_imgs/Doubly Linked List.jpg" alt="project picture">
|
||||||
<div class="proj-text">
|
<div class="proj-text">
|
||||||
<h3>Binary Search Tree</h3>
|
<h3>Binary Search Tree</h3>
|
||||||
<p>- C++</p>
|
<p>- C++</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="project-box">
|
<div class="project-box">
|
||||||
<img src="./images/Lew's Images/Graph Theory Project.jpg" alt="project picture">
|
<img src="./images/project_imgs/Graph Theory Project.jpg" alt="project picture">
|
||||||
<div class="proj-text">
|
<div class="proj-text">
|
||||||
<h3>Graph Theory Project</h3>
|
<h3>Graph Theory Project</h3>
|
||||||
<p>- C++</p>
|
<p>- C++</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="project-box">
|
<div class="project-box">
|
||||||
<img src="./images/Lew's Images/Find Median Sorted Array.jpg" alt="project picture">
|
<img src="./images/project_imgs/Find Median Sorted Array.jpg" alt="project picture">
|
||||||
<div class="proj-text">
|
<div class="proj-text">
|
||||||
<h3>Median of Two Sorted Arrays</h3>
|
<h3>Median of Two Sorted Arrays</h3>
|
||||||
<p>- Golang</p>
|
<p>- Golang</p>
|
||||||
@@ -94,17 +94,11 @@
|
|||||||
<section id="contact">
|
<section id="contact">
|
||||||
<h2>Contact Me</h2>
|
<h2>Contact Me</h2>
|
||||||
<div id="socials">
|
<div id="socials">
|
||||||
<a class="social-img" href="https://www.instagram.com/ohbejoyfulbags/" target="_blank">
|
|
||||||
<img src="./images/instagram-icon.svg" alt="Instagram">
|
|
||||||
</a>
|
|
||||||
<a class="social-img" href="https://www.facebook.com/lewprice140" target="_blank">
|
|
||||||
<img src="./images/facebook-icon.svg" alt="Facebook">
|
|
||||||
</a>
|
|
||||||
<a class="social-img" href="https://www.linkedin.com/in/lewis-price-a79185195/" target="_blank">
|
<a class="social-img" href="https://www.linkedin.com/in/lewis-price-a79185195/" target="_blank">
|
||||||
<img src="images/linkedin-icon.svg" alt="LinkedIn">
|
<img src="images/icons/linkedin-icon.svg" alt="LinkedIn">
|
||||||
</a>
|
</a>
|
||||||
<a class="mail-img" href="mailto:lewis.e.price@outlook.com">
|
<a class="mail-img" href="mailto:lewis.e.price@outlook.com">
|
||||||
<img src="./images/mail_icon.svg" alt="lewis.price@outlook.com">
|
<img src="./images/icons/mail_icon.svg" alt="lewis.price@outlook.com">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
@@ -115,11 +109,11 @@
|
|||||||
<div class="social-links">
|
<div class="social-links">
|
||||||
|
|
||||||
<a href="https://www.linkedin.com/in/lewis-price-a79185195/" target="_blank" aria-label="LinkedIn">
|
<a href="https://www.linkedin.com/in/lewis-price-a79185195/" target="_blank" aria-label="LinkedIn">
|
||||||
<img src="images/linkedin-icon.svg" alt="">
|
<img src="images/icons/linkedin-icon.svg" alt="">
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<a class="mail-img" href="mailto:lewis.e.price@outlook.com">
|
<a class="mail-img" href="mailto:lewis.e.price@outlook.com">
|
||||||
<img src="./images/mail_icon.svg" alt="lewis.price@outlook.com">
|
<img src="./images/icons/mail_icon.svg" alt="lewis.price@outlook.com">
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
33
project.html
33
project.html
@@ -15,7 +15,7 @@
|
|||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<div class="nav-bar">
|
<div class="nav-bar">
|
||||||
<a href="index.html"><img class ="nav-logo" src="./images/Lew Header.svg" alt="lew's logo" width="180" height="auto"></a>
|
<a href="index.html"><img class ="nav-logo" src="./images/icons/logo.svg" alt="lew's logo" width="180" height="auto"></a>
|
||||||
<nav>
|
<nav>
|
||||||
<ul class="nav-links">
|
<ul class="nav-links">
|
||||||
<li><a href="./index.html">Home</a></li>
|
<li><a href="./index.html">Home</a></li>
|
||||||
@@ -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">
|
<a href="https://git.lewispricedev.com/Rapturate/SHiFT_Codes_Bot/releases/tag/R1" style="text-decoration: none;">
|
||||||
<div class="project-image">
|
<div class="project-image">
|
||||||
<img src="./images/Lew's Images/Project 1jpg.jpg" alt="Project 1 Image">
|
<img src="./images/project_imgs/Project1.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,46 +43,54 @@
|
|||||||
|
|
||||||
<!--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;">
|
||||||
<div class="project-image">
|
<div class="project-image">
|
||||||
<img src="./images/Lew's Images/ToDoList Project.jpg" alt="Project 2 Image">
|
<img src="./images/project_imgs/ToDoList Project.jpg" alt="Project 2 Image">
|
||||||
</div>
|
</div>
|
||||||
<div class="project-description">
|
<div class="project-description">
|
||||||
<h2>To-Do List</h2>
|
<h2>To-Do List</h2>
|
||||||
<p>A modifiable To-Do list that allows for organization and scheduling based on priority, date, and category.</p>
|
<p>A modifiable To-Do list that allows for organization and scheduling based on priority, date, and category.</p>
|
||||||
</div>
|
</div>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!--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;">
|
||||||
<div class="project-image">
|
<div class="project-image">
|
||||||
<img src="./images/Lew's Images/Doubly Linked List.jpg" alt="Project 3 Image">
|
<img src="./images/project_imgs/Doubly Linked List.jpg" alt="Project 3 Image">
|
||||||
</div>
|
</div>
|
||||||
<div class="project-description">
|
<div class="project-description">
|
||||||
<h2>Binary Search Tree</h2>
|
<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>
|
<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>
|
||||||
</div>
|
</div>
|
||||||
|
</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;">
|
||||||
<div class="project-image">
|
<div class="project-image">
|
||||||
<img src="./images/Lew's Images/Graph Theory Project.jpg" alt="Project 4 Image">
|
<img src="./images/project_imgs/Graph Theory Project.jpg" alt="Project 4 Image">
|
||||||
</div>
|
</div>
|
||||||
<div class="project-description">
|
<div class="project-description">
|
||||||
<h2>Graph Theory Project</h2>
|
<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>
|
<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>
|
||||||
</div>
|
</div>
|
||||||
|
</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;">
|
||||||
<div class="project-image">
|
<div class="project-image">
|
||||||
<img src="./images/Lew's Images/Find Median Sorted Array.jpg" alt="Project 5 Image">
|
<img src="./images/project_imgs/Find Median Sorted Array.jpg" alt="Project 5 Image">
|
||||||
</div>
|
</div>
|
||||||
<div class="project-description">
|
<div class="project-description">
|
||||||
<h2>Median of Two Sorted Arrays LeetCode Hard</h2>
|
<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>
|
<p>Given two sorted arrays nums1 and nums2 of size m and n respectively, return the median of the two sorted arrays.</p>
|
||||||
</div>
|
</div>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
@@ -92,15 +100,12 @@
|
|||||||
<footer>
|
<footer>
|
||||||
<p>© 2024 LewisPriceDev, All rights reserved.</p>
|
<p>© 2024 LewisPriceDev, All rights reserved.</p>
|
||||||
<div class="social-links">
|
<div class="social-links">
|
||||||
|
|
||||||
<a class="mail-img" href="mailto:lewis.e.price@outlook.com">
|
|
||||||
<img src="./images/mail_icon.svg" alt="lewis.price@outlook.com">
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<a href="https://www.linkedin.com/in/lewis-price-a79185195/" target="_blank" aria-label="LinkedIn">
|
<a href="https://www.linkedin.com/in/lewis-price-a79185195/" target="_blank" aria-label="LinkedIn">
|
||||||
<img src="images/linkedin-icon.svg" alt="">
|
<img src="images/icons/linkedin-icon.svg" alt="">
|
||||||
|
</a>
|
||||||
|
<a class="mail-img" href="mailto:lewis.e.price@outlook.com">
|
||||||
|
<img src="./images/icons/mail_icon.svg" alt="lewis.price@outlook.com">
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
Reference in New Issue
Block a user