diff options
| -rw-r--r-- | src/app.scss | 6 | ||||
| -rw-r--r-- | src/routes/+page.svelte | 9 |
2 files changed, 5 insertions, 10 deletions
diff --git a/src/app.scss b/src/app.scss index 49f55e3..167575b 100644 --- a/src/app.scss +++ b/src/app.scss @@ -25,7 +25,7 @@ body { } .socials { - margin: 10px 0 4vh; + margin-top: 10px; } .social-icon { @@ -43,10 +43,6 @@ a { } } -a.icon { - margin-right: 2vw; -} - .container { display: flex; height: 100dvh; diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 76d7348..83f505b 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -17,10 +17,6 @@ } const socialsList: Social[] = socials - - const insertIcon: Function = (element: HTMLElement, iconIndex: string) => { - element.innerHTML = icons[iconIndex] - } </script> <svelte:head> @@ -32,9 +28,12 @@ <p>Just your average IT student</p> <div class="socials"> {#each socialsList as {link, iconIndex}} - <a use:insertIcon={iconIndex} href={link} target="_blank" class="icon"></a> + <a href={link} target="_blank" class="icon"> + {@html icons[iconIndex]} + </a> {/each} </div> + <br> <div class="projects"> Check out my projects <a href={base + '/projects'}><b>here</b></a> </div> |