Skip to content

Commit ca49797

Browse files
smortezahsmortezah
committed
style: simplify footer link HTML structure and update background color
1 parent 7e366c1 commit ca49797

File tree

2 files changed

+5
-65
lines changed

2 files changed

+5
-65
lines changed

‎website/docusaurus.config.js‎

Lines changed: 4 additions & 56 deletions
Original file line numberDiff line numberDiff line change
@@ -101,66 +101,16 @@ const config = {
101101
style: "dark",
102102
links: [
103103
{
104-
html: `
105-
<a
106-
class="footer-medium-link"
107-
href="https://medium.com/@morihosseini"
108-
target="_blank"
109-
rel="noreferrer noopener"
110-
aria-label="Medium"
111-
>
112-
</a>
113-
`,
104+
html: `<a class="footer-medium-link" href="https://medium.com/@morihosseini" target="_blank" rel="noreferrer noopener" aria-label="Medium"></a>`,
114105
},
115106
{
116-
html: `
117-
<a
118-
class="footer-github-link"
119-
href="https://github.com/smortezah"
120-
target="_blank"
121-
rel="noreferrer noopener"
122-
aria-label="GitHub"
123-
>
124-
</a>
125-
`,
107+
html: `<a class="footer-github-link" href="https://github.com/smortezah" target="_blank" rel="noreferrer noopener" aria-label="GitHub"></a>`,
126108
},
127-
// {
128-
// html: `
129-
// <a
130-
// href="https://github.com/smortezah"
131-
// target="_blank"
132-
// rel="noreferrer noopener"
133-
// aria-label="GitHub"
134-
// >
135-
// <svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
136-
// <path d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12' />
137-
// </svg>
138-
// </a>
139-
// `,
140-
// },
141109
{
142-
html: `
143-
<a
144-
class="footer-x-link"
145-
href="https://x.com/MoriHosseini1"
146-
target="_blank"
147-
rel="noreferrer noopener"
148-
aria-label="X"
149-
>
150-
</a>
151-
`,
110+
html: `<a class="footer-x-link" href="https://x.com/MoriHosseini1" target="_blank" rel="noreferrer noopener" aria-label="X"></a>`,
152111
},
153112
{
154-
html: `
155-
<a
156-
class="footer-linkedin-link"
157-
href="https://linkedin.com/in/mori-hosseini"
158-
target="_blank"
159-
rel="noreferrer noopener"
160-
aria-label="LinkedIn"
161-
>
162-
</a>
163-
`,
113+
html: `<a class="footer-linkedin-link" href="https://linkedin.com/in/mori-hosseini" target="_blank" rel="noreferrer noopener" aria-label="LinkedIn"></a>`,
164114
},
165115
],
166116
copyright: `Copyright &copy; ${new Date().getFullYear()} Morteza Hosseini`,
@@ -204,8 +154,6 @@ const config = {
204154

205155
// Optional: whether you want to use the new Ask AI feature (undefined by default)
206156
// askAi: 'YOUR_ALGOLIA_ASK_AI_ASSISTANT_ID',
207-
208-
//... other Algolia params
209157
},
210158
},
211159
};

‎website/src/css/custom.css‎

Lines changed: 1 addition & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -96,17 +96,9 @@ html[data-theme="dark"] {
9696
width: 24px;
9797
height: 24px;
9898
display: inline-flex;
99-
background: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1024' height='1024' rx='179.649' fill='white'/%3E%3Cpath d='M1024 704.736V797.736C1018.16 798.3 1012.16 798.588 1006 798.588C896.061 798.588 834.166 707.016 831.497 592.432C831.418 588.002 831.448 583.6 831.546 579.228C831.606 576.501 831.714 573.783 831.852 571.075C831.921 569.628 831.989 568.269 832.098 566.753C832.206 565.236 832.315 563.72 832.443 562.204C836.401 511.613 852.687 466.594 879.568 433.284C896.267 412.606 916.334 396.852 939.09 386.316C959.078 376.253 987.17 370.699 1010.07 370.699H1011.06C1015.4 370.699 1019.71 370.844 1024 371.13V396.717C1019.45 395.47 1014.58 394.801 1009.4 394.715C963.086 395.67 935.486 451.145 932.049 528.007H1024V549.669H929.972L929.942 549.689C925.703 624.579 966.692 687.87 1024 704.736Z' fill='black'/%3E%3Cpath d='M836.115 244.625L836.923 244.448V238.195H672.014L518.891 598.084L365.768 238.195H188.059V244.448L188.857 244.625C218.957 251.419 234.239 261.551 234.239 298.091V725.872C234.239 762.412 218.898 772.544 188.798 779.338L188 779.516V785.788H308.57V779.535L307.773 779.358C277.672 772.564 262.39 762.432 262.39 725.892V322.905L459.093 785.788H470.249L672.683 309.996V736.457C670.104 765.317 654.96 774.228 627.705 780.382L626.897 780.569V786.773H836.923V780.569L836.115 780.382C808.831 774.228 793.322 765.317 790.743 736.457L790.605 298.091H790.743C790.743 261.551 806.024 251.419 836.115 244.625Z' fill='black'/%3E%3C/svg%3E")
99+
background: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' fill='#d8d8d8' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1024' height='1024' rx='179.649' fill='white'/%3E%3Cpath d='M1024 704.736V797.736C1018.16 798.3 1012.16 798.588 1006 798.588C896.061 798.588 834.166 707.016 831.497 592.432C831.418 588.002 831.448 583.6 831.546 579.228C831.606 576.501 831.714 573.783 831.852 571.075C831.921 569.628 831.989 568.269 832.098 566.753C832.206 565.236 832.315 563.72 832.443 562.204C836.401 511.613 852.687 466.594 879.568 433.284C896.267 412.606 916.334 396.852 939.09 386.316C959.078 376.253 987.17 370.699 1010.07 370.699H1011.06C1015.4 370.699 1019.71 370.844 1024 371.13V396.717C1019.45 395.47 1014.58 394.801 1009.4 394.715C963.086 395.67 935.486 451.145 932.049 528.007H1024V549.669H929.972L929.942 549.689C925.703 624.579 966.692 687.87 1024 704.736Z' fill='black'/%3E%3Cpath d='M836.115 244.625L836.923 244.448V238.195H672.014L518.891 598.084L365.768 238.195H188.059V244.448L188.857 244.625C218.957 251.419 234.239 261.551 234.239 298.091V725.872C234.239 762.412 218.898 772.544 188.798 779.338L188 779.516V785.788H308.57V779.535L307.773 779.358C277.672 772.564 262.39 762.432 262.39 725.892V322.905L459.093 785.788H470.249L672.683 309.996V736.457C670.104 765.317 654.96 774.228 627.705 780.382L626.897 780.569V786.773H836.923V780.569L836.115 780.382C808.831 774.228 793.322 765.317 790.743 736.457L790.605 298.091H790.743C790.743 261.551 806.024 251.419 836.115 244.625Z' fill='black'/%3E%3C/svg%3E")
100100
no-repeat;
101101
}
102-
/* .footer-medium-link {
103-
content: "";
104-
width: 30px;
105-
height: 20px;
106-
display: inline-flex;
107-
background: url("data:image/svg+xml,%3Csvg viewBox='0 0 1100 610' fill='#d8d8d8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M594.79 308.2c0 163.76-131.85 296.52-294.5 296.52S5.8 472 5.8 308.2 137.65 11.69 300.29 11.69s294.5 132.75 294.5 296.51'/%3E%3Cpath d='M917.86 308.2c0 154.16-65.93 279.12-147.25 279.12s-147.25-125-147.25-279.12S689.29 29.08 770.61 29.08s147.25 125 147.25 279.12'/%3E%3Cpath d='M1050 308.2c0 138.12-23.19 250.08-51.79 250.08s-51.79-112-51.79-250.08 23.19-250.08 51.8-250.08S1050 170.09 1050 308.2'/%3E%3C/svg%3E")
108-
no-repeat;
109-
} */
110102

111103
.footer-github-link:hover {
112104
opacity: 0.6;

0 commit comments

Comments
 (0)