Week #12

TOWSON WEATHER :
70° - 49°, Mostly Sunny

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

talk about Project #1 & GRADES

- talk about Project #2
examples:
- example_1
- example_2
- example_3

*Review:

- How to make a square image a circle

<style>
.circular{border-radius:50%;}
</style>
<img class="circular-square" src="chakras/Third-Eye-Chakra-1.jpg" width="100" height="100" alt="chakra">

BOOTSTRAP
getBootStrap.com

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;
}

- Try #2 with Bootstrap/carousel

*Download: carousel.zip

class="img-fluid mx-aut
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;
}

<div class="carousel-item active">


<div class="overlay-image" style="background-image:url(bg1.jpg);"></div>

<div class="container">
<div class="carousel-caption text-start">
<h1>Slide #1</h1>
<p>Some representative placeholder content for the first slide of the carousel.</p>
<p>Blah Blah Blah </p>
</div>
</div>
</div>

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

PROJECT__2.ZIP (7.8MB)

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

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

Or:
ryansmithart.com/favicon.ico

https://www.favicon.cc

HOMEWORK:

*Finish Project #2

Your 2nd project is due at 6:00pm April 26th (Originally due April 12th).
Presentations will start promptly at the beginning of class.

Please bring an external hard drive or "thumb drive" with you to class.
Note: You will use your (USB) flash drive to move your files from your computer to the desktop computer.
I will also expect you to upload your projects to Towson’s server space (Tigerweb.towson.edu/…).

If you forget to bring your "Thumb drive", and you’re having difficulty uploading your project, you may need some help.
If you need help, please ask for assistance.
If you have a broken or incomplete project, bring it to class anyway.

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

Week #12

BOOTSTRAP getBootStrap.com

MORE LINKS:

BOOTSTRAP

HOMEWORK:

BOOTSTRAP
getBootStrap.com