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

On branch main

Browse Source 
Changes to be committed:
	modified:   css/indexStyle.css
	- Changed hero banner to be the proper color
	- Removed the gap between the header and the banner
	Deletions: images/
	- deleted:    images/facebook-icon.svg
	- deleted:    images/generic project photo.jpg
	- deleted:    images/generic_person.jfif
	- deleted:    images/hero background.jpg
	- deleted:    images/hero.jpg
	- deleted:    images/hero_superhero_dark.jpg
	- deleted:    images/hero_superhero_light.jpg
	- deleted:    images/instagram-icon.svg
	modified:   index.html
	-  new file:   images/mail_icon.svg
	modified:   project.html
	- Fixed consistency issues from index.html to project.html
	#
This commit is contained in:
Lewis Price
2026-02-26 15:23:40 +00:00
parent dd651e4ebb
commit 63f40c4791
12 changed files with 36 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
css/indexStyle.css
View File

@@ -12,10 +12,10 @@
--clr-One:#F2D7C0;
--clr-Two:#B8C2C5;
--clr-Three:#43665f;
--clr-hero: #E19479;
--clr-Four:#A68B78 ;
--clr-Five:#4A5052;
--clr-Six: #5D3A28;
--clr-Hero: #e19479;
--fs-h1: 2.5rem;
--fs-h2: 1.8rem;
@@ -92,7 +92,7 @@ nav ul.nav-links a:focus {
/* Main content */
main {
flex: 1;
/* padding-top: 120px; Added a gap between nav and hero which apparently is a faux*/
padding-top: 120px;
}
/* Hero */
@@ -100,10 +100,9 @@ main {
display: flex;
flex-direction: column;
min-height: 30rem;
background: var(--clr-hero);
background: var(--clr-Hero);
background-size: cover;
background-position: center;
padding-top: 8rem;
padding-bottom: 3rem;
align-content: center;
align-items: center;
@@ -114,7 +113,7 @@ div.hero-text {
display: flex;
flex-direction: column;
text-align: center;
max-width: 300px;
max-width: 500px;
gap: 1rem;
}
@@ -364,7 +363,7 @@ footer p {
grid-template-columns: 1fr 1fr;
align-items: center;
gap: 3rem;
/* padding: 4rem 2rem; */
padding: 4rem 2rem;
}
div.hero-text {

1
images/facebook-icon.svg
View File

@@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free 7.0.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 440 146.7 540.8 258.2 568.5L258.2 398.2L205.4 398.2L205.4 320L258.2 320L258.2 286.3C258.2 199.2 297.6 158.8 383.2 158.8C399.4 158.8 427.4 162 438.9 165.2L438.9 236C432.9 235.4 422.4 235 409.3 235C367.3 235 351.1 250.9 351.1 292.2L351.1 320L434.7 320L420.3 398.2L351 398.2L351 574.1C477.8 558.8 576 450.9 576 320z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 606 B

BIN
images/generic project photo.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.0 MiB

BIN
images/generic_person.jfif
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.1 KiB

BIN
images/hero background.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.1 MiB

BIN
images/hero.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 414 KiB

BIN
images/hero_superhero_dark.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 952 KiB

BIN
images/hero_superhero_light.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.2 MiB

1
images/instagram-icon.svg
View File

@@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free 7.0.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M320.3 205C256.8 204.8 205.2 256.2 205 319.7C204.8 383.2 256.2 434.8 319.7 435C383.2 435.2 434.8 383.8 435 320.3C435.2 256.8 383.8 205.2 320.3 205zM319.7 245.4C360.9 245.2 394.4 278.5 394.6 319.7C394.8 360.9 361.5 394.4 320.3 394.6C279.1 394.8 245.6 361.5 245.4 320.3C245.2 279.1 278.5 245.6 319.7 245.4zM413.1 200.3C413.1 185.5 425.1 173.5 439.9 173.5C454.7 173.5 466.7 185.5 466.7 200.3C466.7 215.1 454.7 227.1 439.9 227.1C425.1 227.1 413.1 215.1 413.1 200.3zM542.8 227.5C541.1 191.6 532.9 159.8 506.6 133.6C480.4 107.4 448.6 99.2 412.7 97.4C375.7 95.3 264.8 95.3 227.8 97.4C192 99.1 160.2 107.3 133.9 133.5C107.6 159.7 99.5 191.5 97.7 227.4C95.6 264.4 95.6 375.3 97.7 412.3C99.4 448.2 107.6 480 133.9 506.2C160.2 532.4 191.9 540.6 227.8 542.4C264.8 544.5 375.7 544.5 412.7 542.4C448.6 540.7 480.4 532.5 506.6 506.2C532.8 480 541 448.2 542.8 412.3C544.9 375.3 544.9 264.5 542.8 227.5zM495 452C487.2 471.6 472.1 486.7 452.4 494.6C422.9 506.3 352.9 503.6 320.3 503.6C287.7 503.6 217.6 506.2 188.2 494.6C168.6 486.8 153.5 471.7 145.6 452C133.9 422.5 136.6 352.5 136.6 319.9C136.6 287.3 134 217.2 145.6 187.8C153.4 168.2 168.5 153.1 188.2 145.2C217.7 133.5 287.7 136.2 320.3 136.2C352.9 136.2 423 133.6 452.4 145.2C472 153 487.1 168.1 495 187.8C506.7 217.3 504 287.3 504 319.9C504 352.5 506.7 422.6 495 452z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.5 KiB

1
images/mail_icon.svg Normal file
View File

@@ -0,0 +1 @@
<svg class="svg-icon" style="width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M1021.5936 836.5056 702.3616 480.9216 1021.0304 185.0368C1022.5152 189.3376 1023.8976 193.6896 1023.8976 198.3488L1023.8976 825.6C1023.8976 829.4912 1022.5664 832.9216 1021.5936 836.5056ZM39.168 155.1872C42.0864 154.6752 44.6464 153.5488 47.5648 153.5488L976.5376 153.5488C979.456 153.5488 982.0672 154.6752 984.9344 155.1872L512.0512 572.416 39.168 155.1872ZM2.4576 836.5568C1.536 832.9728 0.1024 829.5424 0.1024 825.6L0.1024 198.3488C0.1024 193.5872 1.5872 189.2864 3.0208 184.9856L321.8432 480.9216 2.4576 836.5568ZM496.8448 618.8032C501.248 622.336 506.6752 624.0256 512.0512 624.0256 517.4784 624.0256 522.8032 622.336 527.1552 618.8032L665.7536 509.7472 988.1088 868.1984C984.32 869.12 980.6336 870.4512 976.5376 870.4512L47.5648 870.4512C43.52 870.4512 39.8336 869.12 36.096 868.1984L358.4 509.7472 496.8448 618.8032Z" /></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

54
index.html
View File

@@ -10,7 +10,7 @@
<!--End Fonts-->
<link rel="stylesheet" href="css/indexStyle.css">
<title>Lewis's Information</title>
<title>Lewis Price</title>
<link rel="icon" type="image/svg+xml" href="./images/Lew Header icon.svg">
</head>
<body>
@@ -31,15 +31,23 @@
<img class="hero-img" src="./images/Lew's Images/Lew.JPG" alt="profile picture">
<div class="hero-text">
<h1>Lewis Price</h1>
<p>Welcome!</p>
<p>This site is still under construction but feel free to look around!</p>
<p>This site is a live document that will be changing as I learn more and complete more projects.</p>
<p>For all current projects please go to:
<br><a href="https://git.lewispricedev.com" alt="git.lewispricedev.com">git.lewispricedev.com</a>.</p>
<a href="#contact" class="cta-button">Get In Touch</a>
</div>
</section>
<section class="about-section">
<h2>About Me</h2>
<p>I have been interested in computers and programming from a very young age. I started with HTML in 2008. I quickly dove deeper into the world of programming where I began learning Java. At the time, Minecraft Beta was just starting to become popular in the world of gaming and I would practice Java by modding Minecraft Beta. Java taught me the ins and outs of the object-oriented world where I started to branch out into other languages to learn more about algorithms and systems. I am now comfortable writing programs in C, C++, Java, Python, HTML, CSS, and Golang. In addition, I am comfortable working with SQL databases, UML diagraming, and MongoDB.</p>
<p>In general, my main focus in software development is solving problems. I learn what is needed to solve the problem I face. This includes learning a language, framework, and/or system that is best suited to fit my needs. While I am very confident in C++, Java, and Golang specifically, I have dabbled in Flutter and Dart for a full stack development project, REACT, Docker, and other systems to solve various problems.
<br>
<br>
I have been interested in computers and programming from a very young age. I started with HTML in 2008 in school where a friend and I found the process of writing HTML facinating. I quickly dove deeper into the world of programming where I began learning Java. At the time, Minecraft Beta was just starting to become popular. I would practice development and engineering skills by writing mods for Minecraft. While I never wrote anything of actual value to the game (I would just play around with changing aspects for fun), analyzing and writing Java taught me the ins and outs of the object-oriented world where I started to branch out into other languages. I started to learn more about algorithms and systems while learning C++. Developing my understanding webhosting and servers with Golang and JavaScript. I am now comfortable writing programs in C, C++, Java, JavaScript, HTML, CSS, and Golang. In addition, I am comfortable working with SQL databases, UML diagraming, and MongoDB.
<br>
<br>
Learning in never an end goal, it's a never ending process that I will continue for the rest of my life.
</p>
</section>
<section class="list-all-projects">
@@ -95,41 +103,27 @@
<a class="social-img" href="https://www.linkedin.com/in/lewis-price-a79185195/" target="_blank">
<img src="images/linkedin-icon.svg" alt="LinkedIn">
</a>
<a class="mail-img" href="mailto:lewis.e.price@outlook.com">
<img src="./images/mail_icon.svg" alt="lewis.price@outlook.com">
</a>
</div>
<!--
<form action="#" method="post">
<label for="name">Name:</label>
<input type="text" id="name" name="name" placeholder="Enter Your Name" required>
<label for="email">Email:</label>
<input type="email" id="email" name="email" placeholder="person@gmail.com" required>
<label for="message">Message:</label>
<textarea id="message" name="message" placeholder="Enter a short message!" required></textarea>
<button type="submit">Send Message</button>
</form>
-->
</section>
</main>
<footer>
<p>&copy; 2025 LewisPriceDev. All rights reserved.</p>
<p>&copy; 2024 LewisPriceDev, All rights reserved.</p>
<div class="social-links">
<a href="https://www.instagram.com/lewcifer_the_great/" target="_blank" aria-label="Instagram">
<img src="./images/instagram-icon.svg" alt="">
</a>
<a href="https://www.facebook.com/lewprice140" target="_blank" aria-label="Facebook">
<img src="./images/facebook-icon.svg" alt="">
</a>
<a href="https://www.linkedin.com/in/lewis-price-a79185195/" target="_blank" aria-label="LinkedIn">
<img src="images/linkedin-icon.svg" alt="">
</a>
<a class="mail-img" href="mailto:lewis.e.price@outlook.com">
<img src="./images/mail_icon.svg" alt="lewis.price@outlook.com">
</a>
</div>
<div>
<a href="mailto:lewis.e.price@outlook.com">Email Me</a>
</div>
</footer>
</body>
</html>
</html>

13
project.html
View File

@@ -88,19 +88,18 @@
</main>
<footer>
<p>&copy; 2025 Group 18. All rights reserved.</p>
<p>&copy; 2024 LewisPriceDev, All rights reserved.</p>
<div class="social-links">
<a href="https://www.instagram.com/lewcifer_the_great/" target="_blank" aria-label="Instagram">
<img src="./images/instagram-icon.svg" alt="">
</a>
<a href="https://www.facebook.com/lewprice140" target="_blank" aria-label="Facebook">
<img src="./images/facebook-icon.svg" alt="">
<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">
<img src="images/linkedin-icon.svg" alt="">
</a>
</div>
</footer>
</body>
</html>