Skip to content

Commit 928b75a

Browse files
markgohomarkgoho
committed
Refactor SVG icons and HTML structure: standardize SVG attributes, improve accessibility, and enhance layout consistency across various components.
1 parent a54296e commit 928b75a

5 files changed

Lines changed: 45 additions & 46 deletions

File tree

‎hugo/layouts/index.html‎

Lines changed: 15 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -41,17 +41,16 @@ <h1>Welcome to the Doula Cooperative of Rochester, NY</h1>
4141

4242
<section class="nav-cards-container">
4343
<div class="nav-cards">
44-
4544
<div class="nav-card-container">
4645
<a href="/learn-more-about-doulas/" class="nav-card">
4746
<svg
48-
class="nav-card__icon"
49-
viewBox="0 0 83 83"
47+
xmlns="http://www.w3.org/2000/svg"
5048
fill="none"
51-
xmlns="http://www.w3.org/2000/svg">
49+
class="nav-card__icon"
50+
viewBox="0 0 83 83">
5251
<path
53-
d="M81.6253 28.8361L42.7191 8.08607C42.3438 7.88625 41.9252 7.78174 41.5 7.78174C41.0749 7.78174 40.6562 7.88625 40.2809 8.08607L1.3747 28.8361C0.959715 29.0572 0.612659 29.387 0.37066 29.7902C0.128661 30.1934 0.000823975 30.6548 0.000823975 31.1251C0.000823975 31.5953 0.128661 32.0567 0.37066 32.4599C0.612659 32.8631 0.959715 33.1929 1.3747 33.414L10.375 38.2157V53.9144C10.3723 55.1884 10.8412 56.4184 11.6913 57.3673C15.9386 62.0977 25.4544 70.0313 41.5 70.0313C46.8203 70.0753 52.1008 69.1116 57.0625 67.1912V77.8126C57.0625 78.5005 57.3358 79.1602 57.8222 79.6466C58.3086 80.133 58.9684 80.4063 59.6563 80.4063C60.3442 80.4063 61.0039 80.133 61.4903 79.6466C61.9767 79.1602 62.25 78.5005 62.25 77.8126V64.6849C65.6323 62.7325 68.6887 60.2635 71.3087 57.3673C72.1588 56.4184 72.6277 55.1884 72.625 53.9144V38.2157L81.6253 33.414C82.0403 33.1929 82.3874 32.8631 82.6294 32.4599C82.8714 32.0567 82.9992 31.5953 82.9992 31.1251C82.9992 30.6548 82.8714 30.1934 82.6294 29.7902C82.3874 29.387 82.0403 29.0572 81.6253 28.8361ZM41.5 64.8438C27.4711 64.8438 19.2197 57.9898 15.5625 53.9144V40.9813L40.2809 54.164C40.6562 54.3639 41.0749 54.4684 41.5 54.4684C41.9252 54.4684 42.3438 54.3639 42.7191 54.164L57.0625 46.5157V61.54C52.9774 63.4464 47.8288 64.8438 41.5 64.8438ZM67.4375 53.9014C65.8827 55.6267 64.1431 57.1761 62.25 58.5215V43.7469L67.4375 40.9813V53.9014ZM60.9531 38.5626L60.8818 38.5205L42.7256 28.8361C42.1198 28.5267 41.4167 28.4676 40.7678 28.6716C40.1189 28.8756 39.5762 29.3263 39.2564 29.9267C38.9367 30.5271 38.8656 31.229 39.0584 31.8813C39.2513 32.5336 39.6926 33.0841 40.2874 33.414L55.4414 41.5001L41.5 48.9344L8.10548 31.1251L41.5 13.3157L74.8945 31.1251L60.9531 38.5626Z"
54-
fill="var(--teal-500)" />
52+
fill="var(--teal-500)"
53+
d="M81.625 28.836 42.72 8.086a2.594 2.594 0 0 0-2.438 0L1.375 28.836a2.593 2.593 0 0 0 0 4.578l9 4.802v15.698a5.158 5.158 0 0 0 1.316 3.453c4.248 4.73 13.763 12.664 29.809 12.664 5.32.044 10.6-.92 15.563-2.84v10.622a2.594 2.594 0 0 0 5.187 0V64.685a37.486 37.486 0 0 0 9.059-7.318 5.158 5.158 0 0 0 1.316-3.453V38.216l9-4.802a2.593 2.593 0 0 0 0-4.578ZM41.5 64.844c-14.029 0-22.28-6.854-25.938-10.93V40.981l24.719 13.183a2.593 2.593 0 0 0 2.438 0l14.343-7.648V61.54c-4.085 1.906-9.233 3.304-15.562 3.304ZM67.438 53.9a31.716 31.716 0 0 1-5.188 4.62V43.748l5.188-2.766v12.92Zm-6.485-15.338-.071-.043-18.156-9.684a2.594 2.594 0 0 0-2.439 4.578L55.441 41.5 41.5 48.934 8.105 31.125 41.5 13.315l33.394 17.81-13.94 7.438Z" />
5554
</svg>
5655
<h2
5756
class="nav-card__title"
@@ -68,13 +67,13 @@ <h1>Welcome to the Doula Cooperative of Rochester, NY</h1>
6867
<div class="nav-card-container">
6968
<a href="/find-a-doula/" class="nav-card">
7069
<svg
71-
class="nav-card__icon"
72-
viewBox="0 0 83 83"
70+
xmlns="http://www.w3.org/2000/svg"
7371
fill="none"
74-
xmlns="http://www.w3.org/2000/svg">
72+
class="nav-card__icon"
73+
viewBox="0 0 83 83">
7574
<path
76-
d="M74.4601 71.3115L58.2265 55.0811C62.9316 49.4323 65.2779 42.1869 64.7771 34.8523C64.2763 27.5176 60.9671 20.6584 55.5378 15.7014C50.1086 10.7445 42.9773 8.07155 35.6275 8.23858C28.2776 8.40562 21.2751 11.3998 16.0767 16.5983C10.8782 21.7967 7.88401 28.7992 7.71698 36.1491C7.54994 43.4989 10.2229 50.6302 15.1798 56.0595C20.1368 61.4887 26.996 64.7979 34.3307 65.2987C41.6653 65.7995 48.9107 63.4532 54.5595 58.7481L70.7899 74.9817C71.0309 75.2227 71.317 75.4138 71.6319 75.5443C71.9467 75.6747 72.2842 75.7418 72.625 75.7418C72.9658 75.7418 73.3033 75.6747 73.6181 75.5443C73.933 75.4138 74.2191 75.2227 74.4601 74.9817C74.7011 74.7407 74.8922 74.4546 75.0227 74.1398C75.1531 73.8249 75.2202 73.4874 75.2202 73.1466C75.2202 72.8058 75.1531 72.4683 75.0227 72.1535C74.8922 71.8386 74.7011 71.5525 74.4601 71.3115ZM12.9688 36.8341C12.9688 32.2172 14.3378 27.7039 16.9029 23.865C19.4679 20.0262 23.1137 17.0341 27.3792 15.2673C31.6448 13.5005 36.3384 13.0382 40.8666 13.9389C45.3949 14.8396 49.5543 17.0629 52.819 20.3276C56.0837 23.5923 58.307 27.7517 59.2077 32.28C60.1084 36.8082 59.6462 41.5019 57.8793 45.7674C56.1125 50.0329 53.1205 53.6787 49.2816 56.2437C45.4427 58.8088 40.9295 60.1779 36.3125 60.1779C30.1235 60.171 24.1899 57.7094 19.8136 53.3331C15.4373 48.9567 12.9756 43.0232 12.9688 36.8341Z"
77-
fill="var(--teal-500)" />
75+
fill="var(--teal-500)"
76+
d="m74.46 71.311-16.233-16.23a28.567 28.567 0 1 0-3.667 3.667l16.23 16.234a2.596 2.596 0 0 0 3.67-3.67ZM12.97 36.834a23.344 23.344 0 1 1 23.343 23.344A23.37 23.37 0 0 1 12.97 36.834Z" />
7877
</svg>
7978
<h2
8079
class="nav-card__title"
@@ -91,13 +90,13 @@ <h1>Welcome to the Doula Cooperative of Rochester, NY</h1>
9190
<div class="nav-card-container">
9291
<a href="/join-the-doula-cooperative/" class="nav-card">
9392
<svg
94-
class="nav-card__icon"
95-
viewBox="0 0 80 80"
93+
xmlns="http://www.w3.org/2000/svg"
9694
fill="none"
97-
xmlns="http://www.w3.org/2000/svg">
95+
class="nav-card__icon"
96+
viewBox="0 0 80 80">
9897
<path
99-
d="M76.5 47C76.2373 47.197 75.9385 47.3403 75.6204 47.4218C75.3024 47.5033 74.9714 47.5213 74.6464 47.4749C74.3214 47.4284 74.0087 47.3184 73.7262 47.1512C73.4437 46.9839 73.197 46.7626 73 46.5C71.4931 44.4746 69.5318 42.8312 67.2738 41.7022C65.0159 40.5733 62.5244 39.9902 60 40C59.5084 39.9999 59.0277 39.855 58.618 39.5832C58.2084 39.3114 57.888 38.9248 57.6968 38.4719C57.5671 38.1643 57.5002 37.8338 57.5002 37.5C57.5002 37.1662 57.5671 36.8357 57.6968 36.5281C57.888 36.0752 58.2084 35.6886 58.618 35.4168C59.0277 35.145 59.5084 35 60 35C61.4027 34.9999 62.7773 34.6064 63.9676 33.8642C65.1579 33.122 66.1162 32.0609 66.7336 30.8014C67.3511 29.5419 67.6029 28.1344 67.4606 26.7389C67.3183 25.3434 66.7874 24.0158 65.9284 22.9069C65.0693 21.798 63.9165 20.9522 62.6009 20.4657C61.2853 19.9791 59.8596 19.8712 58.4857 20.1543C57.1118 20.4374 55.8449 21.1001 54.8288 22.0671C53.8127 23.0342 53.0882 24.2668 52.7375 25.625C52.6554 25.943 52.5115 26.2418 52.3139 26.5042C52.1164 26.7667 51.8691 26.9876 51.5862 27.1545C51.3033 27.3213 50.9902 27.4308 50.665 27.4767C50.3397 27.5226 50.0086 27.5039 49.6906 27.4219C49.3726 27.3398 49.0738 27.1959 48.8114 26.9983C48.5489 26.8008 48.328 26.5535 48.1611 26.2706C47.9943 25.9876 47.8848 25.6746 47.8389 25.3494C47.793 25.0241 47.8116 24.693 47.8937 24.375C48.3805 22.4916 49.3 20.7478 50.5793 19.2823C51.8586 17.8169 53.4622 16.6702 55.2626 15.9336C57.063 15.197 59.0105 14.8907 60.9501 15.0391C62.8897 15.1876 64.7679 15.7867 66.4352 16.7888C68.1025 17.7908 69.513 19.1682 70.5543 20.8113C71.5956 22.4544 72.2391 24.3178 72.4335 26.2534C72.6279 28.1889 72.3679 30.1431 71.6742 31.9605C70.9805 33.7778 69.8722 35.4082 68.4375 36.7219C71.8369 38.1937 74.792 40.5294 77.0093 43.4969C77.2063 43.7602 77.3494 44.0598 77.4304 44.3785C77.5114 44.6972 77.5288 45.0287 77.4815 45.3541C77.4342 45.6795 77.3231 45.9924 77.1547 46.2748C76.9863 46.5573 76.7638 46.8037 76.5 47ZM59.6625 66.25C59.8434 66.5345 59.9648 66.8527 60.0195 67.1854C60.0743 67.5181 60.0611 67.8585 59.9809 68.186C59.9007 68.5135 59.7551 68.8213 59.5528 69.0911C59.3505 69.3608 59.0957 69.5869 58.8038 69.7556C58.5119 69.9243 58.1888 70.0323 57.8541 70.0729C57.5194 70.1136 57.18 70.0861 56.8561 69.9922C56.5323 69.8982 56.2308 69.7398 55.9699 69.5263C55.7089 69.3128 55.4938 69.0488 55.3375 68.75C53.7626 66.0833 51.5197 63.8734 48.8301 62.3381C46.1404 60.8029 43.0969 59.9954 40 59.9954C36.903 59.9954 33.8595 60.8029 31.1699 62.3381C28.4802 63.8734 26.2373 66.0833 24.6625 68.75C24.5062 69.0488 24.2911 69.3128 24.0301 69.5263C23.7691 69.7398 23.4676 69.8982 23.1438 69.9922C22.82 70.0861 22.4805 70.1136 22.1458 70.0729C21.8111 70.0323 21.4881 69.9243 21.1961 69.7556C20.9042 69.5869 20.6495 69.3608 20.4472 69.0911C20.2449 68.8213 20.0993 68.5135 20.019 68.186C19.9388 67.8585 19.9257 67.5181 19.9804 67.1854C20.0351 66.8527 20.1566 66.5345 20.3375 66.25C22.7612 62.0856 26.4568 58.8084 30.8812 56.9C28.3916 54.9939 26.5619 52.3555 25.6493 49.3557C24.7368 46.3559 24.7872 43.1456 25.7935 40.1759C26.7998 37.2063 28.7114 34.6266 31.2596 32.7996C33.8078 30.9726 36.8645 29.99 40 29.99C43.1355 29.99 46.1922 30.9726 48.7404 32.7996C51.2886 34.6266 53.2002 37.2063 54.2065 40.1759C55.2128 43.1456 55.2632 46.3559 54.3506 49.3557C53.438 52.3555 51.6083 54.9939 49.1187 56.9C53.5431 58.8084 57.2387 62.0856 59.6625 66.25ZM40 55C41.9778 55 43.9112 54.4135 45.5557 53.3147C47.2002 52.2159 48.4819 50.6541 49.2388 48.8268C49.9956 46.9996 50.1937 44.9889 49.8078 43.0491C49.422 41.1093 48.4696 39.3274 47.071 37.9289C45.6725 36.5304 43.8907 35.578 41.9509 35.1921C40.0111 34.8063 38.0004 35.0043 36.1731 35.7612C34.3459 36.5181 32.7841 37.7998 31.6853 39.4443C30.5865 41.0888 30 43.0222 30 45C30 47.6522 31.0535 50.1957 32.9289 52.0711C34.8043 53.9464 37.3478 55 40 55ZM22.5 37.5C22.5 36.8369 22.2366 36.2011 21.7677 35.7322C21.2989 35.2634 20.663 35 20 35C18.5972 34.9999 17.2227 34.6064 16.0324 33.8642C14.8421 33.122 13.8838 32.0609 13.2663 30.8014C12.6489 29.5419 12.397 28.1344 12.5393 26.7389C12.6817 25.3434 13.2125 24.0158 14.0716 22.9069C14.9306 21.798 16.0834 20.9522 17.399 20.4657C18.7147 19.9791 20.1404 19.8712 21.5142 20.1543C22.8881 20.4374 24.155 21.1001 25.1711 22.0671C26.1872 23.0342 26.9118 24.2668 27.2625 25.625C27.4282 26.2673 27.8424 26.8175 28.4138 27.1545C28.9852 27.4914 29.667 27.5876 30.3093 27.4219C30.9517 27.2561 31.5018 26.842 31.8388 26.2706C32.1758 25.6992 32.272 25.0173 32.1062 24.375C31.6195 22.4916 30.6999 20.7478 29.4206 19.2823C28.1414 17.8169 26.5377 16.6702 24.7373 15.9336C22.9369 15.197 20.9894 14.8907 19.0498 15.0391C17.1102 15.1876 15.2321 15.7867 13.5647 16.7888C11.8974 17.7908 10.487 19.1682 9.44566 20.8113C8.40433 22.4544 7.76086 24.3178 7.56644 26.2534C7.37201 28.1889 7.63201 30.1431 8.32573 31.9605C9.01946 33.7778 10.1278 35.4082 11.5625 36.7219C8.16648 38.1951 5.2147 40.5307 2.99997 43.4969C2.60173 44.0273 2.43052 44.6942 2.52399 45.3509C2.61747 46.0075 2.96798 46.6002 3.49841 46.9984C4.02884 47.3967 4.69575 47.5679 5.35242 47.4744C6.00909 47.3809 6.60173 47.0304 6.99997 46.5C8.5068 44.4746 10.4681 42.8312 12.7261 41.7022C14.984 40.5733 17.4755 39.9902 20 40C20.663 40 21.2989 39.7366 21.7677 39.2678C22.2366 38.7989 22.5 38.163 22.5 37.5Z"
100-
fill="var(--teal-500)" />
98+
fill="var(--teal-500)"
99+
d="M76.5 47a2.5 2.5 0 0 1-3.5-.5A16.126 16.126 0 0 0 60 40a2.5 2.5 0 0 1 0-5 7.5 7.5 0 1 0-7.263-9.375 2.5 2.5 0 0 1-4.843-1.25 12.5 12.5 0 1 1 20.544 12.347 21.23 21.23 0 0 1 8.571 6.775A2.5 2.5 0 0 1 76.5 47ZM59.663 66.25a2.499 2.499 0 1 1-4.325 2.5 17.813 17.813 0 0 0-30.675 0 2.5 2.5 0 1 1-4.326-2.5 22.519 22.519 0 0 1 10.544-9.35 15 15 0 1 1 18.238 0 22.52 22.52 0 0 1 10.544 9.35ZM40 55a10 10 0 1 0 0-20 10 10 0 0 0 0 20ZM22.5 37.5A2.5 2.5 0 0 0 20 35a7.5 7.5 0 1 1 7.262-9.375 2.501 2.501 0 1 0 4.844-1.25 12.5 12.5 0 1 0-20.544 12.347A21.23 21.23 0 0 0 3 43.497 2.5 2.5 0 1 0 7 46.5 16.125 16.125 0 0 1 20 40a2.5 2.5 0 0 0 2.5-2.5Z" />
101100
</svg>
102101
<h2
103102
class="nav-card__title"

0 commit comments

Comments
 (0)