r
/
portfolio
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add link colors.

jekyll
Joshua Potter 2023-12-14 04:51:30 -07:00
parent cf1c32def2
commit 825e725e04
3 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/index.html
View File

@ -20,13 +20,13 @@
</header> </header>
<div class="flex flex-col gap-6"> <div class="flex flex-col gap-6">
<a href="https://github.com/jrpotter/" target="_blank"> <a href="https://github.com/jrpotter/" target="_blank">
<image class="w-6 h-6" src="./imgs/github.svg" /> <image class="w-6 h-6 link" src="./imgs/github.svg" />
</a> </a>
<a href="https://www.linkedin.com/in/jrpotter2112/" target="_blank"> <a href="https://www.linkedin.com/in/jrpotter2112/" target="_blank">
<image class="w-6 h-6" src="./imgs/linkedin.svg" /> <image class="w-6 h-6 link" src="./imgs/linkedin.svg" />
</a> </a>
<a href="https://www.zotero.org/jrpotter2112/library" target="_blank"> <a href="https://www.zotero.org/jrpotter2112/library" target="_blank">
<image class="w-6 h-6" src="./imgs/zotero.svg" /> <image class="w-6 h-6 link" src="./imgs/zotero.svg" />
</a> </a>
</div> </div>
</div> </div>

8
src/main.css
View File

@ -5,3 +5,11 @@
a { a {
text-decoration: underline; text-decoration: underline;
} }
a:hover {
color: #0056b2;
}
.link:hover {
filter: invert(19%) sepia(98%) saturate(2006%) hue-rotate(198deg) brightness(98%) contrast(101%);
}

1
tailwind.config.cjs
View File

@ -6,7 +6,6 @@ module.exports = {
colors: { colors: {
primary: "white", primary: "white",
secondary: "#f6f8fa", secondary: "#f6f8fa",
link: "#8056b2",
}, },
}, },
}, },