diff --git a/Images/300.jpg b/Images/300.jpg new file mode 100644 index 0000000..e6d9bd8 Binary files /dev/null and b/Images/300.jpg differ diff --git a/Images/anime.jpeg b/Images/anime.jpeg new file mode 100644 index 0000000..d0a2bcf Binary files /dev/null and b/Images/anime.jpeg differ diff --git a/Images/cake.jpg b/Images/cake.jpg new file mode 100644 index 0000000..1a8c733 Binary files /dev/null and b/Images/cake.jpg differ diff --git a/Images/creme.jpg b/Images/creme.jpg new file mode 100644 index 0000000..b0a20f6 Binary files /dev/null and b/Images/creme.jpg differ diff --git a/Images/mac.jpg b/Images/mac.jpg new file mode 100644 index 0000000..96ac623 Binary files /dev/null and b/Images/mac.jpg differ diff --git a/Images/rent.jpg b/Images/rent.jpg new file mode 100644 index 0000000..889b22d Binary files /dev/null and b/Images/rent.jpg differ diff --git a/Images/space.jpg b/Images/space.jpg new file mode 100644 index 0000000..6de1b5c Binary files /dev/null and b/Images/space.jpg differ diff --git a/Images/sushi.jpg b/Images/sushi.jpg new file mode 100644 index 0000000..38e4c51 Binary files /dev/null and b/Images/sushi.jpg differ diff --git a/Images/taylor.jpg b/Images/taylor.jpg new file mode 100644 index 0000000..3490fca Binary files /dev/null and b/Images/taylor.jpg differ diff --git a/aboutme.css b/aboutme.css new file mode 100644 index 0000000..11c058b --- /dev/null +++ b/aboutme.css @@ -0,0 +1,143 @@ +@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@300&display=swap"); + +* { + margin: 0; + padding: 0; + font-family: "Oswald", sans-serif; +} +/*Why isn't my font working on all pages?*/ +html { + text-align: center; + background-image: linear-gradient( + to right bottom, + #520248, + #543579, + #2683c4, + #00a9da, + #00edc4, + #5ffb66 + ); + background-repeat: no-repeat; + height: 100%; + font-size: 2.5vh; + line-height: 2em; + margin: 0; + background-attachment: fixed; +} +.topDivider { + fill: rgb(0, 0, 0); +} +.thanks { + font-size: x-large; + padding: 2vh; +} +div.navIndex { + margin: 0; + margin-bottom: 2vh; + padding: 0; + border: 1vh solid rgb(0, 0, 0); + border-radius: 2vh; + list-style: none; + display: flex; + flex-direction: row; + justify-content: space-evenly; +} + +a { + text-decoration: none; +} +.title { + font-size: xx-large; +} +h1 { + text-decoration: underline; + margin-top: 1vh; +} +h5 { + margin: 5vh; + text-decoration: none; +} +header { + display: flexbox; + justify-content: space-between; +} +button { + margin: 2vh; + padding: 1vh; + border-radius: 1em; + background-origin: padding-box; + border: none; + background-color: rgb(0, 0, 0); + color: rgb(52, 248, 255); + font-size: 3vh; + position: relative; +} +button :hover { + color: turquoise; +} +button :visited { + color: rgb(186, 0, 192); +} +.overview { + width: 80%; + margin-left: auto; + margin-right: auto; +} +.container { + width: 90%; + height: 100%; + margin-left: auto; + margin-right: auto; +} +.form { + padding: 5vh; +} +input { + margin: 2vh; + font-size: 3vh; + background-color: rgb(255, 255, 255); +} +textarea { + font-size: 3vh; +} +ul { + list-style: square; + list-style-position: inside; +} + +.photos { + width: 100%; +} +.image { + margin: 2%; + padding-top: 5%; +} + +.homePic { + width: 40%; + height: auto; + border-radius: 50%; +} +.myName { + padding: 2vh; + font-size: 5vh; + font-weight: bolder; + text-align: center; +} +footer { + font-size: 2vh; + margin: 3vh; +} + +/*phone*/ +@media screen and (max-width: 780px) { + button { + font-size: 2vh; + } + .myName { + font-size: 3.2vh; + } + .homePic { + width: 250px; + } +} diff --git a/contact.html b/contact.html index 400d3fe..a8ad2e6 100644 --- a/contact.html +++ b/contact.html @@ -1,11 +1,79 @@ -
- - -