added more features

cal-cs184-student · Jun 1, 2024 · eccc3b2 · eccc3b2
1 parent d8dcb37
commit eccc3b2
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 5 deletions.
diff --git a/hw1/hw1Style.css b/hw1/hw1Style.css
@@ -86,6 +86,10 @@ body {
  font-family: Geneva;
 }
 
+.sections label:hover {
+ background-color: rgba(128, 128, 128, 0.488);
+}
+
 .sections input[type="radio"] {
  display: none;
 }

diff --git a/hw2/styles.css b/hw2/styles.css
@@ -81,6 +81,10 @@ hr {
  color: hsl(217, 100%, 20%);
 }
 
+.mytabs label:hover {
+ background-color: rgba(128, 128, 128, 0.488);
+}
+
 .mytabs .tab {
  width: 100%;
  padding: 90px;

diff --git a/index.html b/index.html
@@ -7,6 +7,7 @@
  <body>
  <h1 align="center">CS184/284A Project & Homework Webpages</h1>
  <div class="des">
+ <h3>Jacqueline Perez, Spring 2024</h3>
  <p>
  Linked are the Webpage Reports for Projects and Homeworks for CS 184: Computer Graphics and Imaging. 
  Consisting of both indivial and partnered work on the assignments, while the writeup webpages were styled by myself.

diff --git a/styler.css b/styler.css
@@ -1,17 +1,21 @@
 body {
  text-align: center;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
- background-color: aliceblue;
+ background-image: linear-gradient(aliceblue, rgb(168, 148, 177))
 }
 h1 {
  padding-top: 30px;
  color: rgb(158, 119, 176);
  font-size: 50px;
  font-weight: 100px;
 }
+h3 {
+ font-size: 25px;
+}
 .des {
  margin: auto;
  width: 1000px;
+ padding-bottom: 30px;
 
 }
 .bar {
@@ -20,13 +24,14 @@ h1 {
  align-items: center;
  justify-content: space-between;
  top: 0px;
- background-color: rgb(170, 140, 183);
+ background-color: rgba(170, 140, 183, 0.582);
  background-blend-mode: darken;
  color:white;
  padding: auto;
  max-width: 100%;
  margin: auto;
  width: 600px;
+ border-radius: 30px;
 
 }
 
@@ -43,15 +48,15 @@ a {
 }
 
 a:visited {
- color: hsl(163, 87%, 26%);
+ color: hsl(205, 34%, 51%);
 }
 
 a:hover {
- color: rgb(9, 55, 145);
+ color: rgb(79, 6, 111);
 }
 
 a:active {
- color: hsl(163, 87%, 26%);
+ color: white;
 }
 
 .wpList li {