testing svg in separate file

SavannahRicks · Oct 16, 2023 · d875e81 · d875e81
1 parent c570d95
commit d875e81
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 20 deletions.
diff --git a/docs/images/SVGEx1.svg b/docs/images/SVGEx1.svg
diff --git a/docs/index.html b/docs/index.html
@@ -60,8 +60,8 @@ <h4>Posted on September 19, 2022</h4>
     <!-- ***************************************************************** -->
 
 
-
-    <svg  viewBox="0 0 215 215" fill="none" xmlns="http://www.w3.org/2000/svg" width="300" height="200">
+    <img src="images/SVGEx1.svg" alt="my first SVG"/>
+    <!-- <svg  viewBox="0 0 215 215" fill="none" xmlns="http://www.w3.org/2000/svg" width="300" height="200">
       
       <ellipse class="grey" cx="150" cy="80" rx="80" ry="60"
         style="stroke:purple;stroke-width:0" />
@@ -73,7 +73,7 @@ <h4>Posted on September 19, 2022</h4>
       <rect id="lid1" class="grey" x="105" y="30" width="30" height="30" style="stroke-width:0;stroke:black" />
       <rect id="lid2" class="grey" x="165" y="30" width="30" height="30" style="stroke-width:0;stroke:black" />
       
-    </svg> 
+    </svg>  -->
 
 
 

diff --git a/docs/portfoliostyle.css b/docs/portfoliostyle.css
@@ -337,25 +337,25 @@ table {
     --pink: #eac7dd;
 
 }
-.grey {
+g .grey {
     fill: var(--grey)
 }
 
-.eyes {
+g .eyes {
     fill: var(--yellow);
 }
 
-.nose {
+g .nose {
     fill: var(--pink);
 }
 
-#lid1, #lid2 {transition: all 1s ease;}
-svg:hover #lid1 {
+g #lid1, #lid2 {transition: all 1s ease;}
+g:hover #lid1 {
     transition: all 1s ease;
     transform: translate(0%, 10%)
 }
 
-svg:hover #lid2 {
+g:hover #lid2 {
     transition: all 1s ease;
     transform: translate(0%, 10%)
 }