Skip to content

Commit

Permalink
added lost images and favicons
Browse files Browse the repository at this point in the history
  • Loading branch information
@jemappellen
jemappellen committed Feb 12, 2025
1 parent 43b9e0f commit 14e53b7
Show file tree
Hide file tree
Showing 11 changed files with 162 additions and 109 deletions.
1 change: 1 addition & 0 deletions codecademy-projects/fotomatic_broken/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@
<link href="https://fonts.googleapis.com/css?family=Rubik" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,600,700" rel="stylesheet">
<link rel="stylesheet" href="./resources/css/reset.css">
<link rel="stylesheet" href="./resources/css/style.css">
<meta charset="UTF-8">
</head>
<body>
Expand Down
100 changes: 75 additions & 25 deletions codecademy-projects/fotomatic_broken/resources/css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,9 +26,10 @@ html {

.image-container img {
display: block;
max-width: 100%;
}

@media only screen and (max-width: 760px) {
@media only screen and (max-width: 895px) {
.main-content {
top: 2.5625rem;
}
Expand All @@ -38,6 +39,7 @@ html {

header {
position: fixed;
z-index: 100;
width: 100%;
border-bottom: solid 1px #c6c1c1;
background-color: white;
Expand Down Expand Up @@ -68,6 +70,17 @@ nav a {
color: #4a4a4a;
}

nav .button {
padding: .1875rem .5rem;
background-color: #9dc20b;
line-height: 1.6;
color: white;
}

nav li:last-child {
display: none;
}

header .icon {
width: 1rem;
padding-left: .75rem;
Expand All @@ -77,7 +90,17 @@ header .mobile {
display: none;
}

@media only screen and (max-width: 760px) {
@media only screen and (max-width: 895px) {
nav li:last-child {
display: block;
}

header .content {
padding: 1rem 1rem;
}
}

@media only screen and (max-width: 600px) {
header .desktop {
display: none;
}
Expand All @@ -101,13 +124,6 @@ header .mobile {
header .mobile li {
padding: 0;
}

header .mobile .button {
padding: .1875rem .5rem;
background-color: #9dc20b;
line-height: 1.6;
color: white;
}
}

/* Sign Up Section */
Expand All @@ -117,9 +133,16 @@ header .mobile {
justify-content: flex-start;
align-items: flex-start;
height: 43.5rem;
background-image: url('../images/banner-landingpage.jpg');
background-position: bottom;
background-size: cover;
background-repeat: no-repeat;
}

#sign-up-cta {
position: relative;
top: 171px;
left: 10%;
padding: 0 5rem 2.5rem 5rem;
border: solid 1px #979797;
border-radius: 4px;
Expand Down Expand Up @@ -161,7 +184,7 @@ header .mobile {
padding: 1.25rem 7.25rem;
}

@media only screen and (max-width: 760px) {
@media only screen and (max-width: 895px) {
#sign-up-section {
align-items: center;
justify-content: center;
Expand Down Expand Up @@ -193,7 +216,7 @@ header .mobile {
}
}

@media only screen and (max-width: 450px) {
@media only screen and (max-width: 600px) {
#sign-up-section {
height: 20rem;
}
Expand Down Expand Up @@ -229,6 +252,10 @@ header .mobile {
margin: 0 auto;
}

.feature .content {
padding: 2.5rem 0;
}

.feature h2 {
padding-bottom: .5rem;
font-size: 2.25rem;
Expand All @@ -243,11 +270,19 @@ header .mobile {
color: #4a4a4a;
}

@media only screen and (max-width: 890px) {
@media only screen and (max-width: 895px) {
#features-section {
padding: 1rem;
}

.feature {
margin: 0px .5rem;
padding: 1rem;
}

.feature h2 {
font-size: 1.125rem;
font-size: 2rem;
line-height: 1.3;
font-weight: normal;
}

.feature h3 {
Expand All @@ -256,7 +291,7 @@ header .mobile {
}
}

@media only screen and (max-width: 760px) {
@media only screen and (max-width: 600px) {
#features-section {
flex-flow: column;
padding: 0;
Expand All @@ -266,6 +301,10 @@ header .mobile {
margin: 0;
padding: 1.25rem 1rem 0 1rem;
}

.feature .content {
padding: 1.25rem 0 1.875rem 0;
}
}

/* Filters Section */
Expand Down Expand Up @@ -294,11 +333,12 @@ header .mobile {
}

#filters-section .images-container {
display: flex;
max-width: 100%;
padding: 0 1%;
}

@media only screen and (max-width: 760px) {
@media only screen and (max-width: 600px) {
#filters-section {
padding: 1.5rem 0 0 0;
}
Expand Down Expand Up @@ -334,11 +374,14 @@ header .mobile {
background-color: #f3f3f3;
}

#quotes-section content {
padding: 5rem 0;
#quotes-section .content {
display: flex;
align-items: center;
justify-content: center;
padding: 5rem 1.5rem;
}

#quotes-section quote {
#quotes-section .quote {
padding-right: 1.875rem;
font-family: "Palatino", serif;
font-size: 1.875rem;
Expand All @@ -347,21 +390,28 @@ header .mobile {
color: #4a4a4a;
}

#quotes-section quote-citation {
#quotes-section .quote-citation {
height: 1.875rem;
}

@media only screen and (max-width: 760px) {
#quotes-section content {
@media only screen and (max-width: 895px) {
#quotes-section .content {
padding: 3rem 1.5rem;
}
}

@media only screen and (max-width: 600px) {
#quotes-section .content {
flex-flow: column;
padding: 1.875rem .625rem;
}

#quotes-section quote {
#quotes-section .quote {
font-size: 1.5rem;
line-height: 1.4;
}

#quotes-section quote-citation {
#quotes-section .quote-citation {
display: block;
padding-top: 1rem;
margin: auto;
Expand All @@ -385,7 +435,7 @@ footer .copyright {
flex-grow: 1;
}

@media only screen and (min-width: 760px) {
@media only screen and (max-width: 600px) {
footer .content {
font-size: .625rem;
}
Expand Down
Binary file added codédex-projects/final-project-CSS/images/favicon.ico
View file
Binary file not shown.
23 changes: 12 additions & 11 deletions codédex-projects/final-project-CSS/personal-website.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,18 +7,19 @@
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<link rel="icon" href=".images/favicon.ico" type="image/x-icon">
<link href="style.css" rel="stylesheet" />
</head>
<body>

<div id="home-page">

<img id="header-home-bg" src="images/nav-bg.jpg" alt="Blue Water Lilies, 1916-1919"/>
<img id="header-home-bg" src="./images/nav-bg.jpg" alt="Blue Water Lilies, 1916-1919"/>

<header>

<nav>
<img src="images\signature.png" alt="Monet's signature, 1840-1926"/></li>
<img src="./images/signature.png" alt="Monet's signature, 1840-1926"/></li>
<ul>
<li><a href="#home-page">HOME</a></li>
<li><a href="#about">ABOUT</a></li>
Expand Down Expand Up @@ -53,7 +54,7 @@ <h1>CODÉDEX</h1>
<section id="about">

<h1>ABOUT ME</h1>
<img src="images\portrait.jpg" alt="Claude Monet's portrait by Pierre-Auguste Renoir (The Reader), 1873-1874">
<img src="./images/portrait.jpg" alt="Claude Monet's portrait by Pierre-Auguste Renoir (The Reader), 1873-1874">
<p><span style="color: var(--accent-text)">Bonjour.</span><br/><br/>

Welcome to my portfolio. I am Claude Monet,
Expand All @@ -76,8 +77,8 @@ <h1>ABOUT ME</h1>

<div id="page-1">
<h1>PROJECTS</h1>
<img src="images\rouen-cathedral-1.jpg" alt="The Portal of Rouen Cathedral in Morning Light, 1894">
<img src="images\rouen-cathedral-2.jpg" alt="Rouen Cathedral, West Facade, Sunlight, 1894">
<img src="./images/rouen-cathedral-1.jpg" alt="The Portal of Rouen Cathedral in Morning Light, 1894">
<img src="./images/rouen-cathedral-2.jpg" alt="Rouen Cathedral, West Facade, Sunlight, 1894">
<div id="project-description-1">
<p class="project-name">Rouen Cathedral</p>
<p>A study of light, atmosphere, and
Expand All @@ -102,15 +103,15 @@ <h1>PROJECTS</h1>
golds of&nbsp;twilight.</p>
</div>
<div class="image-container">
<img src="images\water-lilies-1.jpg" alt="Water Lilies, 1920-1926">
<img src="images\water-lilies-2.jpg" alt="Water Lilies, Agapanthus (right panel), 1920-1926">
<img src="images\water-lilies-3.jpeg" alt="Water Lilies, 1917-1919">
<img src="images\water-lilies-4.jpg" alt="Water Lily Pond, 1919">
<img src="./images/water-lilies-1.jpg" alt="Water Lilies, 1920-1926">
<img src="./images/water-lilies-2.jpg" alt="Water Lilies, Agapanthus (right panel), 1920-1926">
<img src="./images/water-lilies-3.jpeg" alt="Water Lilies, 1917-1919">
<img src="./images/water-lilies-4.jpg" alt="Water Lily Pond, 1919">
</div>
</div>

<div id="page-3">
<img src="images\impression-sunrise.jpg" alt="Impression. Sunrise, 1872">
<img src="./images/impression-sunrise.jpg" alt="Impression. Sunrise, 1872">
<div id="project-description-3">
<p class="project-name">Impression, Sunrise</p>
<p>Painted in the port of Le Havre, my hometown,
Expand All @@ -126,7 +127,7 @@ <h1>PROJECTS</h1>
<section id="contacts">

<div class="contacts-wrapper">
<img id="contacts-bg" src="images\contact-bg.jpg" alt="Contacts background picture">
<img id="contacts-bg" src="./images/contact-bg.jpg" alt="Contacts background picture">
<div id="contacts-text">

<h1>CONTACTS</h1></br></br>
Expand Down
Binary file added codédex-projects/final-project-HTML/images/bottom-cat.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added codédex-projects/final-project-HTML/images/dessert.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added codédex-projects/final-project-HTML/images/drink.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added codédex-projects/final-project-HTML/images/favicon.ico
View file
Binary file not shown.
Binary file added codédex-projects/final-project-HTML/images/logo.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added codédex-projects/final-project-HTML/images/main-dish.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit 14e53b7

Please sign in to comment.