Week #11

---

*CHECK HOMEWORK*

Talk about Student Pages:
https://ryansmithart.com/fa2022/students.html

*talk about Project #1 Grades

---

*Review:

<style>
.circular-square { border-radius: 50%; }
</style>

<img class="circular-square" src="chakras/Third-Eye-Chakra-1.jpg" width="100" height="100" alt="chakra">

BOOTSTRAP

/* added style: */
.navbar{
     background-color:black;
     height:85px;
}

.nav-item a:link, a:visited {
     background-color: #000;
     color: red;
     text-decoration: none;
     padding-left:10px;
     padding-top:30px;
     padding-bottom:30px;
}

.nav-item a:hover, a:active {
     background-color: red;
     color: white;
}

body{
      background-color:aliceblue;
}
.navbar-toggler{
     background-color:red;
}

---

MORE LINKS:

Bootstrap/carousel

*Download: carousel.zip


class="img-fluid mx-auto"
/* added CSS style: */
.navbar{
background-color:teal;
}

https://www.pexels.com/search/space/


/* added CSS style: */
.overlay-image{
position:absolute;
bottom:0;
left:0;
right:0;
top:0;
background-position: center;
background-size:cover;
opacity:1;
}

<!-- image size: 1000 x 500px -->
<div class="overlay-image" style="background-image:url(bg1.jpg);"></div>

---

What's a favicon?
http://www.photoshopsupport.com/tutorials/jennifer/favicon.html

More info:
https://seranking.com/blog/what-is-a-favicon/

<link rel="icon" href="favicon.jpg" type="image/jpg">

Or:
ryansmithart.com/favicon.ico

https://www.favicon.cc

---

Talk about Project #2

Open: SPACE! w/Bootstrap (project2/index.html)

PROJECT__2.ZIP (8.2MB)

---

HOMEWORK:

Finish Project #2

*Bring a flash drive or hard drive to next class*

---

Remember required materials for this class:

(1) a flash drive or hard drive: 2GB or more
(some external device to store your work on)

(2) *Personal Web Space (Towson user accounts are fine)

(3) a sketchbook, something not too big, about 8x10 inches 
(for notes and sketches) 

(4) something to write & make drawings with

 

---