added/removed social links 1ca19004
Steve · 2023-05-18 17:00 3 file(s) · +25 −24
src/components/SocialList.astro +22 −21
66 66
		<li>
67 67
			<a
68 68
				class="inline-block p-2 sm:hover:text-link"
69 -
				href={SOCIAL_LINKS.medium}
69 +
				href={SOCIAL_LINKS.youtube}
70 70
				target="_blank"
71 71
				rel="noopener noreferrer"
72 72
			>
73 73
				<svg
74 74
					xmlns="http://www.w3.org/2000/svg"
75 75
					class="h-6 w-6"
76 +
					width="44"
77 +
					height="44"
76 78
					viewBox="0 0 24 24"
77 79
					stroke-width="1.5"
78 80
					stroke="currentColor"
81 83
					stroke-linejoin="round"
82 84
				>
83 85
					<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
84 -
					<rect x="4" y="4" width="16" height="16" rx="2"></rect>
85 -
					<path d="M8 9h1l3 3l3 -3h1"></path>
86 -
					<line x1="8" y1="15" x2="10" y2="15"></line>
87 -
					<line x1="14" y1="15" x2="16" y2="15"></line>
88 -
					<line x1="9" y1="9" x2="9" y2="15"></line>
89 -
					<line x1="15" y1="9" x2="15" y2="15"></line>
86 +
					<path d="M3 5m0 4a4 4 0 0 1 4 -4h10a4 4 0 0 1 4 4v6a4 4 0 0 1 -4 4h-10a4 4 0 0 1 -4 -4z"
87 +
					></path>
88 +
					<path d="M10 9l5 3l-5 3z"></path>
90 89
				</svg>
91 -
				<span class="sr-only">Medium</span>
90 +
				<span class="sr-only">YouTube</span>
92 91
			</a>
93 92
		</li>
94 93
		<li>
95 94
			<a
96 95
				class="inline-block p-2 sm:hover:text-link"
97 -
				href={SOCIAL_LINKS.linkedin}
96 +
				href={SOCIAL_LINKS.twitch}
98 97
				target="_blank"
99 98
				rel="noopener noreferrer"
100 99
			>
111 110
					stroke-linejoin="round"
112 111
				>
113 112
					<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
114 -
					<rect x="4" y="4" width="16" height="16" rx="2"></rect>
115 -
					<line x1="8" y1="11" x2="8" y2="16"></line>
116 -
					<line x1="8" y1="8" x2="8" y2="8.01"></line>
117 -
					<line x1="12" y1="16" x2="12" y2="11"></line>
118 -
					<path d="M16 16v-3a2 2 0 0 0 -4 0"></path>
113 +
					<path
114 +
						d="M4 5v11a1 1 0 0 0 1 1h2v4l4 -4h5.584c.266 0 .52 -.105 .707 -.293l2.415 -2.414c.187 -.188 .293 -.442 .293 -.708v-8.585a1 1 0 0 0 -1 -1h-14a1 1 0 0 0 -1 1z"
115 +
					></path>
116 +
					<path d="M16 8l0 4"></path>
117 +
					<path d="M12 8l0 4"></path>
119 118
				</svg>
120 -
				<span class="sr-only">LinkedIn</span>
119 +
				<span class="sr-only">Twitch</span>
121 120
			</a>
122 121
		</li>
123 122
		<li>
124 123
			<a
125 124
				class="inline-block p-2 sm:hover:text-link"
126 -
				href={SOCIAL_LINKS.ethereum}
125 +
				href={SOCIAL_LINKS.medium}
127 126
				target="_blank"
128 127
				rel="noopener noreferrer"
129 128
			>
130 129
				<svg
131 130
					xmlns="http://www.w3.org/2000/svg"
132 131
					class="h-6 w-6"
133 -
					width="44"
134 -
					height="44"
135 132
					viewBox="0 0 24 24"
136 133
					stroke-width="1.5"
137 134
					stroke="currentColor"
140 137
					stroke-linejoin="round"
141 138
				>
142 139
					<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
143 -
					<path d="M6 12l6 -9l6 9l-6 9z"></path>
144 -
					<path d="M6 12l6 -3l6 3l-6 2z"></path>
140 +
					<rect x="4" y="4" width="16" height="16" rx="2"></rect>
141 +
					<path d="M8 9h1l3 3l3 -3h1"></path>
142 +
					<line x1="8" y1="15" x2="10" y2="15"></line>
143 +
					<line x1="14" y1="15" x2="16" y2="15"></line>
144 +
					<line x1="9" y1="9" x2="9" y2="15"></line>
145 +
					<line x1="15" y1="9" x2="15" y2="15"></line>
145 146
				</svg>
146 -
				<span class="sr-only">Ethereum</span>
147 +
				<span class="sr-only">Medium</span>
147 148
			</a>
148 149
		</li>
149 150
	</ul>
src/data/constants.ts +2 −2
21 21
export const SOCIAL_LINKS = {
22 22
	github: "https://github.com/stevedylandev",
23 23
	twitter: "https://twitter.com/stevedylandev",
24 +
	youtube: "https://youtube.com/@stevedylandev",
25 +
	twitch: "https://twitch.tv/stevedylandev",
24 26
	medium: "https://medium.com/@stevedylandev",
25 -
	linkedin: "https://linkedin.com/in/steve-simkins",
26 -
	ethereum: "https://rainbow.me/stevedsimkins.eth",
27 27
};
src/styles/global.css +1 −1
3 3
	:root {
4 4
		color-scheme: light;
5 5
		--theme-bg: #eff1f5;
6 -
		--theme-link: #89b4fa;
6 +
		--theme-link: #8839ef;
7 7
		--theme-text: #4c4f69;
8 8
		--theme-accent: #04a5e5;
9 9
		--theme-accent-2: #4c4f69;