leomurca/leomurca
leomurca/leomurca
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update icons hover effect and remove gitlab

Browse source
This commit is contained in:
Leonardo Murça 2024-10-31 14:25:46 -03:00
parent 48dd533b47
commit b931c6221c
8 changed files with 43 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
layouts/index.html
View file

@ -13,24 +13,16 @@
<p>{{ i18n "home-introduction" (dict "years" (sub (now.Year) 2018)) }}</p>
<div id="about-me-home-icons">
<a href="https://git.leomurca.xyz/" target="_blank">
<img style="width: 30px; height: 30px; padding: 0; margin: 0;" width="30" height="30" src="/icons/git.svg"
alt="Git icon" />
</a>
<a href="https://gitlab.com/leomurca" target="_blank">
<img style="width: 30px; height: 30px; padding: 0; margin: 0;" width="30" height="30"
src="/icons/gitlab.svg" alt="Gitlab icon" />
<div class="main-icons">{{ partial "svg" "git" }}</div>
</a>
<a href="https://github.com/leomurca" target="_blank">
<img style="width: 30px; height: 30px; padding: 0; margin: 0;" width="30" height="30"
src="/icons/github.svg" alt="Github icon" />
<div class="main-icons">{{ partial "svg" "github" }}</div>
</a>
<a href="https://www.linkedin.com/in/leonardoamurca/" target="_blank">
<img style="width: 30px; height: 30px; padding: 0; margin: 0;" width="30" height="30"
src="/icons/linkedin.svg" alt="Linkedin icon" />
<div class="main-icons">{{ partial "svg" "linkedin" }}</div>
</a>
<a href="{{ .Site.Home.RelPermalink }}posts/index.xml" target="_blank">
<img style="width: 30px; height: 30px; padding: 0; margin: 0;" width="30" height="30" src="/icons/rss.svg"
alt="RSS Feed icon" />
<div class="main-icons">{{ partial "svg" "rss" }}</div>
</a>
</div>
</div>

16
layouts/partials/footer.html
View file

@ -1,24 +1,16 @@
<footer>
<div id="footer-icons">
<a href="https://git.leomurca.xyz/" target="_blank">
<img style="width: 20px; height: 20px; padding: 0; margin: 0;" width="20" height="20" src="/icons/git.svg"
alt="Git icon" />
</a>
<a href="https://gitlab.com/leomurca" target="_blank">
<img style="width: 20px; height: 20px; padding: 0; margin: 0;" width="20" height="20" src="/icons/gitlab.svg"
alt="Gitlab icon" />
<div>{{ partial "svg" "git" }}</div>
</a>
<a href="https://github.com/leomurca" target="_blank">
<img style="width: 20px; height: 20px; padding: 0; margin: 0;" width="20" height="20" src="/icons/github.svg"
alt="Github icon" />
<div>{{ partial "svg" "github" }}</div>
</a>
<a href="https://www.linkedin.com/in/leonardoamurca/" target="_blank">
<img style="width: 20px; height: 20px; padding: 0; margin: 0;" width="20" height="20" src="/icons/linkedin.svg"
alt="Linkedin icon" />
<div>{{ partial "svg" "linkedin" }}</div>
</a>
<a href="{{ .Site.Home.RelPermalink }}posts/index.xml" target="_blank">
<img style="width: 20px; height: 20px; padding: 0; margin: 0;" width="20" height="20" src="/icons/rss.svg"
alt="RSS Feed icon" />
<div>{{ partial "svg" "rss" }}</div>
</a>
</div>

39
static/css/styles.css
View file

@ -189,6 +189,24 @@ figcaption {
margin-right: 10px;
}
.main-icons {
display: flex;
width: 30px;
height: 30px;
}
.main-icons svg {
height: fit-content;
}
#about-me-home-icons a:hover path {
fill: #ffffff !important;
}
#about-me-home-icons a:hover polygon {
fill: #ffffff !important;
}
.main-title {
text-decoration: unset;
color: inherit;
@ -324,6 +342,23 @@ footer p {
margin-right: 10px;
}
#footer-icons a div {
display: flex;
}
#footer-icons a div svg {
width: fit-content;
height: fit-content;
}
#footer-icons a:hover path {
fill: #ffffff !important;
}
#footer-icons a:hover polygon {
fill: #ffffff !important;
}
/* endregion footer*/
/* region articles list*/
@ -572,10 +607,6 @@ footer p {
padding: 0;
}
#about-me-home-icons {
justify-content: center;
}
.articles-list ul {
display: flex;
flex-direction: column;

3
static/icons/gitlab.svg
View file

@ -1,3 +0,0 @@
<svg fill="#FF6600" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="50px" height="50px">
<path d="M 38.011719 4 C 37.574219 3.996094 37.183594 4.273438 37.046875 4.691406 L 32.074219 20 L 17.925781 20 L 12.953125 4.691406 C 12.820313 4.289063 12.449219 4.011719 12.023438 4 C 11.597656 3.992188 11.214844 4.25 11.0625 4.648438 L 5.070313 20.640625 C 5.066406 20.640625 5.066406 20.644531 5.0625 20.648438 L 2.0625 28.648438 C 1.90625 29.070313 2.046875 29.542969 2.414063 29.808594 L 24.40625 45.800781 L 24.410156 45.808594 C 24.414063 45.808594 24.414063 45.808594 24.414063 45.8125 C 24.425781 45.820313 24.441406 45.828125 24.453125 45.835938 C 24.46875 45.84375 24.480469 45.855469 24.496094 45.863281 C 24.5 45.863281 24.5 45.867188 24.503906 45.867188 C 24.503906 45.867188 24.507813 45.871094 24.511719 45.871094 C 24.515625 45.875 24.519531 45.878906 24.527344 45.878906 C 24.53125 45.882813 24.539063 45.886719 24.542969 45.890625 C 24.5625 45.898438 24.585938 45.910156 24.609375 45.917969 C 24.609375 45.917969 24.609375 45.917969 24.609375 45.921875 C 24.632813 45.929688 24.65625 45.9375 24.675781 45.945313 C 24.679688 45.945313 24.679688 45.945313 24.683594 45.949219 C 24.699219 45.953125 24.714844 45.957031 24.734375 45.964844 C 24.742188 45.964844 24.75 45.96875 24.761719 45.96875 C 24.761719 45.972656 24.761719 45.972656 24.761719 45.96875 C 24.78125 45.976563 24.800781 45.980469 24.820313 45.984375 C 24.847656 45.988281 24.871094 45.992188 24.898438 45.996094 C 24.9375 45.996094 24.980469 46 25.019531 46 C 25.058594 45.996094 25.09375 45.996094 25.128906 45.988281 C 25.144531 45.988281 25.15625 45.988281 25.171875 45.984375 C 25.171875 45.984375 25.175781 45.984375 25.179688 45.984375 C 25.1875 45.980469 25.191406 45.980469 25.199219 45.980469 C 25.203125 45.980469 25.207031 45.976563 25.214844 45.976563 C 25.222656 45.972656 25.234375 45.972656 25.242188 45.96875 C 25.257813 45.964844 25.269531 45.960938 25.28125 45.957031 C 25.289063 45.957031 25.292969 45.957031 25.296875 45.953125 C 25.300781 45.953125 25.304688 45.953125 25.308594 45.953125 C 25.324219 45.945313 25.34375 45.9375 25.359375 45.933594 C 25.378906 45.925781 25.394531 45.917969 25.410156 45.910156 C 25.414063 45.910156 25.414063 45.910156 25.417969 45.90625 C 25.421875 45.90625 25.425781 45.90625 25.429688 45.902344 C 25.4375 45.898438 25.445313 45.894531 25.453125 45.890625 C 25.476563 45.878906 25.496094 45.867188 25.515625 45.855469 C 25.523438 45.851563 25.527344 45.847656 25.53125 45.84375 C 25.535156 45.84375 25.539063 45.839844 25.542969 45.839844 C 25.558594 45.828125 25.574219 45.820313 25.589844 45.808594 L 25.597656 45.796875 L 47.589844 29.808594 C 47.953125 29.542969 48.09375 29.070313 47.9375 28.648438 L 44.945313 20.675781 C 44.941406 20.667969 44.9375 20.65625 44.9375 20.648438 L 38.9375 4.648438 C 38.789063 4.261719 38.425781 4.003906 38.011719 4 Z M 11.933594 8.027344 L 15.824219 20 L 7.445313 20 Z M 38.066406 8.027344 L 42.558594 20 L 34.175781 20 Z M 8.066406 22 L 16.472656 22 L 22.328125 40.015625 Z M 18.578125 22 L 31.421875 22 L 25 41.765625 Z M 33.527344 22 L 41.933594 22 L 27.671875 40.015625 Z M 6.3125 23.007813 L 19.6875 39.902344 L 4.203125 28.640625 Z M 43.6875 23.007813 L 45.796875 28.640625 L 30.3125 39.902344 Z" />
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 3.2 KiB

0
static/icons/git.svg → static/svg/git.svg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 2.8 KiB

0
static/icons/github.svg → static/svg/github.svg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 5.2 KiB

0
static/icons/linkedin.svg → static/svg/linkedin.svg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB

0
static/icons/rss.svg → static/svg/rss.svg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB