Skip to content

Commit

Permalink
update footer
Browse files Browse the repository at this point in the history
  • Loading branch information
@vwolfley
vwolfley committed Jan 18, 2024
1 parent 38d7518 commit c9e09c3
Show file tree
Hide file tree
Showing 4 changed files with 67 additions and 32 deletions.
64 changes: 35 additions & 29 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -54,30 +54,33 @@ <h1>Vern Wolfley</h1>
<main>
<h2 class="attribute">WDD 230: Web Frontend Development</h2>
<div class="card-grid">
<section class="card">
<section class="card one">
<div class="card-header">
<h3>Learning Activities</h3>
</div>
<div class="card-content">
<ul class="la-card">
<li>Lesson 01: <a href="https://codepen.io/vwolfley/pen/wvOzbYy">Applied JavaScript</a></li>
<li>Lesson 02: <a href="lesson02/design.html">Web Design Principles</a> | <a href="lesson02/media-query.html">CSS Media Queries</a></li>
<li>Lesson 03<a href="#"></a></li>
<li>Lesson 04<a href="#"></a></li>
<li>Lesson 05<a href="#"></a></li>
<li>Lesson 06<a href="#"></a></li>
<li>Lesson 07<a href="#"></a></li>
<li>Lesson 08<a href="#"></a></li>
<li>Lesson 09<a href="#"></a></li>
<li>Lesson 10<a href="#"></a></li>
<li>Lesson 11<a href="#"></a></li>
<li>Lesson 12<a href="#"></a></li>
<li>Lesson 13<a href="#"></a></li>
<li>Lesson 14<a href="#"></a></li>
<li>
Lesson 02: <a href="lesson02/design.html">Web Design Principles</a> |
<a href="lesson02/media-query.html">CSS Media Queries</a>
</li>
<li>Lesson 03: <a href="#"></a></li>
<li>Lesson 04: <a href="#"></a></li>
<li>Lesson 05: <a href="#"></a></li>
<li>Lesson 06: <a href="#"></a></li>
<li>Lesson 07: <a href="#"></a></li>
<li>Lesson 08: <a href="#"></a></li>
<li>Lesson 09: <a href="#"></a></li>
<li>Lesson 10: <a href="#"></a></li>
<li>Lesson 11: <a href="#"></a></li>
<li>Lesson 12: <a href="#"></a></li>
<li>Lesson 13: <a href="#"></a></li>
<li>Lesson 14: <a href="#"></a></li>
</ul>
</div>
</section>
<section class="card">
<section class="card two">
<div class="card-header">
<h3>Information</h3>
</div>
Expand All @@ -91,21 +94,24 @@ <h3>Information</h3>
</main>

<footer>
<div class="copyright">
<p>wdd-230-a9 <span id="cYear"></span> | Vern Wolfley | Arizona, USA</p>
<img id="azFlag" src="images/arizona-flag.png" alt="arizona arizona-flag" />
</div>
<div class="social">
<a href="https://www.linkedin.com/in/vern-wolfley-b8322813/" target="_blank">
<img src="images/linkedin-logo.png" alt="instagram icon" />
</a>
<a href="https://twitter.com/WolfleyVern" target="_blank">
<img src="images/twitter-x-logo.png" alt="twitter icon" />
</a>
<a href="https://www.facebook.com/vwolfley" target="_blank">
<img src="images/facebook-logo.png" alt="fb icon" />
</a>
<div class="footer-info">
<div class="copyright">
<p>wdd-230-a9 <span id="cYear"></span> | Vern Wolfley | Arizona, USA</p>
<img id="azFlag" src="images/arizona-flag.png" alt="arizona-flag" />
</div>
<div class="social">
<a href="https://www.linkedin.com/in/vern-wolfley-b8322813/" target="_blank">
<img src="images/linkedin-logo.png" alt="instagram icon" />
</a>
<a href="https://twitter.com/WolfleyVern" target="_blank">
<img src="images/twitter-x-logo.png" alt="twitter icon" />
</a>
<a href="https://www.facebook.com/vwolfley" target="_blank">
<img src="images/facebook-logo.png" alt="face book icon" />
</a>
</div>
</div>

<p id="lastModified"></p>
</footer>
<script src="scripts/getdates.js"></script>
Expand Down
2 changes: 1 addition & 1 deletion scripts/getdates.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ const date = new Date()
let copyrightYear = date.getFullYear();
document.getElementById("cYear").innerHTML = `&copy; ${copyrightYear}`;

let lastModif = new Date(document.lastModified);
let lastModif = new Date(document.lastModified).toGMTString();
document.getElementById("lastModified").innerHTML = `Last Modified: ${lastModif}`;

// console.log(modDate);
Expand Down
26 changes: 25 additions & 1 deletion styles/base.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -68,7 +68,7 @@ nav a:hover {
color: var(--nav-hover-link-color);
}
nav .active {
color: yellow;
color: yellow;
}

#headTitle {
Expand All @@ -94,6 +94,8 @@ h1 {
main {
display: flex;
flex-direction: column;
/* text-align: center;
margin: 0 75px; */
margin: 0 auto;
padding: 20px;
background-color: var(--paragraph-background-color);
Expand Down Expand Up @@ -147,6 +149,10 @@ main {
padding: 5px;
}

.la-card li a {
font-size: 0.8em;
}

/* Footer */
footer {
display: flex;
Expand Down Expand Up @@ -178,6 +184,24 @@ footer p a:hover {
text-decoration: underline;
}

footer .footer-info {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
footer .social {
display: flex;
flex-direction: row;
gap: 5px;
}
footer .social a {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

footer .social img {
width: 30px;
height: 30px;
Expand Down
7 changes: 6 additions & 1 deletion styles/larger.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,11 @@
/* Section Card Area */
.card-grid {
display: grid;
grid-template-columns: 1fr 300px;
grid-template-columns: 1fr 400px;
}
footer .footer-info {
display: flex;
flex-direction: row;
justify-content: space-between;
}
}

0 comments on commit c9e09c3

Please sign in to comment.